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