Опишу без лишней воды как разместить кнопки социальных сетей на сайт. Размещать будем без плагинов, зачем плагины, если достаточно в нужном месте вставить ручками нужный код? Переходите по ссылкам и смотрите какие есть варианты дизайна и типа кнопок. У всех кнопок есть различные варианты внешнего вида\типа и дополнительные настройки.
Для большинства кнопок не нужно где-либо регистироваться, достаточно лишь выбрать тип кнопки и скопировать предоставляемый код в шаблон.
Установка кнопок соц. сетей при помощи "родных кодов"
Вконтакте
Во Вконтакте можно использовать два типа кнопок, это кнопка "Опубликовать Вконтакте" и виджет "Мне нравится".
Виджет "Мне нравится":
- сначала понадобится зарегистрировать "приложение" во вконтакте: переходим на страницу: vk.com/editapp?act=create
- выбираем тип "Веб-сайт", указываем любое "Название" и заполняем "Адрес сайта", "Базовый домен". Вам придет смс-ка от Вконтакте, для подтверждения действия. Готово!
- переходим на страницу виджета "Мне нравится": vk.com/dev/Like
- В выпадающем списке выберите то приложение, которое создали и выберите какой именно тип кнопки вам нужен.
- Плюс: кнопкой можно и лайкать, и репостить, все кто нажал на кнопку отображаются при наведении мышки.
Кнопка "Опубликовать Вконтакте":
- Получить код блок можно тут: vk.com/pages.php?act=share
- Плюс: код кнопки можно получить без регистрации каких-либо приложений, в отличие от кнопки "Мне нравится". Эта кнопка со счетчиком показывает большее число, чем кнопка "Мне нравится", думаю это связано с другим алгоритмом подсчета. Можно указать любую надпись на кнопке.
- Минус: кнопка не показывает какие именно люди нажали на эту кнопку.
"+1 Button" от Google
Все просто:
- переходим на страницу: developers.google.com/+/web/+1button
- Выбираем необходимый тип кнопки и копируем-вставляем код в нужное место.
"Like Button" от Facebook
- Идем на страницу: developers.facebook.com/docs/plugins/like-button
- Указываем необходимые настройки, жмем на кнопку "Get Code" и вставляем в шаблон.
Рекомендую в коде добавить строчку для асинхронной загрузки, это ускорит загрузку страницы:
js.async = true;
Вставил между этими двумя строками:
js = d.createElement(s); js.id = id; js.async = true; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
Кнопка "Твитнуть" от Twitter
- Проходим на страницу: about.twitter.com/ru/resources/buttons#tweet
- Выбираем как будет выглядеть ваша кнопка, копируем код и вставляем в шаблон.
Установка кнопок при помощи плагина "share this"
Добавлю упоминание о плагине, мне понравился внешний вид кнопок и количество предоставляемый соц. сетей.
Скачать: wordpress.org/extend/plugins/share-this
Доступные соц. сети: sharethis.com/publishers/services-directory
Кнопки социальных сетей через онлайн сервисы
- api.yandex.ru/share - Блок "Поделится" от Яндекса. В одном блоке можно разместить сразу 12 иконок от наиболее популярных соц. сетей рунета, есть счетчики. Большой плюс этого блока в том, что используя в одном блоке сразу 12 кнопок для разных соц.сетей мы подключим к сайту лишь 1 яваскрипт. В яндекс-метрике, если она установлена у вас на сайте, можно смотреть за статистикой кнопок. Минус: дополнительно подключаются скрипты яндекс метрики, закончилось тем, что я локально скопировал js-скрипт и основательно его почистил.
- share42.com/ru - около 45 кнопок социальных сетей. Кнопки могут быть различного размера, расположены вертикальным плавающим или горизонтальным рядом. Также присутствуют такие плюшки как счетчики, кнопка "вверх", rss, печать и т.д.
- share.pluso.ru - еще один сервис установки кнопок. Есть вертикальные блоки, горизонтальные, общий счетчик, разные варианты иконок, статистика, счетчики на каждой кнопке.
- uptolike.ru - Около 30 соц. сетей, в том числе русских, различные стили кнопок, асинхронный код, бесплатная статистика, счетчики (все предыдущие лайки также учитываются), при расшаривании можно отображать окно с предложением подписаться на ту или иную страницу социальной сети. Есть красивый мобильный вид - внизу экрана располагается ряд кнопок, правда по сути бесполезная "фишка", ведь на мобильных устройствах в социальных сетях сидят из под приложений, а не браузеров, эти кнопки в большинстве случаев не поддерживают приложения.
- sharethis.com - есть как решения в виде плагинов для популярных cms, так и стандартный метод - установка кода.
- addthis.com - как мне кажется лидер среди онлайн сервисов по установке социальных кнопок, как по популярности и функционалу, так и по актуальности, современному дизайну и современным требованиям к таким кнопкам.
Спасибо, запись пригодилась.
На здоровье, искренне рад =)
Как по мне, то PLUSO, то что доктор прописал.
irocez, хотел спросить есть ли у них статистика нажатий, как у яндекс кнопок, но уже увидел что есть. Правда я выбрал яндекс кнопки по еще одной причине — Яндекс благодаря им легче собрать статистику, а значит он это будет учитывать при ранжировании. Но у pluso есть другой плюс — отображение на сайте количества нажатий на каждой кнопке.
Интересно кстати, PLUSO подхватывает в счетчики статистику которая была до его установки? Судя по тому что я читал, uptolike.ru это умеет. То есть если у меня сейчас стоит блок яндекс кнопок и эту статью 10 раз «зашарят» во вконтакте, то когда я установлю кнопки от uptolike, они покажут эти 10 «шарингов».
Владимир, добрый вечер. Зашла к вам опять из поиска. Для тех кто в танке, подскажите куда надо поставить этот код. Я заходила на шаре плюс.Там в описании написано туда куда захочет вебмастер. А куда надо захотеть?Подскажите пожалуйста.Из вашей статьи я это тоже не поняла.
name nika, здравствуйте. Я себе поставил этот код в конец записи. Открыл файл single.php, и вставил код после строки php the_content(‘Читать далее »’)
Владимир , спасибо. Меня зовут Ольга. Мне очень знакомо ваше лицо. Вам имя Денис КОвтун ни о чем не говорит?
Ольга, приятно познакомиться. Имя ни о чем не говорит =)
Жаль.А вы судя по фото-блогу в Киеве? Владимир, искала на вашем блоге подсказку. У меня последнее время на блоге появилось: картинки открываются как отдельные страницы. Как от этого можно избавиться? Мастер который смотрел мой сайт, сказал что это replaytocom.Но мне кажется, что это не то.
Ольга, да в Киеве. Дайте ссылку на которой картинки открываются как отдельные страницы. Скорее всего просто при встраивании картинок в запись устанавливается ссылка на страницу с вложением, вместо этого нужно выбирать «ссылка — нет» при редактировании изображения в записи.
Вот так это выглядит olgworld.com/kreshhenskaya-voda/kreshenie-vodoy/ и вот так olgworld.com/voda-v-organizme-cheloveka/page/2/ и olgworld.com/voda-v-zhizni-cheloveka/page/2/ и еще olgworld.com/otdyih/.
В общем после смены шаблона, что-то произошло.Не могу понять Ссылки с картинок я убираю.
Ольга, на страничке olgworld.com/kreshhenskaya-voda/ я не нашел ссылок на страницу olgworld.com/kreshhenskaya-voda/kreshenie-vodoy.
Другие ссылки, которые, Вы дали, выдают 404-ю ошибку.
Нужно просканировать все ссылки на сайте и найти какие страницы ссылаются на подобные страницы с изображениями (они кстати есть у всех wordpress блогов). Это можно сделать например при помощи Xenu — elims.org.ua/blog/xenu-audit-sajta-i-mertvyx-ssylok/
Те страницы с изображениями которые попали в индекс закройте от индексации.
Да сейчас сканирую программой Хену. Еще вопрос , а как такие страницы закрыть от индекса?
Я сейчас статью читала, там автор говорит, что такие странички с картинками дает настройка медиафайлов. Предлагает выставить все на 0. А удалить из индекса это надо?
Если запретить от индексации, то со временем само удалиться.
Запретить можно через плагин Yoast WordPress SEO, в настройках плагина — типы записей — медиафайлы — отметить галочкой noindex
Я не нашла при сканировании Хену такие ссылки как я прислала вам. Зато просто обалдела от количества replytocom. У меня раньше стоял Disqus.Я его убрала месяц назад и просто забыла об этом.
Если я в плагине запрещу медиафайлы. Поисковики просто не будут индексировать картинки?
Насколько помню в плагине Yoast WordPress SEO , есть настройки убрать replytocom
Правда не уверена, что это там работает.
Ольга, replytocom можно убрать, если запретить древовидные комментарии — я таким образом поступил. Либо изменить уже сам шаблон, но это сложней. Через плагин не тестировал.
Поисковики не будут индексировать страницы с медиафайлами, сами изображения должны индексироваться.
Спасибо за помощь.Попробую сегодня избавиться от этих replytocom , а заодно и с медиафайлами разберусь. А то что-то бложику совсем плохо стало.Доигралась с экспериментами.
Привет.Разобралась с replytocom.Убрала из индекса медиа-файлы. Настройки медиа-файлов выставила на 0. Правда, с количеством картинок ничего не поменялось. Их по прежнему получается 5 штук из одной.
Пришлось снести шаблон. По поводу социальных кнопок еще вопрос.Поставила именно так «файл single.php, и вставил код после строки php the_content».Но сегодня обратила внимание, что когда жмешь на кнопку поделиться.В сеть с любой записи идет Главная страница.Записи не получается отправить.Что это может быть?
Зашел на Ваш сайт и кликнул на кнопку поделится во вконтакте — поделилось записью нормально, проверял на экологических проблемах мирового океана
Владимир спасибо , что зашли.Я переделала кнопки.Когда первый раз их ставила, прописала адрес блога.Там есть Дополнительно.Видимо из-за этого шел адрес на Главную страницу.Затем передела, но в коде не видела изменений.Сейчас вроде все нормально.