Кнопка “Поделиться” от Яндекс для продвижения сайта

Как установить на сайт кнопку “Поделиться” от Яндекс для продвижения сайта в социальных сетях и просмотреть отчет по  этой кнопке я расскажу Вам в данной статье.

В предыдущей статье я обещала Вам сюрприз – это кнопка “Поделиться” от Яндекс, позволяющая посетителям разместить в социальных сетях ссылку на текущую  страницу Вашего сайта.

В статье: “Ставим социальные кнопки на сайт. Кнопки социальных сетей для сайта” мы научились формировать скрипты кнопок социальных сетей со счетчиками, а в статье: “Как сделать социальные кнопки горизонтально и в рамке”  красиво их оформили в виде блока.


Преимущество этих кнопок перед блоком “Поделиться” в том, что, во-первых они имеют счетчики, которые привлекая внимание посетителей, усиливают желание воспользоваться данными кнопками для размещения Вашей статьи в социальных сетях, а во-вторых показывают статистику нажатий на данные кнопки.

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

Блок “Поделиться” от Яндекс имеет такой вид:

Блок Поделиться на сайте

Кнопка “Поделиться” имеет выпадающее меню.

Блок Поделиться с меню

С помощью меню и иконок посетители могут поделиться ссылкой на Вашу статью в социальных сетях: Яндекс, ВКонтакте, Facebook, Twitter, Одноклассники, Мой Мир, Livejournal, Friendfeed, Мой круг, Google+.

В командной строке браузера набираем: api.yandex.ru/share/

Выбираем внешний вид блока:

Вид кнопки Поделиться

и иконки социальных сетей, которые будут располагаться справа от кнопки:

Выбор социальных сетей

Получаем код кнопки  “Поделиться”.

Полученный код размещаем на сайте в том месте, где будет располагаться наша кнопка. Его можно вставить с помощью плагинов Header and Footer, Post Layout или непосредственно в файл WordPress.

Чтобы код кнопки  “Поделиться” вставить на сайт с помощью плагина Header and Footer, заходим в админпанель сайта, открываем пункт меню Настройки=>Header and Footer, в горизонтальном меню плагина выбираем Post Content и вводим полученный код в верхнее поле, чтобы кнопка располагалась в начале статьи после заголовка, либо в нижнее поле, чтобы кнопка “Поделиться” появлялась в конце статьи.

Код кнопки имеет примерно следующий вид:

<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus"></div>

Установите на своём сайте счетчик Яндекс – Метрика, в код которого включите опцию: “Внешние ссылки, загрузки файлов и отчет по кнопке Поделиться”

Коррекция кода Яндекс - Метрика

и будете иметь возможность просматривать отчет статистики кнопки “Поделиться”. Не забудьте, что после включения опции код счетчика изменится и его необходимо обновить на своём сайте.

Для просмотра отчета загружаем Яндекс и открываем:

  • Ещё

Путь к отчету кнопки Поделиться

  • Все сервисы

Путь 2 к отчету кнопки Поделиться

  • Метрика

Путь 3 к отчету кнопки Поделиться

  • Яндекс Метрика

Путь 4 к отчету кнопки Поделиться

  • Содержание

Путь 5 к отчету кнопки Поделиться

  • Кнопка “Поделиться”

 Отчет по кнопке Поделиться

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

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

Для улучшения качества просмотра видеоролика нажмите на значок “1” в правом нижнем углу, который появится при наведении мышкой.

Посмотреть видео в лучшем качестве

При желании можно увеличить размер видео на весь экран, нажав на значок “2”.

Если у Вас возникли какие-то трудности или наоборот всё получилось – можем обсудить это в комментариях.



Буду благодарна, если поделитесь с друзьями информацией:

Подпишись и получай новые статьи на почту:

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

  1. Надежда, спасибо огромное! “Не пропадет Ваш скорбный труд!” Все очень понятно, теперь надо только садиться и пробовать, пробовать, пробовать…..

  2. Доброго лета! Крепкого здоровья Надежда! Зашел в гости коллега и рад за Вас! Интересная кнопочка от Яндекса, возьму на заметку! Сайт на добром уровне, и развивается! А как с доходной частью, с рекламой? Заходите в гости, посмотрите как у меня. А новинки, как по-Вашему? Жду Вас, друга и молодого веб-мастера, в гости на сайт! А пожелания самые ясные – терпения и мастерства!

  3. Надежда, здравствуйте! Вы знаете, я просто восхищена Вами. Сколько же Вы знаете? Как это Вам удаётся? Скажите, а если у меня есть кнопки социальных сетей, то мне нужно ставить ещё кнопку “Поделиться?” У меня, правда, нет счётчика Яндекс – метрика. Есть просто счётчик посещений. Спасибо Вам за информацию. Будем применять на практике. Как много нужно знать, чтобы быть интересным другим!!!Но у Вас это получается!! Вы – большая творческая УМНИЦА!!! Вы, случайно, обучались не в школе Стартап? Я там обучалась. Заходите в гости, буду рада вас видеть и читать.Я желаю Вам удачи и ЛЮБВИ!!

    • Анна, в своих статьях о социальных кнопках для сайта я даю их описание и информацию по установке. Нет необходимости их все устанавливать. Вы можете выбрать и установить те социальные кнопки, которые принесут больше пользы Вашему блогу и Вам. Удачи Вам и процветания Вашему блогу!

  4. Надежда, а как взять код вашего видео по установке кнопки “Поделиться”, чтобы оставить у себя в компьютере или на блоге? Чтобы оно всегда было под рукой, когда буду устанавливать такую кнопку. Спасибо, извините, забыла об этом спросить в прошлом комментарии.Я желаю Вам удачи и ЛЮБВИ!!!

  5. Pingback: Promonika

Оставить комментарий

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

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>