Evgenii Legotckoi
Evgenii LegotckoiҚыр. 24, 2016, 9:59 Т.Ж.

Джанго - Сабақ 009. Әлеуметтік желіде JavaScript жоқ «Бөлісу» белгішелері

Сайттағы мақаланы бөлісуге болатын әлеуметтік желі белгішелері көптеген сайттардың күнделікті өмірінде берік орныққан. Веб-сайтты ауызша сөз арқылы жылжыту, әдетте, көптеген ресурстардың өсуі үшін өте тиімді нұсқа болып табылады, әсіресе тақырып өте үлкен әлеуметтік топтарға әсер етуі мүмкін болса. Бірақ қазір, жалпы, мәселе бұл туралы емес. Сондай-ақ статистиканы бақылауға мүмкіндік беретін Yandex түймелері немесе өте танымал UpToLike қызметі сияқты үшінші тарап қызметтерін пайдаланбай мұндай түймелерді қалай бекіту керек.

Бірақ бұл қызметтердің барлығының негізгі кемшілігі - пайдаланушы беттерінің жұмысын баяулатады. Әсіресе соңғы кездері UpToLike. мені ренжітеді.Сондықтан мұндай түймелерді ешбір JavaScript. сіз енгізу өте қисынды қадам.


Javascript арқылы әлеуметтік бөлісу

Мұндай түймелерді JavaScriptсіз ұйымдастыру үшін сіз барлық мақсатты әлеуметтік желілерді аралап, олардың API интерфейсін оқуыңыз керек. Дәлірек айтқанда, келуші бөлісетін сайтыңыздағы беттің мекенжайына қандай URL жіберілетінін білу.

Мен үшін мақсатты әлеуметтік желілер:

  • ВКонтакте
  • Твиттер
  • Фейсбук
  • Google+
  • Linkedin – бұл ең алдымен кәсіби байланыстарды дамытуға қызмет ететін кәсіби әлеуметтік желі.

Сайт Django жүйесінде әзірленіп жатқанын ескерсек, мысал тек осы құрылымға арналған болады.

Мақалалар сайты доменді есепке алмастан бет мекенжайын алу үшін қолданылатын get_absolute_url(), әдісі бар Article үлгісін пайдаланады. Статикалық файлдардан кескіндерді жүктеу де қолданылады.

Бұл ақпарат жеткілікті болуы керек, сондықтан қазір код барлық бес әлеуметтік желі үшін студияда:

{% load staticfiles %}
<a href="http://vk.com/share.php?url=https://evileg.com/ru/{{ article.get\_absolute\_url }}"
   target="\_blank" rel="nofollow">
    <img src="{% static 'images/social/vk.png' %}">
</a>
<a href="https://twitter.com/share?url=https://evileg.com/ru/{{ article.get\_absolute\_url }}"
   target="\_blank" rel="nofollow">
    <img src="{% static 'images/social/twitter.png' %}">
</a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://evileg.com/ru/{{ article.get\_absolute\_url }}"
   target="\_blank" rel="nofollow">
    <img src="{% static 'images/social/facebook.png' %}">
</a>
<a href="https://plus.google.com/share?url=https://evileg.com/ru/{{ article.get\_absolute\_url }}"
   target="\_blank" rel="nofollow">
    <img src="{% static 'images/social/google-plus.png' %}">
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://evileg.com/ru/{{ article.get\_absolute\_url }}"
   target="\_blank" rel="nofollow">
    <img src="{% static 'images/social/linkedin.png' %}">
</a>

Белгішелердің өздерін қайдан алуға болатынына келетін болсақ, мен MaterialDesignIcons веб-сайтына қарауды ұсынамын, мұнда сіз тегін пайдалануға болатын материалды дизайн белгішелері өте көп, соның ішінде қажетті әлеуметтік медиа белгішелері.

Аз ғана JavaScript

Дегенмен, мен парақты жүктемейтін біраз Javascript қосамын. Өйткені, егер JavaScript мүлде болмаса, target="_blank" арқасында бөлек бет ашылады, оған пайдаланушы түсініктемелер қоса алады. Бірақ әдеттегі опция - бұл бөлек терезе ашылатын опция. Сондықтан өңдеушілерді onclick оқиғасына іліп қойған дұрыс, ол қойындының орнына бөлек терезе ашады.

