Яндекс кнопки поделиться со счетчиком

Яндекс кнопки поделиться со счетчиком

Кнопки социальных закладок — неотъемлемая часть любого сайта или блога. Посетители охотно делятся полезной информацией со своими друзьями в соц сетях и этим генерируют дополнительный трафик на сайт с интересным контентом.

Если у вас на сайте еще нет кнопок поделиться — вы очень много теряете… Обязательно добавьте их на свой блог.

Что потребуется для подключения статистики к социальным кнопкам.

Сегодня мы разберёмся, как исключить недостатки сервисов и использовать преимущества.

Во-первых, в качестве альтернативы сервисам я предложил использовать собственные кнопки социальных сетей. Организованные на html коде и css спрайте. Так, вы избавитесь от стороннего сервиса и ускорите скорость загрузки страницы.

В статье я упомянул за возможность подключения целей Яндекс.Метрики. После чего получил несколько писем с просьбой пояснить, как именно подключить цели. Так, и родилась эта статья.

Во-вторых, потребуется аккаунт в Янедксе и установленный счётчик Метрики у вас на сайте. О том как создать аккаунт и установить счётчик Яндекс.Метрики читайте по ссылке.

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

И заключительным, четвёртым, этапом будет анализ статистики в Яндекс.Метрике.

Почему я использую на своем блоге именно кнопки сервиса Yandex?

— кнопки от Yandex очень быстро загружаются, оказывая минимальное воздействие на сайт;

— с недавнего времени появилась возможность устанавливать кнопки со счетчиками. Ниже я об этом расскажу;

— если у вас на сайте установлен код счетчика Яндекс.Метрики, то вам будет доступна подробная статистика кликов по кнопкам выбранных вами социальных сетей. Для этого в меню метрики выбираем Содержание -> Кнопка «Поделиться».

На рисунке ниже я выбрал интервал в одну неделю. Мы можем посмотреть, сколько раз и по каким кнопкам кликают по дням.

Еще ниже показывается информация об общем количестве кликов по каждой кнопке. Из рисунка видно, что за отчетную неделю общее количество кликов по кнопкам 159 раз. Из них 48 раз делились материалами сайта в Одноклассниках, 47 раз в ВКонтакте, 34 раза в Facebook и т.д.

По мне так вполне нормально. Например, в сервисах накрутки поведенческих факторов, таких как юзератор, заказ одного клика по социальной кнопке доходит до 5 рублей. Если помножить, то мне пришлось бы заплатить за такое количество кликов в среднем 600 рублей. А тут пользователи совершенно бесплатно сами кликают по кнопкам.

Так что, если у вас еще нет кнопок на сайте, то, надеюсь, я вас убедил в необходимости их установки.

Также в Метрике показываются названия и адреса страниц, которыми делились посетители в социальных сетях и количество.

Кнопки социальных сетей Share Pluso

Share Pluso проверенный бесплатный сервис, который позволит посетителям вашего сайта делиться интересными материалами в социальных сетях. Он позволяет установить кнопки социальных сетей, а так же отправить страницу на печать, добавить ее в закладки или отправить другу по e-mail.

Выглядит на сайте это следующим образом:

Сервис позволяет выбрать один из предложенных дизайнов оформления кнопок на сайте. Кнопки Pluso поддерживают порядка 20 социальных сетей и социальных сервисов в одном комплекте. Код генерируется онлайн.

Кроме этого, вы можете выполнить более точные настройки, например, выбрать размер значков, их форму, расположение (горизонтальное/вертикальное, в один или два ряда), с фоном или без, со счетчиком репостов или без него. Когда вы выполните все настройки и выберите свой вариант, то конструктор предоставит вам код для размещения виджета на сайте.

Так же на PLUSO имеются подразделы Блог и FAQ, где вы сможете найти ответы популярные вопросы, а так же инструкции по установке.

Как создать пиксель Facebook Ads

2. Выберите Business Manager, в котором будете настраивать пиксель.

3. Выберите рекламный аккаунт, для которого хотите настроить пиксель.

4. Перейдите в меню «Инструменты для бизнеса».

5. Выберите инструмент «Events Manager».

6. Нажмите на зеленую кнопку «Подключить источники данных».

7. Выберите подключение источника данных «Интернет» и нажмите кнопку «Начать».

8. Выберите способ подключения «Пиксель Facebook» и нажмите кнопку «Подключить».

9. Введите название пикселя и URL сайта, на котором этот пиксель хотите разместить. Рекомендуем указывать домен.

Нажмите кнопку «Продолжить».

Модуль для Drupal

Для Drupal 7 есть модуль стандартных кнопок Яндекса — Yandex.Share, и он всем хорош, несмотря на alpha статус. Первой мыслью было объединить все в одном этом модуле, и его автор даже был не против. Но в итоге, по совету старших по званию друпалеров, получился отдельный модуль Yandex.Share with Counters, который пока лежит в песочнице. В результате, для пользователей существующего модуля нет риска потерять свои кнопки если Яндекс вдруг прикроет эту недокументированную фичу, а тем кому нужны только новые кнопки не придется тянуть лишний вес API старых кнопок. Так же, мой модуль позволяет менять порядок кнопок, но не реализована возможность вывода кнопок как поля сущности. Я посчитал поле неподходящей конструкцией для этого, хотя при желании вывести блок в качестве поля можно, например, через Display suite.

