Как установить на сайт кнопку “Поделиться” от Яндекс для продвижения сайта в социальных сетях и просмотреть отчет по этой кнопке я расскажу Вам в данной статье.
В предыдущей статье я обещала Вам сюрприз – это кнопка “Поделиться” от Яндекс, позволяющая посетителям разместить в социальных сетях ссылку на текущую страницу Вашего сайта.
В статье: “Ставим социальные кнопки на сайт. Кнопки социальных сетей для сайта” мы научились формировать скрипты кнопок социальных сетей со счетчиками, а в статье: “Как сделать социальные кнопки горизонтально и в рамке” красиво их оформили в виде блока.
Преимущество этих кнопок перед блоком “Поделиться” в том, что, во-первых они имеют счетчики, которые привлекая внимание посетителей, усиливают желание воспользоваться данными кнопками для размещения Вашей статьи в социальных сетях, а во-вторых показывают статистику нажатий на данные кнопки.
Плюсы кнопки “Поделиться” – это быстрая и не сложная установка её на сайт, симпатичный дизайн, компактность и возможность просмотра отчета статистики по размещению пользователями страниц Вашего сайта в социальных сетях.
Блок “Поделиться” от Яндекс имеет такой вид:
Кнопка “Поделиться” имеет выпадающее меню.
С помощью меню и иконок посетители могут поделиться ссылкой на Вашу статью в социальных сетях: Яндекс, ВКонтакте, 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>
Установите на своём сайте счетчик Яндекс – Метрика, в код которого включите опцию: “Внешние ссылки, загрузки файлов и отчет по кнопке Поделиться”
и будете иметь возможность просматривать отчет статистики кнопки “Поделиться”. Не забудьте, что после включения опции код счетчика изменится и его необходимо обновить на своём сайте.
Для просмотра отчета загружаем Яндекс и открываем:
- Ещё
- Все сервисы
- Метрика
- Яндекс Метрика
- Содержание
- Кнопка “Поделиться”
В отчете представлена информация по социальным сетям, где посетители разместили ссылки на страницы Вашего сайта и детализация этих страниц.
Приглашаю Вас посмотреть видеоурок, где детально показан каждый шаг последовательности установки кнопки “Поделиться” и просмотра отчета по результатам работы этой кнопки.
Для улучшения качества просмотра видеоролика нажмите на значок “1” в правом нижнем углу, который появится при наведении мышкой.
При желании можно увеличить размер видео на весь экран, нажав на значок “2”.
Если у Вас возникли какие-то трудности или наоборот всё получилось – можем обсудить это в комментариях.
Задаём URL нужной страницы для кнопок “Поделиться” в социальных сетях в коде от сервиса AddThis
Анализ и аудит юзабилити сайтов для повышения конверсии
Как сделать социальные кнопки горизонтально и в рамке
Кнопки “Стань другом” или “Следуй за мной” от сервиса AddThis.com
Спасибо огромное!!!
Поставила
Рада поделиться полезной информацией!
Надежда, спасибо огромное! “Не пропадет Ваш скорбный труд!” Все очень понятно, теперь надо только садиться и пробовать, пробовать, пробовать…..
Здорово! Никогда не знала и не обращала внимание, что в Яндекс Метрике есть такая опция!Благодарю,Надежда!
Доброго лета! Крепкого здоровья Надежда! Зашел в гости коллега и рад за Вас! Интересная кнопочка от Яндекса, возьму на заметку! Сайт на добром уровне, и развивается! А как с доходной частью, с рекламой? Заходите в гости, посмотрите как у меня. А новинки, как по-Вашему? Жду Вас, друга и молодого веб-мастера, в гости на сайт! А пожелания самые ясные – терпения и мастерства!
Надежда, здравствуйте! Вы знаете, я просто восхищена Вами. Сколько же Вы знаете? Как это Вам удаётся? Скажите, а если у меня есть кнопки социальных сетей, то мне нужно ставить ещё кнопку “Поделиться?” У меня, правда, нет счётчика Яндекс – метрика. Есть просто счётчик посещений. Спасибо Вам за информацию. Будем применять на практике. Как много нужно знать, чтобы быть интересным другим!!!Но у Вас это получается!! Вы – большая творческая УМНИЦА!!! Вы, случайно, обучались не в школе Стартап? Я там обучалась. Заходите в гости, буду рада вас видеть и читать.Я желаю Вам удачи и ЛЮБВИ!!
Анна, я обучалась на многих тренингах и у многих учителей. Постоянно поглощаю новую информацию. Хочется знать и уметь всё. Этот сайт я создала во время обучения в школе Стартап, за что им очень благодарна!
Анна, в своих статьях о социальных кнопках для сайта я даю их описание и информацию по установке. Нет необходимости их все устанавливать. Вы можете выбрать и установить те социальные кнопки, которые принесут больше пользы Вашему блогу и Вам. Удачи Вам и процветания Вашему блогу!
Надежда, а как взять код вашего видео по установке кнопки “Поделиться”, чтобы оставить у себя в компьютере или на блоге? Чтобы оно всегда было под рукой, когда буду устанавливать такую кнопку. Спасибо, извините, забыла об этом спросить в прошлом комментарии.Я желаю Вам удачи и ЛЮБВИ!!!
Анна, на свой компьютер можно скачать все мои видеоуроки с помощью приложения для браузера Moзила, как это сделать описано в моей статье http://pib9.ru/poleznoe/kak-skachat-lyuboe-video-s-sayta-s-pomoshhyu-video-downloadhelper.html. Мои видеоуроки можно располагать на Вашем блоге с активной ссылкой на мой сайт. Все мои видеоуроки и их коды я планирую выложить в ближайшее время на отдельной странице “Видео”, которую можно будет найти в горизонтальном меню сайта.
Спасибо, большое за подробное описание. Пойду делать, сайт без таких кнопок и не сайт вовсе
Поставили))) спасибо))
большое спасибо за статейку! Помогло!
Pingback: Promonika
Интересная статья — скопировала цитату и ссылку.
Спасибо сейчас поставлю