Как разместить кнопки социальных сетей у себя на сайте.

как разместить кнопки социальных сетей на сайте

Приветствую Тебя дорогой читатель! Сегодня я хочу поделиться с тобой информацией о том, как разместить кнопки социальных сетей у себя на сайте.Так же я хотел бы рассказать чем полезны эти кнопки, когда размещены на блоге.

Я создал свой личный блог не так давно, раньше я пользовался кнопками Pluso, достаточно простой сервис для выбора и размещения социальных кнопок, можете посмотреть на скриншоте, ниже.

как разместить кнопки социальных сетей на сайте

Но буквально на днях в процессе обучения на тренинге Путь Блогера у Евгения Вергуса узнал о сервисе, который делится социальными кнопками для размещения на сайте. Кстати рекомендую для тех, кто хотел бы создать свой блог, но не знает с чего начать, пройти бесплатную онлайн-школу «Я Блогер», действительно очень полезная информация для новичков в этой сфере.

Почему я решил уйти на Яндекс с сервиса Pluso? Я решил, что для того чтобы получать трафик от Яндекса, было бы не плохо установить кнопки от него. Я думаю, что это в какой-то мере зачтется. Да и к тому же Всем нравится, когда используют именно то что они порекомендовали, соответственно и Яндексу тоже должно понравится то, что я буду пользоваться теми сервисами который он рекомендует.

Польза от социальных кнопок.

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

468х60-2

Где скачать социальные кнопки.

Давайте перейдем непосредственно к выбору и установки кнопок, для этого надо пройти авторизацию в Яндексе, если же у Вы уже авторизированы, тогда надо набрать в строке браузера следующую ссылку https://tech.yandex.ru/share/

После того как Вы перешли по ссылке, то попадаем на страницу как на скриншоте.

как разместить кнопки социальных статей на сайте

Далее нужно перейти ниже, где и обнаружим те самые кнопки, из которых нам нужно сделать выбор.

как разместить кнопки социальных сетей на сайте

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

После того как выбрали кнопки переходим к настройкам этих кнопок, для этого выбираем из предложенного списка следующие виды; «только иконки», «счетчики», «иконки меню» или «маленького размера», выбор за Вами как Вам больше нравится и как больше подходит. Я же себе выбрал счетчики. Далее копируем код и идем вставлять на сайт.

как разместить кнопки социальных сетей на сайте

Как установить кнопки на сайт.

Я решил размещать более простым способом, который не требует внедрения в коды самого сайта, так как сам еще только учусь всему. В дальнейшем по мере изучения, я смогу решать более сложные задачи, но не сейчас.

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

как разместить кнопки социальных сетей на сайте

После этого нажимаем на текст как показано на скриншоте и спускаемся вниз текста, вставляем скопированный HTML код с Яндекса после следующей записи </span><<strong></p>  удалив перед этим нижнюю строку<pstyle=”text-align:center;”></p>

после того как установили код  надо добавить теги <center>  в начале размещенного кода и </center> в конце кода для того чтобы наши кнопки находились в центре относительно текста нашей статьи, нажимаем обновить. Вот как выглядит полностью подготовленный код на сайте:

<center><script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" type="text/javascript" charset="utf-8"></script>
<script src="//yastatic.net/share2/share.js" type="text/javascript" charset="utf-8"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,blogger,linkedin" data-counter=""></div></center>

Этот код я разместил для примера, если же вы будете устанавливать код, то лучше скопировать с Яндекса, установив социальные сети, в которых Вы зарегистрированы.

Всё теперь нажав на любую кнопку под статьёй можно сразу поделиться в социальных сетях о выпуске новой статьи у Вас на блоге, так же у меня будет отображаться количество человек, которые поделились статьёй, так как я выбрал во внешнем виде блока «счетчики».

Есть другой способ размещения кнопок на сайте, но так как он требует изменения в кодах сайта, то я не буду его рассматривать, Могу поделиться как создать сайт самому или как создать свой канал на Ютубе, но пока не готов влезать в коды сайта, вдруг кто то сделает что то не так и сайт перестанет работать. Поэтому если захотите, то найдете другой вариант размещения кнопок социальных сетей к себе на сайт, а я на этом заканчиваю статью и желаю всем успехов!

Спасибо, что поделились статьей в социальных сетях!


 

2 комментариев к записи Как разместить кнопки социальных сетей у себя на сайте.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Рубрики

поиск по сайту

помидоры