G|Translate: English EN Deutsch DE Italiano IT Русский RU Español ES Українська UK

Кнопки “поделиться” в социальных сетях

5/5 - (1 голос)

Они же “share buttons”.

Кнопки "поделиться" в социальных сетях

Зачем это надо и как оно работает?

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

  • название страницы
  • краткое описание страницы
  • картинка

 

Тут наши title и description не работают. Был придуман специальный стандарт (микроразметка OpenGraph), в тегатэгах которой указывается нужная информация. На сегодняшний день Open Graph используется в Facebook, Вконтакте, Google+, Twitter, Linkedin, Pinterest. 

Как пример код html сайта

Кнопки "поделиться" в социальных сетях

В секции head появляются дополнительные метатэги

  • meta property=”og:title
  • meta property=”og:image
  • meta property=”og:description

og – это как раз сокращение от OpenGraph.

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

В данном случае эти метатэги генерирует плагин All in One SEO Pack

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

Инструменты для разработчика FaceBook

https://developers.facebook.com/tools/debug/sharing/

Сервис проверки микроразметки в Яндекс.ВебМастер 

https://webmaster.yandex.ru и далее в разделе 

Кнопки "поделиться" в социальных сетях

Сервис проверки микроразметки в Гугль

https://search.google.com/structured-data/testing-tool/u/0/

Вот кстати, Гугль показывает, что какой-то плагин явно не то генерирует….

Кнопки "поделиться" в социальных сетях

Гугль ошибок не видит (с точки зрения кода), но в описании явно мусор подставляется.

Самый простой онлайн-сервис кнопок “Поделиться” http://share42.com/ru

  • всего 42 кнопки (в названии это отражено)
  • есть кнопки российских социальных сетей
  • для работы кнопок нужно вставить вызов скрипта в код сайта

Кнопки "поделиться" в социальных сетях

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

И мелкая проблема – нужно добавить себе вызов этого скрипта на сайт. Для WordPress например –

вставьте в шаблон вашего сайта следующий код (прямо перед или сразу после текста статьи):

<div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>"></div>
<script type="text/javascript" src="http://site.name/share42/share42.js"></script>

Комментарий: в данном скрипте предполагается передача данных в соцсеть через параметры контейнера. Если на сайте есть метатэги OpenGraph – можно использовать более простой скрипт для любого сайта.
 
Можно вставить скрипт в “подвал”, кнопки сразу появятся на всех страницах. Но проблема остается – при смене или обновлении темы скрипт из кода пропадет. Или делаем дочернюю тему или смотрим на плагины.
 

Плагины для размещения кнопок “Share” на сайте WordPress

 

Easy Social Sharing

Кнопки "поделиться" в социальных сетях

  • всего 18 кнопок социальных сетей
  • есть кнопки российских социальных сетей

 

Есть Facebook, Vkontakte, нет Одноклассников и МойМир. Кнопки можно выводить как на странице, так и в виде “липкой” ленты в боковой панели. Вывод кнопок на главной странице можно отключать.

WordPress Share Buttons Plugin

Кнопки "поделиться" в социальных сетях

  • более 200 кнопок социальных сетей
  • есть кнопки российских социальных сетей (Мой Мир, LiveJournal, ВКонтакте, Одноклассники, В Кругу Друзей)
  • после регистрации доступна аналитика репостов

 

 

Uptolike Social Share Buttons

Кнопки "поделиться" в социальных сетях

  • поддерживает 27 кнопок социальных сетей
  • есть кнопки российских социальных сетей (Мой Мир, LiveJournal, ВКонтакте, Одноклассники)
  • после регистрации доступна аналитика репостов

 

Easy VKontakte Connect

Кнопки "поделиться" в социальных сетях

Достаточно хороший плагин. Кроме VK поддерживает остальные кнопки социальных сетей: Одноклассники, Facebook, Twitter, LiveJournal, Мой Мир и другие. Умеет делать посты в социальную сеть VKontakte

 

Подпишитесь в VKontakte - нажмите кнопку
Подпишитесь в Telegram - нажмите кнопку
Наша группа ODNOKLASSNIKI

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




Пишите на электронную почту (тема и email будут добавлены автоматически в письмо)

В Вашем браузере должна быть настроена обработка ссылок mailto

site_post@bk.ru

или просто скопируйте адрес e-mail



Почитать в разделе

SMM

SMM - social media marketing (маркетинг в социальных сетях) Зачем сайту (и бизнесу) вообще нужно выходить в социальные сети? Волшебные слова - трафик и подписчики. Посмотрим на простой сценарий. Пользователь ищет информацию по теме, находит через поисковую систему сайт, видит там решение своего вопроса. Так же он видит другие полезные статьи (ладно - и товары тоже) на сайте, которые его могут заинтересовать. Так сказать - есть попадание в целевую группу. А дальше? Все наши затраты на SEO оказываются одноразовыми. Как-то необходимо получить привязку посетителя к сайту - что бы он мог потом еще раз на него зайти уже без использования поиска. Т.е. как бы затраты на SEO - это именно на...
(Читать полностью...)

  • Всего статей в разделе: 7
  • Показано статей в списке: 6
  • Сортировка: название по алфавиту

