Устаавливаем кнопку Google+ на блог

Три способа вставить кнопку Google+ на свой блог

Здравствуйте, дорогие читателя моего блога. Буквально вчера вечером я снова поставил себе кнопку от популярной социальной сети Google+.

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

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

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

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

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

Способ первый: копируем этот код

<script type=»text/javascript» src=»https://apis.google.com/js/plusone.js»>

 {lang: ‘ru’}

</script>

 И вставляем его в файл шапки вашего блога – это файл header.php вашей темы  до закрывающего тега </head> или же в файл подвала (футера) вашей темы footer.php до закрывающего тега </body>

Далее вставляем в файл single.php в то место где хотите видеть вашу кнопку код кнопки:

<g:plusone></g:plusone> — стандартный размер 24х24 пикселя или такой:

<g:plusone sizetall«></g:plusone> — большая кнопка со счетчиком (стоит у меня в начале каждой статьи).

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

 Смотрится это примерно так:

 

Как видим, кнопка уехала влево ДО начала поста. Если же ее выравнивать через HTML, то она уедет вправо НАД постом. Соответственно такой способ мне не подошел.

Второй способ: копируем этот код

//Button +1 Google below each post function add_google_plus_one($content) {
if(!is_feed() && !is_home() && !is_page()) {
$content .= ‘<g:plusone size=»tall»></g:plusone> ‘; }
return $content; }
add_filter(‘the_content’, ‘add_google_plus_one’);
//add Button +1 Google script in head
function add_google_plus_one_script() {
if(!is_feed() && !is_home() && !is_page()) {
echo »; } }
add_action(‘wp_head’, ‘add_google_plus_one_script’);

И вставляем его в файл functions.php своей текущей темы. Рекомендую его вставить в самый конец файла, ДО закрывающего кода ?>.

Как результат имеем вот такой вариант размещения кнопки.

Важное замечание – всегда делайте копии файлов перед тем, как вставлять в них код!

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

Третий способ: он самый простой и в то же время самый удобный – ставим плагин и не ломаем голову.

Плагинов, реализующих кнопку Google+ на ваш блог есть великое множество, но лично я упорно использую WordPress Google +1 Button — Advanced Plugin, Includes Redirection. Он давно не обновлялся и скорее всего, уже никогда не будет обновлен, но функцию свою выполняет на все 100%, а главное, аккуратно вписывается в дизайн блога.

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

301 редирект я не использую, поэтому оставил эту опцию по умолчанию.

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

Именно этот вариант я и использую на своем блоге – кнопочку Google+ вы можете увидеть в правом верхнем углу статьи возле кнопки Twitter. На этом обзор установки кнопки Google+ считаю успешно завершенным.

Да, забыл сказать очень важную вещь — при настройке этого плагина убирайте все ссылки из поля URL to redirect to on-click, тогда нажавшие на кнопу Google+ будут делиться вашей статьей. А именно это нам и нужно

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

Подписывайтесь на мой канал в Телеграм - там все про распаковку экспертости!



Хотите получать свежие статьи себе на почту?

Введите ваш рабочий электронный адрес:



26 комментариев к “Три способа вставить кнопку Google+ на свой блог”

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

    1. Вячеслав Балашов

      Да я и сам недооценивал мощность Google+ пока там не увидел практически всех знакомых из Твиттера и Фейсбука http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/ab.gif

  2. Привет Слава!
    Кнопка G+ действительно очень полезна для блога.
    Но, в верхней части статьи CTR у нее довольно маленький… Например, я никогда не нажму эту кнопку, пока не прочитаю пост. Но, если он действительно полезен, то, конечно поделюсь с теми, кто меня читает.
    Но я буду искать кнопки Соц.Сетей под статьей, а не не возвращаться в начало, чтобы плюсонуть! :)
    У тебя стоит отличный плагин, но он тормозит блог. Кнопки от Pluso, мне кажутся наиболее подходящими для блога!
    Но это мое мнение, не претендую на фундаментальность! :)

    1. Вячеслав Балашов

      Специально проверил скорость — 0.25 сек. Вполне нормальная http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/ab.gif
      Насчет CTR вверху — возможно он и низкий, но само желание человека нажать на кнопку уже является стимулом к действию http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif
      Вначале статей у меня стоят кнопки от Share42, внизу от AddThis — кнопок социалок хватает.

      Хотя, если эксперимент меня не устроит то просто отключу плагин и что-нибудь новое поставлю http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/ab.gif

  3. Ага ! Точка , вернее — кнопка G …да ещё с плюсом — вещь , безусловно ,необходимая и в хозяйстве блога пригодиться !

    Этот пост копирую в дневники и благодарю его создателя за прозорливую щедрость !

    Вячеславу — http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

  4. Николай Гижицкий

    Делал эксперименты на своем блоге, по поводу где размещать кнопку.
    Все таки поставил в конце поста!

    Я у себя в блоге установил плагин, для того, чтобы комментраторы могли делиться своими постами с блогов!
    Сейчас комментирую в блогах, на которых установлен плагин CommentLuv, и собираю ссылки на эти
    сайты, чтобы поделиться с другими блоггерами.
    Ссылки на эти сайты я дам своим подписчикам, так что можете подписаться на
    новости моего блога!
    А то постоянно вижу нарекания, что у нас в РуНете очень мало таких блогов.
    Милости прошу, заходите, комментируйте, оставляйте ссылки на свои посты.
    Кстати, за первый комментарий каждого ожидает замечательный подарок!

    С уважением,
    Николай Гижицкий

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

      А плагин поставил сегодня ночью — по нему будет отдельная статья.
      Скорее всего — он стоит у меня навсегда, т.к. очень здорово притягивает комментаторов http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif

  5. Григорий

    КстатИ, для контента на платформе Joomla, весьма удобен компонент K2. монструозные возможности и большая часть функционала — с предварительной настройкой. В частности кнопки гугла и фэйсбука ставятся в один клик… Правда с русскими соц. сетями придется вставить код соц. закладок Яндекса…

    1. В каждой CMS есть свои особенности.
      Самое оптимальное решение — ставить уже готовый код от сервисов социальных закладок.
      Но в данном случае стояла цель вынести кнопку вверх к кнопке Twitter, а с кодом так не получилось http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif

  6. Светлана Воронова

    Здравствуйте Вячеслав! Пришла к Вам по Вашему приглашению, с блога Андрея Гончара, за порцией позитива.:) И помимо позитива, получила кучу полезной информации и это только в одной статье.
    Определённо буду заходить чаще.
    С уважением, Светлана.

    1. Рад вашему визиту, Светлана.
      Определенно хорошо, когда можно найти новых друзей на блогах схожей тематики http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif
      Кстати, сегодня через пару часов опубликую новую статью — очень рекомендую ее почитать http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/dt.gif

  7. Николай Гижицкий

    Вот и сработала кнопочка!
    Кликнул и поделился этим постом с своими друзьями в кругах!

    Вячеслав, Вы у меня в ТОПЕ-комментаторов!

    Спасибо за сегодняшний подарок из рассылки.

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

  8. Спасибо, Вячеслав! Да, кнопка гугл+ действительно актуальная и нужная на сегодняшний день, так как это необходимо для «белого» СЕО, где поведенческим факторам уделяется особое внимание. А эта кнопка, конечно же привлекает дополнительный приток читателей.

  9. Здравствуйте Вячеслав!
    Плагины выпускаются под определённую версию WP. С популярностью плагина его автор получает свою выгоду, для нас выходят новые версии и т.д… Но бывает иначе — не пошло «дело», автор забрасывает идею дальнейшего развития плагина.
    С выходом обновлений WP могут возникнуть проблемы связанные с несовместимостью (конфликт) с устаревшим плагином. Как правило блог перекашивает, молодые блоггеры валидол пачками поглощают и не могут понять, что произошло.??
    Лучше, всё таки код.

    1. Иногда код лучше. Но иногда проще поставить плагин, т.к. код не всегда полноценно справляется со своей задачей.
      Нужно смотреть по ситуации и принимать те решения, которые будут максимально полезными.
      А то я встречал блоги на которых минимум плагинов, т.к. многое реализовано через внедрение кода, но из-за этого внешний вид и функционал оставляли желать лучшего http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/ab.gif

  10. Ключ к Успеху

    О, эти коды, кнопки, скрипты, плагиныhttp://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif Как сразу глянешь — вроде страшно, а как разберешся, так очень полезно, получается! Спасибо, Вячеслав за подробную статьюhttp://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

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

  12. Язаметил что у вас дублируются кнопки. Зачем? :) Я себе поставил новый скрипт от Яши. Смотрится стильно, при этом все социальные сети зоны РУ и даже Гугль+ там есть. Вес небольшой — да увеличивается на доли секунды скорость загрузки страницы, но меня в принципе это устраивает

    1. Вячеслав Балашов

      Я думал насчет кнопок от Яндекса, но как-то все привычно уже. Хотя может и поставлю. Для начала клиент — опробую на нем.

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Прокрутить вверх