Социальные кнопки от яндекса: Блок «Поделиться» — Технологии Яндекса

Социальные кнопки Яндекс «Поделиться» — настройка и установка

Здравствуйте, уважаемые друзья. Сегодня, в продолжение темы о полезных инструментов от Яндекс (Вебмастер, Метрика, Деньги), рассмотрим возможность создать на своём сайте или блоге кнопки социальных сетей. У Яндекса эта кнопка так и называется «Поделиться». И назначение этой кнопки, — организация вирусного маркетинга.

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

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

Но вот вопрос, — зачем мне искать и тестировать другие сервисы, если сервис PLUSO меня полностью устраивает? А ответ прост, — установив социальные кнопки Яндекс «Поделиться» у Вас появляется подробная статистика в личном кабинете Яндекс.Метрика. А это очень удобно, когда Вы в одном месте можете проанализировать посещаемость, поведенческие факторы и узнать какой материал больше всего нравится Вашим посетителям.

Итак, давайте приступать.

Как создать кнопки Яндекс «Поделиться»

1. Открываем сервис создания социальных кнопок Яндекс «Поделиться». 2. Отмечаем чекбоксы нужных социальных сетей. 3. Выбираем вид отображения будущих соцкнопок.

Примечание: для того, чтобы появилась иконка социальной сети Pinterest, в специальное поле нужно будет ввести адрес ссылки к иконки данной социалки.

Для этого нужно скопировать иконку в папку на вашего сайта на сервере. Я скопировал эту иконку ко всем остальным иконкам соцсетей. И указал этот путь в специальном поле.

В результате появится иконка Pinterest и в коде добавится строчка с указанием пути к дополнительной иконке.

Как вставить кнопки Яндекс «Поделиться» на сайт

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

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

Для того чтобы вставить кнопки социальных статей внизу каждой записи, полученный ранее код нужно вставить в файл single.php.

Открываем административную панель WordPress, далее раздел «Внешний вид» — «Редактор». И выбираем файл single.php.

Следующим шагом нужно выбрать место для вставки кода. Подсказать конкретное место для вставки сложновато, так как у каждого свой шаблон.

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

Ну а на крайней случай, если вы сделали резервную копию, поможет метод научного тыка.

В результате вставки кода у вас после каждой статьи теперь будут социальные кнопки и выглядеть они будут примерно так:

Для того чтобы сделать призыв к действию, выровнять по центру кнопки и сделать подсказки в коде, нужно внести некоторые доработки:

Код ДО:

<script type="text/javascript" src="//yandex.st/share/share.js"

charset="utf-8"></script>

<div data-yashareL10n="ru"

data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter" data-yashareImage="https://1zaicev.ru/wp-content/themes/BusinessWeb/images/social-icons/pinterest.png"

></div>

Код ПОСЛЕ:

<!--призыв к действию--><div><p>Друзья, жмите на кнопочки, помогите развитию блога:</p></div><!--призыв к действию-->

<!--соцкнопки Яндекс--><script type="text/javascript" src="//yandex. st/share/share.js"

charset="utf-8"></script>

<center><div data-yashareL10n="ru"

data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter" data-yashareImage="https://1zaicev.ru/wp-content/themes/BusinessWeb/images/social-icons/pinterest.png"

></div></center><!--соцкнопки Яндекс-->

Как видите я добавил отдельный блок с призывом к действию, отцентровал кнопки и сделал комментарии в коде. Советую и Вам всегда делать комментарии, — это очень облегчает работу в дальнейшем.

В общем, результат будет выглядеть так:

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

Как посмотреть статистику нажатий на кнопки Яндекс «Поделиться»

Для этого Вам потребуется установить счётчик Яндекс.Метрики на сайте. Как это сделать читайте тут.

Итак, переходим в аккаунт Яндекс.Метрика в раздел «Содержание» — «кнопка Поделиться».

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

Моя статистика крайне скромная, одно нажатие. И то мое 🙂 но думаю, принцип понятен.

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

Ну, и в качестве альтернативы — предлагаю вам ознакомиться с возможностью создать социальные кнопки без сервисов и плагинов. Достаточно выполнить три шага и кнопки уже готовы к использованию.

На этом у меня сегодня всё. Всем желаю удачи.

С уважением, Максим Зайцев.

P.S. И конечно же поделитесь материалом с друзьями, посмотрите работу социальных кнопок в действии.

Yandex кнопки социальных сетей. «Яндекс» создал лучшую в России соцсеть

Yandex кнопки социальных сетей. «Яндекс» создал лучшую в России соцсеть

Добрый день.

Сегодня начинаем рассматривать вопросы социализации сайта.

Первым моментом мы установим социальные кнопки и будем использовать для этого сервис социальных кнопок от Яндекса.

Данные кнопки мне очень понравились по нескольким причинами. Что это это за причины и, как произвести установку кнопок, узнаем далее.

Как всегда, начнем с обсуждения вопроса социальных кнопок для сайта. Нужны ли они и почему именно кнопки от Яндекс?

Зачем нужны социальные кнопки

• Во-первых, социальные кнопки при грамотном их использовании могут приносить неплохой дополнительный трафик на сайт;
• Во-вторых, нажатие на кнопки вашими посетителями — это не просто бесполезные клики или простой трафик на сайт. Это еще и распространение вашего контента, который увидят больше людей и принесут вам некий статус, разбирающегося человека в вашей теме;
• В-третьих, люди настолько сейчас социализированные, что они любят кликать на кнопки «Лайк» и «Мне нравится» и, поэтому, упускать распространение нашего контента глупо;

