Показать Меню
falbar Кнопки социальных сетей

Кнопки социальных сетей

Кнопки социальных сетей

Приветствую, читатели Фалбар, сегодня мы рассмотрим одну простенькую JavaScript библиотеку sharer.js для добавления кнопок социальных сетей. Большой плюс этого скрипта заключается в том, что в нём реализована функция «поделиться» более чем для 20 социальных сетей.

Если Вас интересует сам механизм написания кнопок социальных сетей, то у меня на сайте эта тема очень подробно уже рассмотрена раннее. Эти статьи лежат здесь - «кнопки поделиться». Итак, первым делом необходимо скачать сам скрипт (ссылка в низу страницы на оф. сайт).

Далее подключаем библиотеку кнопок социальных сетей:

<script src="sharer.min.js"></script>

Все кнопки создаются однотипно, и для этого используется тег button, с прописанными к нему параметрами. Мы же рассмотрим на примере социальной сети Twitter:

<button data-sharer="twitter" data-title="Социальные кнопки поделиться!" data-url="http://falbar.ru/article/id/169">Поделиться в Twitter</button>

Все названия параметров говорящие и, думаю, пояснений не требуют. Вот так просто можно добавить кнопки, а при помощи стилей адоптировать их к любому дизайну, а на этом у меня на сегодня всё.

Источник
github.com

Подписаться на обновления

Комментариев еще не оставлено