Лого 212d.ru
0 /
Добавляем кнопки поделиться в соц сетях для сайта на картинке

Добавляем кнопки поделиться в соц сетях для сайта

351 Святослав Романов Готовые решения 1 год назад 0

На многие блоги и другие веб-сайты возникает необходимость добавления кнопки поделиться в соц сетях, ведь это дополнительный трафик для вашего блога, сайта. В этой записи я расскажу Вам как установить кнопки поделиться в социальных сетях на свой сайт.

Блок "Поделиться" от Яндекс

Мы будем использовать готовое решение блока поделится в соц сетях от Яндекса. На мой взгляд это самый простой, удобный и стабильный виджет. А какие знаете Вы? Пишите в комментариях!

Переходим по адресу: https://tech.yandex.ru/share/

Открывается конструктор блока "Поделиться". В центре "Набор сервисов", Справа - "Внешний вид блока".

В блоке "Набор сервисов" ставим галочки тех сервисов через которые мы дадим возможность пользователю поделиться. В блоке "Внешний вид блока" выбираем вид. После 30 секунд настройки, копируем код.

Устанавливаем код, там где хотим видить кнопки поделиться в соц сетях.

Дополнение

При нажатии на любую соц. сеть открывается окно, возникает вопрос, как установить туда изображение, название или описание? С помощью атрибутов. 

Атрибуты устанавливаются в эту часть кода:

<div class="ya-share2" атрибут="значение">.....</div>
 

Самые основные атрибуты:

data-title - Название.
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>
 

Как видите, ничего сложного, а Вы как быстро установили блок поделиться в соц сетях? Делитесь своим временем в комментариях :)

Вам понравился данный материал?
Полезный материалПлохой материал

Обсуждение материала

0 комментариев




Комментариев - нет.