А вы вообще видели сайт, на котором сейчас нет социальных кнопок? Делайте выводы!

Ну а теперь я расскажу, почему же я все таки остановился на кнопках от Яндекса. Ну, по крайней мере, на момент написания этой статьи.

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

Последний фактор конечно же спорный, но как мы знаем, то любой сервис от Яндекса является шпионским и всегда передает информацию самим поисковым системам.

Об этом есть интересный кейс в видео ниже. Смотрите c 8:05.

Конечно же, если у вас нет посещаемости, то вряд ли эффект от соц. кнопок Яндекса будет отличаться от обычных соц. кнопок. Но в перспективе это может неплохо работать.

Именно по этим причинам я решил их установить к себе на блог. Выглядят они очень гармонично.

Теперь покажу, как же вам установить такие кнопки.

Устанавливаем на сайт

Самое сложное в их установке — размещение кода самих кнопок в файле вашего шаблона.

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

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

Это лично мой набор кнопок. Я считаю, что его более, чем достаточно. Можете выбрать все кнопки, но эффект от количества больше не станет.

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

После проставления нужных кнопок мы выбираем их вид. Выбор вида находится справа от списка кнопок.

Мне больше всего понравится вариант кнопок со счетчиками. Тут, как вам больше нравится.

Копируем код и вставляем в место, где необходимо их вывести.

Но прежде, чем это сделать, я предлагаю немного изменить этот код и дописать после открывающего тега

выравнивание, чтобы кнопки стояли по центру.

В конечном итоге данный код будет иметь вид.

data — yashareTheme = «counter» >

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

У меня после вставки получилась следующая ситуация.

. В конечном варианте получилось следующее.

Буду признателен, если поможете развитию сайта, нажав на кнопочки ниже) Спасибо!

Будупризнателен, еслипоможетеразвитиюсайта, нажавнакнопочкиниже) Спасибо! data — yashareQuickServices = «vkontakte,facebook,twitter,odnoklassniki,moimir,gplus» data — yashareTheme = «counter» >

Можете смело брать мой код и размещать у себя на сайте, но только замените мой текст на свой. Уважайте себя.

После этого кнопки должны прекрасно работать. Но я предлагаю сделать последний штрих.

Если вы заметили, то данный код состоит из 2х частей:

1. Скрипт, который грузит кнопки с Яндекса;
2. Код, который их выводит на странице.

Берем скрипт и вставляем его в файл footer.php перед закрывающим тегом

, при этом удалив его из файла single.php.

Вот и все. После этого соц. кнопки будут прекрасно работать и меньше грузить блог, чем у других.

В завершение даю видео-урок, который покажет, как все это проделать в два счета.

На этом данную инструкцию заканчиваю. В следующих статьях про социализацию сайта я покажу, как установить кнопки непосредственно кодами из самих социальных сетей. То есть мы зайдем в каждую соц. сеть и возьмем от туда коды кнопок.

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

На этом все. Пишите в комментариях свои идеи для будущих материалов. Буду благодарен.

До свидания.

P.S . А какие социальные кнопки используете вы?

С уважением, Константин Хмелев.

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

Социальные кнопки для сайта

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

Мечта каждого владельца сайта, если все его записи будут репостить читатели на своих страницах в одной из социальных сетей. Сейчас больше всего идет спрос на Вконтакте, Facebook, Twitter и Одноклассники. Я бы еще добавить LiveJournal, liveinternet и Blogger. Вот эти кнопки желательно добавить на сайт для полного удобства пользователя.

Особенно Twitter сегодня заслуживает все большего внимания, с его помощью ваши новые публикации быстрее появляются в индексе поисковых систем.

Если вы владелец сайта, у вас скорей всего должен быть аккаунт в liveinternet или LiveJournal. Чтоб каждый раз не добавлять новые записи в эти сервисы, наличие ихних кнопок экономит время. В добавок много народа пользуются этими сервисами и так же могут захотеть сделать репост вашей записи в своем дневнике.

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

Существует такой подобный сервис, называется он share42 . Про него масса написано материала, какой он хороший и как ним нужно пользоваться. Хороший, но для обычного пользователя, который ничего не понимает в этом, будет сложно с ним справиться.

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

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

Чем сегодня можно воспользоваться, чтоб добавить социальные кнопки для сайта:

1. Сервис uptolike.
2. Социальные кнопки яндекс.
3. Добавление вручную каждой соц сети отдельно.
4. Сервис Pluso.
5. С помощью плагинов для WordPress (для ленивых).

Больше никуда влазить наверное не нужно, лучших способов не найти. Каждый из этих вариантов по своему хорошо. Если вы знаете более удобней или привлекательный способ, напиши пожалуйста в комментариях.

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

Uptolike

В данный момент я сам пользуюсь этим сервисом, понравился он мне. Кроме удобства, сервис uptolike имеет несколько привилегий перед другими себе подобными.

• Широкий выбор среди кнопок социальных сетей;
• Кнопки адаптированы под мобильные устройства;
• Возможность цитирования в соц сетяъ любого участка текста;
• Можно добавить кнопку наверх;
• Возможность добавления всплывающего окна на подписку в группу Вконтакте;
• Выбор размера иконок;
• Выбор стиля иконок для сайта;
• Добавить эффект при наведении;
• Изменение фона кнопки, цвета текста, фона счетчика;
• Увеличение или уменьшение текста в счетчике.

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