Настройки плагина WordPress SNAP

Как подключить аккаунты - читаем статью Плагин WordPress SNAP (NextScripts:Social Networks Auto Poster) Общие настройки плагина WordPress SNAP   можно публиковать новый пост немедленно можно публиковать пост с задержкой времени можно ограничивать число постов за период для сайтов с большим количеством новых записей Есть фильтр для автопубликаций выбор по тэгам выбор по типам записей выбор по авторам выбор по своим дополнительным полям (в версии PRO) т.е. можно сделать или свое дополнительное поле или специальный тэг - указать в настройках = и будет работать автопубликация записей только для этих условий. ВАЖНО: можно настроить индивидуальные фильтры для...
(Читать полностью...)

Плагин WordPress Blog2Social

Плагин WordPress для автопостинга Blog2Social Позволят в автоматическом режиме выкладывать пост в социальные сети - вот список поддерживаемых сетей в бесплатном варианте: Facebook - личный профиль и публичная страница Twitter - личный профиль Pinterest - личный профиль LinkedIn - личный профиль Xing - личный профиль VKontakte - личный профиль Blogovin - личный профиль Tumblr - личный профиль Medium - личный профиль Torial - личный профиль Flickr - личный профиль Diigo - личный профиль Reddit - личный профиль ВАЖНО:  в бесплатном варианте плагин Blog2Social предоставляет свое API - т.е. никаких приложений в социальных сетях не надо...
(Читать полностью...)

Плагин WordPress FS poster

Плагин WordPress для автопостинга FS Poster Плагин существует в двух версиях: FS Poster Lite (бесплатная версия) - на сайте WordPress FS Post (платная полная версия) - на сайте разработчика   Бесплатная версия может почти все, за исключением: нет автопостинга по расписанию через час после выкладки сбрасываются аккаунты социальных сетей Список поддерживаемых социальных сетей Плагин использует свое API - никаких "приложений" в социальных сетях создавать не надо Facebook Twitter Instagram LinkedIn VK Pinterest Reddit Tumblr Odnoklassniki Plurk Xing Google My Business Blogger Telegram Medium Wordpress Есть DashBoard, можно...
(Читать полностью...)

Плагин WordPress SNAP (NextScripts:Social Networks Auto Poster)

Social Networks Auto Poster (SNAP) Встречаем плагин для автоматического постинга в социальных сетях Бесплатный вариант позволяет использовать только один аккаунт на одну социальную сеть, платный вариант - без ограничения количества аккаунтов Важные шаги по настройке: плагин сам по себе достаточно сложный он взаимодействует с API социальных сетей он взаимодействует с WP Cron. Поэтому желательно настраивать по этапам: Создаем "приложения" в социальных сетях (это без использования API самого плагина) Подключаем эти "приложения" к плагину Проверяем авторизацию Пробует опубликовать тестовый пост (по умолчанию - главная страница сайта) Добавляем...
(Читать полностью...)

Плагины автопостинга в социальные сети

Рассмотрим плагины автопостинга из WordPress в социальные сети. Еще есть онлайн сервисы автопостинга (с любого сайта) - но это уже другая история. Исходные данные: есть личная страница в facebook есть личная страница vk есть публичная страница facebook (для этого сайта) есть публичная страница vk (для этого сайта) есть личная страница в linkedin Нам нужно, что бы после публикации нового материала наш новый пост был опубликован на всех этих площадках. Да, можно вручную кнопочки "расшарить" нажимать, но если сайтов 10, в публичных страниц как минимум 20 (по две на сайт - fb / vk)? Будем автоматизировать. ВАЖНО: для автопубликации в социальных сетях нужны три...
(Читать полностью...)

Создаем “приложения” соцсетей для автопостинга

Под словом "приложение" понимается перевод слова application = т.е. это просто некий идентификатор со своим ID и паролем.  И правилами доступа сайта к этому  приложению. А зачем вообще это нужно для автопостинга с сайта? Ведь кнопки "поделиться" работают без создания каких-либо приложений? Кнопки «поделиться» в социальных сетях Разница есть. Когда Вы нажимаете на сайте "Поделиться" - Вы в вашем браузере уже авторизированы в своих аккаунтах в социальных сетях. Т.е. браузер помнит Ваш логин и пароль  - и социальная сеть пускает Вас в свой аккаунт. И социальная сеть позволяет Вам выбрать мышкой, куда именно Вы будете расшаривать пост - или в личный профиль или в...
(Читать полностью...)