Приветствую, читатели falbar, сегодня мы рассмотрим одну простенькую JavaScript библиотеку sharer для добавления кнопок социальных сетей. Большой плюс этого скрипта заключается в том, что в нём реализована функция «поделиться» более чем для 20 социальных сетей.
Если вас интересует сам механизм написания кнопок социальных сетей, то у меня на сайте эта тема очень подробно уже рассмотрена раннее в статьях:
Социальные кнопки поделиться – пишем сами;
Социальные кнопки поделиться – пишем сами! Часть 2. Добавляем счетчик.
Итак, первым делом необходимо скачать сам скрипт и подключить его к странице:
<script src="sharer.min.js"></script>
Все кнопки создаются однотипно, и для этого используется тег button, с прописанными к нему параметрами. Мы же рассмотрим на примере социальной сети Twitter:
<button data-sharer="twitter" data-title="Создай сайт" data-url="https://falbar.one/">Поделиться в Twitter</button>
Все названия параметров говорящие и, думаю, пояснений не требуют. Вот так просто можно добавить кнопки, а при помощи стилей адоптировать их к любому дизайну, а на этом у меня на сегодня всё.