Кроме этого, что еще может сервис uptolike.

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

Выбираем расположение кнопок по горизонтали, размер и стиль. Оформляем как вам понравится и добавляем эффект при наведении. Больше ничего делать не нужно. Для генерации кода счетчика, необходимо указать адрес сайта и почтовый ящик. Сразу после этого появится код для вставки соц кнопок на сайт.

Если у вас сайт на WordPress, открываем файл single.php и вставляем готовый код сразу после окончания контента странице. Обновляем страницу и смотрим, что получилось. Сложного ничего нет.

Яндекс

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

Ручной метод добавления

В этом способе нужно открыть каждую соц сеть отдельно и настроить каждую кнопку репоста отдельно. Для добавления кнопки фейсбука нужно пройти сюда . Для одноклассников и моего мира нужно добавить данные . Для твиттера все происходит на . Для добавления кнопки Вконтакте переходим по этой странице .

У вас будет готовый код только от соц сетей, без никаких лишних скриптов. Наверное самый лучший способ для добавления кнопок соц сетей для сайта. Сложность возникает в том, что нужно каждую кнопку пилить отдельно, после этого вставить все в одно место и с помощью стилей css выравнивать в одну колонку. Если у вас не возникает с этим трудностей, можете пробовать.

Вконтакте

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

Сложного ничего нет, выбираем стиль кнопки (с счетчиком или без него), пишем текст на кнопке, вариант логотипа и внизу будет готовый код для вставки. Я сам пользовался таким ручным методом добавления, но в данный момент пробую посторонний сервис. Посмотрим, что из этого получится. Если не будет устраивать, сразу вернусь назад к ручному методу.

Pluso

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

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

После всех этих действий, снизу будет находиться готовый код для вставки на страницу. Если нужно вставить на главную страницу, ковыряемся в файле index.php, если во все ваши записи, добавляем код в файл single.php сразу после окончания записи.

WordPress

Если вы ничего не понимаете в этом коде, что куда нужно копировать и как все это работает, выход есть. Если у вас движок WordPress, можно установить плагин, с помощью которого у вас появятся кнопки социальных сетей. Сегодня таких плагинов просто большое количество. Заходи в админку — Плагины. Можно сразу написать в поиске плагинов «соц кнопки», «social» или «вконтакте». Я уверен, вы что то найдете.

Среди большинства таких подобных плагинов для WordPress, посмотрев на рейтинг, больше всего ставят именно такие:

1. Social Share Buttons for WordPress.
2. Social.
3. Social Media Feather — lightweight social media sharing and follow buttons.

На самом деле подобных таких плагинов очень много, нужно устанавливать и перебирать, какой вам больше понравится, правильно работает, что показывает и как его можно настроить под себя. Разберем на примере первый такой плагин Social Share Buttons for WordPress.

Сам плагин на русском языке, проблем с этим не будет. После установки, слева в меню появится новая кнопка «Share Buttons». В главных настройках ставим логотип сайта и пишем текст перед социальными кнопками.

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

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

Выбор остается уже за вами, каким способом будете пользоваться. Добавлять иконки социальных сетей через uptolike, Pluso или через Яндекс. Не стоит сразу устанавливать плагин на WordPress, попробуйте сделать все ручным методом или с помощью сервиса.

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

Сервисы с кнопками социальных закладок

Существует не мало систем предоставляющих свои скрипты для отображения кнопок социальных закладок. Самые популярные из них:

Раньше я на своих сайтах, при добавлении кнопок не использовал ни один из этих сервисов — предпочитал оригинальные кнопки социальных сетей: Twitter , Facebook , Вконтакте , Google+ , Майл. ру и Одноклассники (последние две социалки работают от одного скрипта). Плюс моего метода в том, что делиться интересной информацией при помощи оригинальных кнопок проще, при этом они все имеют счетчики и привычны для посетителей. Из минусов: увеличение количества сторонних ресурсов с которых подгружаются скрипты при генерации страницы, даже при том что они как-бы не тормозят загрузку основного содержимого (асинхронные), все равно скорость сайта падает. Это я стал замечать после того как посещаемость на некоторых перевалила за 5000 уникальных посетителей. Все таки 5 сторонних ресурсов для закладок это слишком много, а ведь надо еще и контекстную рекламу разместить, да и парочка тизерных блоков тоже нужна. Кушать то ведь хочется…

И вот не так давно, на одной из страниц поддомена русского поисковика () наткнулся на кнопки от Яндекса со счетчиками. Возможно они экспериментальные, поскольку на официальном уровне о них Яндекс не распространялся, но работают просто замечательно. Я уже поставил их на несколько своих сайтов и очень доволен тестами по скорости их загрузки.

Как добавить кнопки на сайт

В месте html шаблона темы сайта, где хотите вывести кнопки нужно добавить код:

В html код сайта перед закрывающим тегом: вставляем сам скрипт для вывода кнопок социальных закладок:

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

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

Итак, давайте приступать.

Примечание: для того, чтобы появилась иконка социальной сети , в специальное поле нужно будет ввести адрес ссылки к иконки данной социалки.

Для этого нужно скопировать иконку в папку на вашего сайта на сервере. Я скопировал эту иконку ко всем остальным иконкам социальных сетей. И указал этот путь в специальном поле.

Дополнительная иконка Pinterest

