Добавляем кнопки поделиться в соц сетях для сайта
На многие блоги и другие веб-сайты возникает необходимость добавления кнопки поделиться в соц сетях, ведь это дополнительный трафик для вашего блога, сайта. В этой записи я расскажу Вам как установить кнопки поделиться в социальных сетях на свой сайт.
Блок "Поделиться" от Яндекс
Мы будем использовать готовое решение блока поделится в соц сетях от Яндекса. На мой взгляд это самый простой, удобный и стабильный виджет. А какие знаете Вы? Пишите в комментариях!
Переходим по адресу: https://tech.yandex.ru/share/
Открывается конструктор блока "Поделиться". В центре "Набор сервисов", Справа - "Внешний вид блока".
В блоке "Набор сервисов" ставим галочки тех сервисов через которые мы дадим возможность пользователю поделиться. В блоке "Внешний вид блока" выбираем вид. После 30 секунд настройки, копируем код.
Устанавливаем код, там где хотим видить кнопки поделиться в соц сетях.
Дополнение
При нажатии на любую соц. сеть открывается окно, возникает вопрос, как установить туда изображение, название или описание? С помощью атрибутов.
Атрибуты устанавливаются в эту часть кода:
<div class="ya-share2" атрибут="значение">.....</div>
Самые основные атрибуты:
data-description - Текст, который вы хотите поделиться. (Описание).
data-hashtags - Хэш-теги. Работают только для Twitter.
data-image - Изображение.
Пример использования тегов:
<div class="ya-share2" style="float:right" data-description="$help[seo_desc]" data-image="$help[img]" data-services="collections,vkontakte,odnoklassniki,twitter,facebook,moimir,gplus" data-counter=""></div>
Как видите, ничего сложного, а Вы как быстро установили блок поделиться в соц сетях? Делитесь своим временем в комментариях :)