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
Соңғы пікірлер
ИМ
Игорь МаксимовҚар. 22, 2024, 11:51 Т.Ж.
Django - Оқулық 017. Теңшелген Django кіру беті Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
Evgenii Legotckoi
Evgenii LegotckoiҚаз. 31, 2024, 2:37 Т.Қ.
Django - Сабақ 064. Python Markdown кеңейтімін қалай жазуға болады Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
A
ALO1ZEҚаз. 19, 2024, 8:19 Т.Ж.
Qt Creator көмегімен fb3 файл оқу құралы Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
ИМ
Игорь МаксимовҚаз. 5, 2024, 7:51 Т.Ж.
Django - Сабақ 064. Python Markdown кеңейтімін қалай жазуға болады Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
d
dblas5Шілде 5, 2024, 11:02 Т.Ж.
QML - Сабақ 016. SQLite деректер қоры және онымен QML Qt-та жұмыс істеу Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
Енді форумда талқылаңыз
m
moogoҚар. 22, 2024, 7:17 Т.Ж.
Mosquito Spray System Effective Mosquito Systems for Backyard | Eco-Friendly Misting Control Device & Repellent Spray - Moogo ; Upgrade your backyard with our mosquito-repellent device! Our misters conce…
Evgenii Legotckoi
Evgenii LegotckoiМаусым 24, 2024, 3:11 Т.Қ.
добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
t
tonypeachey1Қар. 15, 2024, 6:04 Т.Ж.
google domain [url=https://google.com/]domain[/url] domain [http://www.example.com link title]
NSProject
NSProjectМаусым 4, 2022, 3:49 Т.Ж.
Всё ещё разбираюсь с кешем. В следствии прочтения данной статьи. Я принял для себя решение сделать кеширование свойств менеджера модели LikeDislike. И так как установка evileg_core для меня не была возможна, ибо он писался…

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