Настройки модуля Yandex.Share with Counters

Так уж случилось, что это мой первый полезный (как я считаю) модуль для Drupal, и я надеюсь, он скоро обретет статус полноценного проекта. Но уже сейчас все прекрасно работает, в чем можно убедиться на сайте другого моего проекта — Jackal.su. Но и без ложки дегтя не обошлось: на стороне Яндекса к некоторым сервисам запросы ходят по протоколу http, что вызывает предупреждение, если на сайте используется SSL шифрование.

Обновление

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

Обновление

Изначально модуль позволял отображать кнопки только в блоке, но благодаря Константину @kkomelin появилась возможность отображения и в качестве поля. Это очень полезная фича, правда при добавлении поля, приходилось пересохранять существующие материалы. Избежать этого рутинного процесса поможет специальный модуль, написанный так же Константином, за что ему отдельная благодарность.

Нюансы использования API от AddThis и Ya.share

В один прекрасный день, просматривая страницы сайта я обнаружил 200 кб лишнего кода, содержавшего теги и текст:
<html lang=»en» xml_lang=»en» >
AddThis utility frame

полную версию этого «лишнего кода» можно увидеть здесь.
Разумеется, первым делом я загуглил «AddThis utility frame» и обнаружил несколько сотен тысяч страниц с разных сайтов содержащих такой же мусор (убедиться).
Не трудно догадаться, что в тот же день я снял скрипт AddThis со всех проектов, что рекомендую сделать и тем, кто продолжает его использовать.

Хвалим Ya.share

• можно нарисовать любые кнопки под дизайн сайта!
• не нужно получать уникальный код для каждого сайта (в отличие от AddThis)
• статистика доступна из Яндекс.Метрики
• статистика не генерирует добавочный мусор в url (в отличие от AddThis)
• с недавних пор можно вывести счетчики статистики (пока что не для всех сервисов которыми можно поделиться)

Полезные советы по Ya.share

1. Официальный конструктор блока «поделиться» включает не все сервисы, вот наиболее полный перечень: yaru,yazakladki,vkontakte,facebook,gplus,twitter,odnoklassniki,moimir,lj,
diary,pinterest,surfingbird,friendfeed,moikrug,blogger,tutby,digg,
evernote,delicious,gbuzz,greader,juick,liveinternet,
linkedin,myspace,pocket
Выглядит это так:

2. Счетчики пока что не афишируются. Т.е. Яндекс их никому не предлагает, а «в крысу» использует на своих проектах (например).
Код полной версии счетчиков:

В этом коде вывода счетчиков, в data-yashareType=«small», вместо «small» можно указать, например, «big», и это, соответствующим образом отразится на размере кнопок счетчиков:

А вот в коде блока «поделиться» размер кнопок подобным образом менять нельзя. Если нужны большие кнопки для «поделиться» без счетчиков, то их можно нарисовать самостоятельно.
Важно: в некоторых любительских мануалах в качестве источника для счетчиков указывают yandex.st/share/cnt.share.js хотя счетчики прекрасно довольствуются yandex.st/share/share.js используемым для блока «поделиться», а при выводе на одной странице скрипты конфликтуют, поэтому, если планируете выводить и блок «поделиться» и блок со счетчиками, то достаточно один раз вывести в шапке сайта и его будут использовать оба блока.

Итоги года использования Ya.share

Многие разработчики не видят смысла публиковать абсолютно все кнопки из имеющегося в Ya.share набора (или не знают о существовании новых кнопок) и ограничиваются лишь наиболее популярными сервисами. Надеюсь, что моя скромная статистика окажется небесполезной. Почти год назад поставил блок «поделиться» на свежесозданном сайтике, представляющем собой несколько распознанных методичек по ремонту автомобильной техники. Результаты:

Кнопки Дайриков, surfingbird и tutby были добавлены около полугода назад. Кнопка pocket — сутки назад.

Не радостное

1. Очень вяло обновляется конструктор блока «поделиться».
2. Статистика счетчиков выводится только по кнопкам Ya.share. Т.о., если наряду с ними использовать счетчики с другим API, то они будут показывать разные результаты:

3. Счетчики не отображают количество поделившихся на страницах с кириллическими url, типа сайт.рф/раздел/статья256
4. На ресурсных картинках можно видеть кнопки «ссылка на страницу» (html), «отправить ссылку письмом» (postcard) и другие, однако скрипт на эти параметры не реагирует и как их активировать не особо понятно

Надеюсь изложенные в посте нюансы окажутся интересны и полезны не только для меня и Вы не зря потратили время на прочтение. Буду признателен за конструктивные замечания и предложения по улучшению поста.