В результате появится иконка Pinterest и в коде добавится строчка с указанием пути к дополнительной иконке.

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

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

Для того чтобы вставить кнопки социальных статей внизу каждой записи, полученный ранее код нужно вставить в файл single.php.

Открываем административную панель WordPress, далее раздел «Внешний вид» — «Редактор». И выбираем файл single.php.

Следующим шагом нужно выбрать место для вставки кода. Подсказать конкретное место для вставки сложновато, так как у каждого свой шаблон. Если вам трудно разобраться в коде, посмотрите внимательно на Вашу страницу, определите где заканчивается статья, что идёт за ней (навигация, популярные материалы, комментарии) и уже потом ищите место для вставки.

Ну а на крайней случай, если вы сделали резервную копию, поможет метод научного тыка.

В результате вставки кода у вас после каждой статьи теперь будут социальные кнопки и выглядеть они будут примерно так:

Для того чтобы сделать призыв к действию, выровнять по центру кнопки и сделать подсказки в коде, нужно внести некоторые доработки:

Код ПОСЛЕ:

Друзья, жмите на кнопочки, помогите развитию блога:

В общем, результат будет выглядеть так:

Раздел Яндекс.Метрики — Содержимое

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

Моя статистика крайне скромная, одно нажатие. И то мое 🙂 но думаю, принцип понятен.

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

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

На этом у меня сегодня всё. Всем желаю удачи.

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

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

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

Сервисы с кнопками социальных закладок

Существует не мало систем предоставляющих свои скрипты для отображения кнопок социальных закладок. Самые популярные из них:

• Share42 — отличный и очень популярный сервис, с большим количеством социалок и удобной страницей для генерации именно вам подходящего скрипта закладок с нужными социальными сетями. Единственный минус: у этих кнопок нет счетчика.
• AddThis — популярный англоязычный сервис с возможностью генерации кнопок поделиться в соц сетях. Есть варианты кнопок со счетчиком и без него.
• Pluso — сервис с кнопками, очень быстро завоевавший популярность вебмастеров. Очень красиво выполненные кнопки всех социальных сетей, как простые, так и со счетчиками сколько раз поделились страницей. Кстати скрипт этих закладок как и в скрипте Яндекса асинхронный. Что значит: он не тормозит загрузку страницы, а все кнопки загружаются на страницу сайта лишь после основного содержания.
• Яндекс кнопки — скрипт кнопок асинхронен и работает очень быстро, единственный минус: у обычных кнопок от яндекса нет счетчиков.

Раньше я на своих сайтах, при добавлении кнопок не использовал ни один из этих сервисов — предпочитал оригинальные кнопки социальных сетей: Twitter, Facebook, Вконтакте, Google+, Майл.ру и Одноклассники (последние две социалки работают от одного скрипта).

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

Это я стал замечать после того как посещаемость на некоторых перевалила за 5000 уникальных посетителей. Все таки 5 сторонних ресурсов для закладок это слишком много, а ведь надо еще и контекстную рекламу разместить, да и парочка тизерных блоков тоже нужна. Кушать то ведь хочется…

Новые кнопки поделиться от Яндекса

И вот не так давно, на одной из страниц поддомена русского поисковика (дело было тут) наткнулся на кнопки от Яндекса со счетчиками. Возможно они экспериментальные, поскольку на официальном уровне о них Яндекс не распространялся, но работают просто замечательно. Я уже поставил их на несколько своих сайтов и очень доволен тестами по скорости их загрузки.

Они меня привлекают тем, что во-первых: скрипт кнопок поделиться Яндекса намного меньше даже одного отдельного скрипта каждой социальной сети (в них обычно встроена куча дополнительных функций, позволяющих выводить различные виджеты и т.п.), а этот скрипт выполняет лишь самое необходимое: возможность поделиться ссылкой и сбором статистики по количеству раз сколько данной страницей поделились. Кроме того, вместо 5 запросов различных скриптов с разных внешних источников происходит лишь один к Яндексу.

Как добавить кнопки на сайт

В месте html шаблона темы сайта, где хотите вывести кнопки нужно добавить код:

<div data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter" data-yashareType="large"></div>

Если измените параметр: data-yashareType=»large» на small получите кнопочки маленького размера. Изменить порядок вывода кнопок можно поменяв местами названия социалок в параметре: data-yashareQuickServices.

Добавить новые кнопки и возможность поделиться в в других социальных сетях можно добавив название дополнительной сети в тот-же параметр (обозначения подходят от стандартного скрипта Яндекса).

В html код сайта перед закрывающим тегом: </body> вставляем сам скрипт для вывода кнопок социальных закладок:

<script type="text/javascript" src="//yandex. st/share/cnt.share.js"></script>

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

Читайте также: яндекс кнопки закладки скрипты

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

Социальные сети прочно заплели сети в инете и для многих посетителей они и ассоциируются с самим интернетом. Именно поэтому нам стоит обязательно добавлять на сайт возможности поделится в соц сетях для пользователей.

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

Скрипт социальных кнопок для сайта предоставляют много источников:

1. Социальные кнопки яндекса;
2. Плагины социальных кнопок для WordPress;
3. Сервисы социального шаринга и дополнительных инструментов.

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

Социальные кнопки Яндекса

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

Есть возможность размещения:

• Простых иконок;
• Иконок со счетчиками;
• Показывать только несколько сетей и и кнопки меню для открытия дополнительных;
• Кнопок маленького размера.

