Сайттағы мақаланы бөлісуге болатын әлеуметтік желі белгішелері көптеген сайттардың күнделікті өмірінде берік орныққан. Веб-сайтты ауызша сөз арқылы жылжыту, әдетте, көптеген ресурстардың өсуі үшін өте тиімді нұсқа болып табылады, әсіресе тақырып өте үлкен әлеуметтік топтарға әсер етуі мүмкін болса. Бірақ қазір, жалпы, мәселе бұл туралы емес. Сондай-ақ статистиканы бақылауға мүмкіндік беретін 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-сервері ұсынамын.