{% load staticfiles %}
<a href="http://vk.com/share.php?url=https://evileg.com/ru/{{ article.get\_absolute\_url }}"
   onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"
   target="\_blank" rel="nofollow">
    <img src="{% static 'images/social/vk.png' %}">
</a>
<a href="https://twitter.com/share?url=https://evileg.com/ru/{{ article.get\_absolute\_url }}"
   onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"
   target="\_blank" rel="nofollow">
    <img src="{% static 'images/social/twitter.png' %}">
</a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://evileg.com/ru/{{ article.get\_absolute\_url }}"
   onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"
   target="\_blank" rel="nofollow">
    <img src="{% static 'images/social/facebook.png' %}">
</a>
<a href="https://plus.google.com/share?url=https://evileg.com/ru/{{ article.get\_absolute\_url }}"
   onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"
   target="\_blank" rel="nofollow">
    <img src="{% static 'images/social/google-plus.png' %}">
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://evileg.com/ru/{{ article.get\_absolute\_url }}"
   onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;"
   target="\_blank" rel="nofollow">
    <img src="{% static 'images/social/linkedin.png' %}">
</a>

Django үшін Timeweb хостының VDS-сервері ұсынамын.

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Ол саған ұнайды ма? Әлеуметтік желілерде бөлісіңіз!

Пікірлер

Тек рұқсаты бар пайдаланушылар ғана пікір қалдыра алады.
Кіріңіз немесе Тіркеліңіз
AD

C++ - Тест 004. Указатели, Массивы и Циклы

  • Нәтиже:50ұпай,
  • Бағалау ұпайлары-4
m
  • molni99
  • Қаз. 26, 2024, 1:37 Т.Ж.

C++ - Тест 004. Указатели, Массивы и Циклы

  • Нәтиже:80ұпай,
  • Бағалау ұпайлары4
m
  • molni99
  • Қаз. 26, 2024, 1:29 Т.Ж.

C++ - Тест 004. Указатели, Массивы и Циклы

  • Нәтиже:20ұпай,
  • Бағалау ұпайлары-10
Соңғы пікірлер
i
innorwallҚар. 13, 2024, 8:09 Т.Қ.
C++ файлдарының ішінде CMakeLists.txt ішінде жарияланған айнымалы мәндерді пайдалану where can i buy priligy online safely Tom Platz How about things like we read about in the magazines like roid rage and does that really
i
innorwallҚар. 11, 2024, 10:12 Т.Қ.
Django - Оқулық 055. Автоматты толтыру өрісі функциясын қалай жазу керек Freckles because of several brand names retin a, atralin buy generic priligy
i
innorwallҚар. 11, 2024, 6:23 Т.Қ.
QML - Сабақ 035. C++ қолданбай QML тілінде сандарды пайдалану priligy cvs 24 Together with antibiotics such as amphotericin B 10, griseofulvin 11 and streptomycin 12, chloramphenicol 9 is in the World Health Organisation s List of Essential Medici…
i
innorwallҚар. 11, 2024, 3:50 Т.Қ.
Qt/C++ - 052-сабақ. Qt аудио ойнатқышын AIMP стилінде теңшеу It decreases stress, supports hormone balance, and regulates and increases blood flow to the reproductive organs buy priligy online safe Promising data were reported in a PDX model re…
i
innorwallҚар. 11, 2024, 2:19 Т.Қ.
Үйінді сұрыптау алгоритмі The role of raloxifene in preventing breast cancer priligy precio
Енді форумда талқылаңыз
i
innorwallҚар. 13, 2024, 6:52 Т.Қ.
добавить qlineseries в функции PMID 35774217 Free PMC article priligy cvs
i
innorwallҚар. 11, 2024, 10:55 Т.Ж.
Всё ещё разбираюсь с кешем. priligy walgreens levitra dulcolax carbs The third ring was found to be made up of ultra relativistic electrons, which are also present in both the outer and inner rings
9
9AnonimҚаз. 25, 2024, 9:10 Т.Ж.
Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…

Бізді әлеуметтік желілерде бақылаңыз