Для размещения социальных кнопок на сайт достаточно выбрать необходимые сети из списка, вид кнопки(кнопка, кнопка + счетчик и тд), размер. После чего копируем код из одноименного поля и размещаем на своем сайте.

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

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

Изменение стиля социальных кнопок Яндекса

Чтобы изменить внешний вид, необходимо переопределить стили Яндекса в своем CSS файле.

.b-share_theme_counter .b-share {
padding: 0 !important;
}

.b-share_theme_counter .b-share__link {
border-radius: 0px !important; /*убираем скругление иконок*/
background-color: #555 !important; /*делаем фон серым*/
}

.b-share_theme_counter .b-share__link:hover {
opacity: 0. 8; /*добавляем прозрачность при наведении*/
}

.b-share_theme_counter .b-share-icon {
background-image: url(‘http://ваш сайт.ру/files/b-share_counter_large.png’) !important;
/*заменяем стандартное изображение иконок на свое*/
}

.b-share_theme_counter .b-share-counter {
color: #fff; /*задаем цвет текста*/
}

Меняем размер иконок:

.ya-share2__container_size_m .ya-share2__icon {
height: 40px !important;
width: 40px !important;
background-size: 40px 40px !important;
}

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

Плагины социальных кнопок для WordPress

Easy Social Share Buttons

Этот премиум плагин доступен на CodeCanyon.net за $19. Это один из самых универсальных плагинов подобного рода, благодаря одному простому факту — плагин позволяет размещать бар с кнопками для социальных сетей абсолютно в любом месте, где это может вам понадобиться.

Мы считаем, это лучший плагин для социальных кнопок, поэтому решили установить его на наш блог. Под этим постом вы можете увидеть пример социальных кнопок от ESSB.

При помощи плагина можно добавлять плавающий бар иконок, размещать кнопки сверху/снизу поста, создавать статический или даже плавающий бар иконок для мобильной версии. Вы также сможете использовать триггеры, например, для добавления функций pop-up и fly-in.

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

Monarch от Elegant Themes

Monarch — это платный плагин для социальных сетей, который поставляется с тарифными планами Elegant Theme’s Developer и Lifetime Access. Данные планы включают в себя более 85 премиум тем для WordPress и все другие плагины от этого разработчика. К сожалению, политика компании такова, что вы не можете купить отдельно сам только плагин. Вы оплачиваете полный тарифный план и получаете доступ сразу ко всем премиум плагинам и темам разработчика.

Monarch — это отзывчивый плагин, который позволит вам размещать эффектные плавающие бары по бокам поста или статические горизонтальные бары в начале/конце поста. Monarch предоставляет более 20 иконок для социальных сетей, есть image-sharing, pop-up и fly-in функции, а также множество настроек для оформления и дизайна.

Social Warfare

Social Warfare — интересный плагин от компании Warfare Plugins. Он не настолько универсален, как предыдущие два варианта, поскольку позволяет добавлять на сайт только плавающий бар, который прилипает к нижней части экрана. Но этот недостаток компенсируется замечательными ценовыми вариантами и огромным количеством других функций.

Плагин предоставляет аналитику, возможность показывать количество репостов только после того, как постом поделится определенное количество людей, также есть более 75 различных вариантов для оформления. Можно использовать плагин для добавления функции click-to-tweet в ваши посты.

Бесплатные плагины для социальных сетей

Теперь давайте перейдем к нашему списку лучших бесплатных плагинов, на которые стоит обратить внимание в 2016 году.

SumoMe Share

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

SumoMe Share Pro поставляется с дополнительными функциями. Например, здесь есть возможность удалить брендинг SumoMe из вашего бара, можно отслеживать UTM-метки, чтобы узнать, какие социальные сети приносят наибольший трафик и т.д.

GetSocial

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

Разработчики представили и премиум версию плагина (с ежемесячной платой). В ней вы найдете функцию для добавления плавающего бара для мобильных версий и дополнительные варианты дизайна, есть функция click-to-tweet. В платной версии у вас также будет возможность убрать счетчик с кнопок, который отвечает за количество репостов.

AddToAny Share Buttons

AddToAny Share Buttons — это один из самых популярных WordPress плагинов для социальных сетей с более чем 200,000 активных установок. Этот плагин ставит простые плавающие бары по бокам вашего поста, а также в его начале или конце.

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

Custom Share Buttons with Floating Sidebar

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

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

Sharify Social Share Buttons

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

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

Социальные кнопки и дополнительные инструменты AddThis

Здесь бы я хотел рассмотреть очень удобный по моему мнению инструмент предоставляемый сервисом AddThis. Который предлагает для использования:

1. Кнопки социальных сетей;
2. Кнопки подписки в соцсетях;
3. Похожие материалы;
4. И многое др…

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

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

В другие же движки можно подключить размещением кода на страницу в шаблоне.

А теперь по порядку:

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

Инструменты

В инструментах нам доступны

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

Социальные кнопки поделится

Социальные кнопки можно разместить на ПК с левой или с правой стороны экрана, на мобильных сверху или снизу.

По нажатию Add more Services доступны все популярные социальные сети, как зарубежные, так и наши.

Рекомендуемые статьи

Сервис предлагает и удобный инструмент для показа рекомендуемых статей посетителей.

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

При этом при подборе и показе рекомендуемых наш сайт никак не нагружается, всю работу на себя берет сервис AddThis. Его роботы сканируют весь наш контент и подбирают пользователю для показа. На скорости загрузки и работы сайта — это отражается минимально.

Как я отмечал в своей статье, как ускорить сайт на WordPress , по PageSpeed Insight показатель понижения скорости от использования AddThis кода на сайте всего 1%.

Вы можете добавлять разное количество сайтов, по каждому сайту получать статистику и все это на бесплатной основе. Сервис действительно очень удобен. Сайт сервиса www.addthis.com.

Вас могут заинтересовать:

Социальные кнопки от Яндекса на блоге, без плагина

Давно я хотел заменить кнопки социальных сетей на блоге, которые были сделаны с помощью плагина WP-Social Buttons, на другие. Давайте, для начала, поговорим о том, зачем нужны социальные кнопки на сайте, или на блоге вообще.

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

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

Раньше у меня был плагин WP-Social Buttons, который генерировал кнопки социальных сетей. Но мне он не очень нравился по одной причине — кнопки не отображают, сколько раз по ним кликали. Кроме того, нет кнопки социальной сети Одноклассники, и кнопки Google+1. Кнопку от Гугла я поставил отдельно, но она у меня вечно обнулялась.

Плагин WP-Social Buttons генерировал два ряда социальных кнопок. Первый ряд — кнопки для того, чтобы поделиться ссылкой на статью в своем аккаунте социальной сети. Второй ряд — для того, чтобы добавиться в друзья.

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

После этого я зашел в административную панель блога, в пункт Внешний вид — Редактор,  в шаблон Одиночная запись (single.php), и поставил этот код ниже кода социальных кнопок, который был сгенерирован плагином.

Кнопки оказались слишком малы, и поэтому в параметре data-yashareType я заменил параметр «small» на «large». Результат меня удовлетворил, и я начал писать эту статью, параллельно устанавливая кнопки дальше.

Следующее, что нужно было сделать — это установить данные кнопки по центру. Задача решилась просто — я окружил код тэгом div с выравниванием по центру, вот таким образом:
• <div align=»center»> скопированный код социальных кнопок от Яндекса</div>

Кнопки установились по центру.

Поначалу я хотел оставить второй ряд кнопок от плагина WP-Social Buttons, которые предназначены для добавления в друзья, но кнопки Поделиться никак не хотели устанавливаться над ними. Поэтому я вообще решил убрать плагин, а второй ряд кнопок сделать с помощью простого html-кода.

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

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

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

Оба созданных кода я разместил не только в шаблоне Одиночная запись (single. php), но и в Шаблоне страницы (page.php), чтобы кнопки социальных сетей отображались не только в статьях, но и на страницах блога.

И последнее, что мне нужно было сделать — это деактивировать и удалить плагин WP-Social Buttons.

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

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

Социальные кнопки Яндекса — Разные заметки

Многоуважаемый Яндекс сделал универсальные кнопки для популярных социальных сетей, тем самым решив задачу многих веб мастеров – как вставить на сайт социальные кнопки, собирать с них статистику и при этом не затормозить загрузку страницы.   Как же установить этот симпатичный блок к себе на сайт?

Предыстория

До этого на своём блоге Я использовал социальные кнопки  Pluso,  которые показались мне не очень удобными из-за “красного плюсика”.

А именно – при его прокрутке появляется реклама, которая побуждает устанавливать расширение “Pluso Music” или “Pluso”.

 

Поэтому Я решил подыскать альтернативу.

Почему именно Яндекс кнопки?

• Проблемы с доступом в Яндекс, считаю вряд ли возникнут.

Так как Яндекс – это крупнейший поисковик и при этом хорошо зарабатывающая коммерческая организация,  которая трепетно относится к своему бренду.

• В случае, если у Вас на сайте установлен счётчик “Яндекс Метрика” (а его легко установить) вы сможете отслеживать статистику кнопки “Поделиться”.
• Учитываются все посты, а не только те, которые были сделаны с помощью этих кнопок.
  К примеру, до этого у Вас стоял блок  “Поделиться в twitter”.  При замене этой кнопки, количество фолловингов  успешно перенесётся.
• Новые социальные кнопки, на мой взгляд, получились очень удачными (в конце статьи вы можете потыкать увидеть эти кнопки в действии)

В общем, Яндекс кнопки – это быстро и удобно.

10 секундная установка Яндекс кнопок

Переходим по ссылке http://api.yandex.ru/share/.

Открывается конструктор, в котором вы выбираете социальные сети для отображения.

После чего – получаете код и вставляете его в нужное место на сайте.

Всё, кнопки готовы!

А можно  немного поковыряться в  API Яндекса

Инструкция по API кнопок поделиться находится по адресу:  http://api.yandex.ru/share/doc/dg/concepts/share-button-ov.xml

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

Например, в том списке нету  blogger, delicious, diary, digg, evernote, juick, liveinternet, linkedin, myspace и с десяток других ненужных сервисов, а их можно добавить.

Повышаем скорость загрузки

Во избежание не существенных тормозов — первую часть кода

отвечающую за путь скрипта, который будет загружаться с сервера Яндекса — добавить между тегами <head> или же перед закрывающим </body>:
А вторую
 
разместить в том месте, где будут отображаться социальные кнопки.
Как добавить Яндекс ссылки на социальные сети?
Что такое «социальные ссылки» Яндекса?
Современные реалии ранжирования Яндекса таковы, что факторов влияющих на позиции сайта в поиске от года к году становится все больше и больше. И не последнее место среди этих факторов занимают социальные сигналы. Т. е. при определении позиций вашего сайта в поиске Яндекс учитывает и «популярность» вашего ресурса в социальных сетях, в частности, ссылки и переходы на сайт из соц. сетей. Поэтому многие ведущие компании рунета создают себе не только корпоративные сайты с описанием товаров и услуг, но и активно развивают свои «представительства» в популярных социальных сетях. При наличии у организации сайта и страниц в социальных сетях Яндекс может добавить их в сниппет сайта. На данный момент существует возможность добавить социальные ссылки для ВКонтакте, Facebook, LiveJournal, Twitter и YouTube.
Зачем нужны ссылки на социальные профили в сниппете?
С их помощью можно получить 3 весомых плюса:
1. Повышение привлекательности и «кликабельности» сниппета. Наличие большего по объему и более красочного (а ссылки представлены именно виде красочных логотипов соц. сетей) сниппета увеличивает желание пользователя перейти по данной ссылке. Ну, а чем больше посетителей перейдет на сайт, тем больше потенциальных покупателей узнают о ваших товарах и услугах.
2. Рост доверия и лояльности пользователя к вашему ресурсу. Поскольку большинство пользователей интернета давно знакомы с различными социальными сетями, пользуются и доверяют им, то ваше представительство в них может служить дополнительных фактором доверия к вашему ресурсу.
3. Быстрый доступ к удобному пользователю каналу коммуникации. Возможность пользователя в один клик перейти к интересующей его страничке в социальной сети повысит его удобство и избавит от лишних кликов, сэкономив драгоценное время. Кроме того, кнопки в сниппете служат полезным инструментом для постоянных читателей пабликов и участников сообществ.
Как сделать социальные ссылки для сниппета сайта?
Ничего сложного … Для начала заведите в подходящих вашей тематике социальных сетях официальные профили компании. Называть их лучше именем организации, а так же использовать в оформлении фирменный стиль компании. Следующим шаг - добавьте ссылки на ваши странички и группы на главную страницу своего сайта (или ещё лучше в основной шаблон сайта). Мы рекомендуем добавлять их в «подвале» сайта, если конечно основная доля продаж компании не построена через социальные сети. А для закрепления успеха вам останется добавить эти же ссылки в Яндекс.Справочник. Для этого зайдите через Яндекс. Вебмастер в раздел «География сайта» → «Адреса и организации» и в дружелюбном интерфейсе Яндекс.Справочника заполните ссылки на социальные профили (по одному на строчку).  После этого набирайтесь терпения и ждите 2-3 недели. С очередным апдейтом поисковой системы значки популярных мировых компаний будут украшать ваш сниппет. Важно! Прежде, чем добавлять соц. ссылки на сайт и Яндекс.Справочник, мы рекомендуем вывести каждую из групп на достойный уровень. Вряд ли пользователю будет интересна и полезна группа, например, ВКонтакте с одной записью на стене и 5 участниками.
Условия отображения ссылок в сниппете
Социальные ссылки по вашему сайту будут отображаться поисковиком в сниппете, только если:
вы набрали запрос, по которому ваш сайт занимает первое место;
добавили 2 и более социальных аккаунтов;
по поисковому запросу выводится главная страница сайта,
вы представляете реальную организацию.
Развивайте ваши социальные профили, делайте их полезными для людей и тогда не только Яндекс будет ссылаться ваши социальные группы, но и реальные пользователи будут вас рекомендовать друзьям и знакомым. Многие сайты уже получили от Яндекса красивые иконки соц.сетей в свой сниппет. Очередь за вами!
Хочешь стать экспертом в SEO?
Пройди курсы от SEO Интеллект
Подробнее 
Понравилось? Репост!
 Отчет «Социальные сети» - Яндекс.Метрика. Справка 
 Отчет содержит информацию о трафике из социальных сетей, чтобы вы могли отслеживать поведение этих пользователей и измерять коэффициенты конверсии.
 Для просмотра отчета:.
 Пример этого отчета доступен для демо-тега Яндекс.Метрики.
 Яндекс.Метрика использует теги referer и UTM для идентификации этого источника.
 Способы использования этого отчета
 Структура и настройки отчета
 Узнайте, какие социальные сети привлекают больше пользователей
 Посмотрите, какие социальные сети приводят пользователей на ваш сайт.
 Определите вовлеченность пользователей, пришедших из социальных сетей.
 Все эти данные могут быть получены из показателя отказов вашего веб-сайта. Чем выше показатель отказов, тем меньше сайт привлекает пользователей (отказы - это пользователи, которые уходят в течение 15 секунд после просмотра одной страницы).
 Данные в отчете сгруппированы по социальным сетям, из которых пришли пользователи. Для некоторых социальных сетей вы можете получить подробную информацию до уровня сообщества или группы на основе значений реферера.
 Чтобы точно определить источник, добавьте теги UTM в URL-адрес и используйте полученную ссылку в социальных сетях. Ниже приведены значения, которые мы рекомендуем использовать в тегах UTM.
 Возможные значения тегов UTM
 Параметр
 Требуется
 Значения
 utm_source
 Да
 vk, vkontakte или vk.com - для VK
 facebook , fb или facebook. com - для Facebook
 twitter или twitter.com - для Twitter
 ok, odnoklassniki, ok.ru или odnoklassniki.ru - для Odnoklassniki
 livejournal - для Live Journal
 plus.google.com или googleplus - для Google+
 my.mail.ru - для Mail.ru Мой мир
 linkedin или linkedin.com - для LinkedIn
 вкусно - для вкусного
 tumblr или tumblr.com - для Tumblr
 instagram или instagram.com - для Instagram
 интерес.com - для Pinterest
 reddit - для Reddit
 stumbleupon - для StumbleUpon
 Если в теге UTM для параметра utm_source указано другое значение, не указанное выше, Яндекс.Метрика определяет источник трафика по значению параметра Параметр utm_medium. В отчете эти сеансы будут привязаны к источнику Другая социальная сеть: определяется тегами.
 utm_medium
 Да
 социальная сеть
 социальная сеть
 социальная сеть
 sm
 социальная сеть
 социальная сеть
 Если исходный сайт имеет JavaScript редирект или перенаправление трафика с сайта с HTTPS на сайт с HTTP, используйте тег utm_referrer.
 Отчет поддерживает все настройки, доступные в Яндекс.Метрике.
 Плагин Yandex Share - October CMS 
 Краткое руководство: 
 В октябре перейдите на вкладку «Система» и установите плагин с помощью кода AlexLit.YandexShare.
 После завершения установки новый компонент появится на вкладке Octobers «CMS> Компоненты». У вас есть возможность добавить это только на одну страницу или добавить в макет, чтобы он отображался на всех страницах, использующих макет.Что бы вы ни выбрали, инструкции остаются неизменными.
 Откройте выбранную страницу / макет и добавьте к нему компонент.
 Добавьте код компонента в любое место страницы / макета.
 Вот и все. Теперь у вас на странице работает Яндекс.Поделиться. У него нет внешних зависимостей, поэтому вам не о чем больше беспокоиться.
  Не забудьте добавить теги "{% styles%}" и "{% scripts%}" в свой шаблон 
 Опции 
  Маркер доступа  - маркер для снятия ограничения запросов на получение счетчика. Актуально и работает только для Facebook
  Отключить стили  - Признак того, что загрузка стилей отключена. Если добавить атрибут, социальные сети будут отображаться в виде текстового вертикального списка
  Показать счетчик  - Признак того, что счетчик публикаций отображается на кнопке соцсети
  Положение кнопки «Копировать»  - Положение кнопки «Копировать». Кнопка «Копировать ссылку» может отображаться, если вы используете параметр ограничения
.
  Текст описания  - Текст для публикации
  Направление  - Направление списка кнопок
  Хештеги  - актуальны и работают только для Twitter.Строка указывается без знака #. Некоторые хэштеги указываются через запятую, без пробела
  Изображение  - Изображение для публикации
  Направление всплывающего окна  - Направление открытия всплывающего окна
  Позиция всплывающего окна  - Расположение всплывающего окна относительно контейнера блока. Значение outer может понадобиться, если из-за специфики макета вашего сайта всплывающее окно обрезается соседними элементами страницы
  Лимит  - количество социальных сетей, отображаемых в виде кнопок.Он используется, если вам нужно интегрировать в блок множество социальных сетей, а также чтобы блок занимал мало места на странице. Те, которые не включены в лимит социальной сети, будут отображаться во всплывающем окне при нажатии кнопки
  Язык  - язык блока. Локализованы подписи кнопок социальных сетей и кнопки «Копировать ссылку»
  Размер кнопок  - Размер кнопок социальных сетей
  Заголовок  - Заголовок для публикации
  URL  - Ссылка для публикации
 Официальная документация API
 ⚙ Заголовки политики безопасности контента и правила для кнопок Addthis NoSNIFF 
 Социальные сети: HTTP-заголовки CSP для кнопок Addthis NoSNIFF 
 Фильтр: ХРегион: Международный RU UA 
 Кнопки Addthis NoSNIFF: Правила политики безопасности контента: 
 Правила CSP для:  Добавить эти кнопки NoSNIFF  Content-Security-Policy:
 connect- src https: // m. addthis.com https://s7.addthis.com;
 frame-src https://s7.addthis.com;
 img-src data: https://www.addthis.com;
 script-src 'unsafe-eval' 'unsafe-inline' api-public.addthis.com https://api-public-oci-origin.addthis.com https://m.addthis.com https: // q.addthis.com https://s7.addthis.com https://www.addthis.com https://v1.addthisedge.com graph.facebook.com https://widgets.pinterest.com https: // vk.com/share.php https://www.odnoklassniki.ru/dk https://connect.ok.ru/dk;
 style-src 'небезопасный встроенный';
 Diags: 
 SCRIPT-SRC: 
 `https: // graph.facebook.com`: покрывается `graph.facebook.com`. * УДАЛЕНО *
 схема
 CSP3: 2. пустая схема покрывает https: на стандартных портах
 порт
 CSP3: порт проверялся по схеме
 host
 охватывает `graph.facebook.com` graph.facebook.com
 путь
 Пустой путь покрывает все остальные
 
 * пустые строки между строками правил CSP сделаны исключительно для удобства чтения, они ДОЛЖНЫ быть удалены перед вставкой в. Файл конфигурации htaccess / Nginx!
 
 Это правила политики безопасности содержимого для виджета и кнопок AddThis:  Панель кнопок «Поделиться / подписаться», ,  Баночка с подсказками на веб-сайте,  пожертвований и  AddThis, связанные сообщения .
 CSP подразумевает вставку скрипта виджета AddThis с явно указанной https: scheme: