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

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

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

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

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

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

Самый правильный способ – это идти на официальный сайт разработчика и следовать полученным инструкциям. Для этого переходим вот сюда _https://developers.google.com/+/plugins/+1button/?hl=ru Смотрим, чешем макушку-лоб-затылок, машем рукой и возвращаемся к прочтению этой статьи до конца Три способа вставить кнопку 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 size=”tall“></g:plusone> – большая кнопка со счетчиком (стоит у меня в начале каждой статьи).

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

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

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

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

Как видим, кнопка уехала влево ДО начала поста. Если же ее выравнивать через 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+ на свой блог

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Проверьте ещё

Workzilla - удобный сервис для начинающего инфобизнесмена

Workzilla – удобный сервис для начинающего инфобизнесмена

Здравствуйте, дорогие читатели моего блога. Вот и наступила моя обожаемая желтая осень, и я поймал …

26 комментариев

  1. Татьяна Чернова

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

    • Вячеслав Балашов

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

  2. Сергей Медведев

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

    • Вячеслав Балашов

      Специально проверил скорость – 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, и собираю ссылки на эти
    сайты, чтобы поделиться с другими блоггерами.
    Ссылки на эти сайты я дам своим подписчикам, так что можете подписаться на
    новости моего блога!
    А то постоянно вижу нарекания, что у нас в РуНете очень мало таких блогов.
    Милости прошу, заходите, комментируйте, оставляйте ссылки на свои посты.
    Кстати, за первый комментарий каждого ожидает замечательный подарок!

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

    • Вячеслав Балашов

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

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

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

    • Вячеслав Балашов

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

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

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

    • Вячеслав Балашов

      Рад вашему визиту, Светлана.
      Определенно хорошо, когда можно найти новых друзей на блогах схожей тематики 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. Спасибо, Вячеслав! Да, кнопка гугл+ действительно актуальная и нужная на сегодняшний день, так как это необходимо для “белого” СЕО, где поведенческим факторам уделяется особое внимание. А эта кнопка, конечно же привлекает дополнительный приток читателей.

  10. Андрей Бас

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

    • Вячеслав Балашов

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

  11. Данный пост реально помог мне принять очень важное для себя решение. За что автору отдельное спасибо. Жду от Вас новых постов!

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

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

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

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

    • Вячеслав Балашов

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

Добавить комментарий

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

http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/by.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/dn.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/bo.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/buba.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/eyes.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/drink.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/de.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/jokingly.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/bt.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/dt.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/cl.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/ca.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/bz.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/di.gif 
http://balashoff.ru/wp-content/plugins/wp-monalisa/icons/ab.gif 
 
ИНФОПРОДУКТЫ БЕСПЛАТНО

СКАЧАЙТЕ
FREE!

СКАЧАТЬ СЕЙЧАС!
close-link