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

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

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

Если у этого посетителя есть свой аккаунт в социальной сети Google +, то ссылка на вашу статью после нажатия на кнопку Гугл Плюс появиться на его странице в социальной сети.

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

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

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

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

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

Польза для вашего сайта от установки этой кнопки будет в любом случае.

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

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

Можете поменять размер кнопки, если вас не устраивает стандартный размер кнопки Гугл Плюс Один.

google +

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

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

google +

Внимание! Перед изменением файлов темы необходимо сделать их копии, чтобы в случае каких-либо неполадок у вас была возможность быстро восстановить соответствующий файл.

Для того, чтобы кнопка отображалась на вашем сайте войдите в «Админ-панель WordPress» => «Внешний вид» => «Редактор» => «Одна запись (single.php)». В файл «Одна запись (single.php)» нужно будет вставить скопированный код, в то место страницы, где должна будет отображаться кнопка Гугл + 1.

скачать яндекс браузер

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

google +

Вторую часть кода копируете со страницы сайта Гугл Плюс.

google +

Скопированный код можно установить в файл «Заголовок (header.php)» или в файл «Подвал (footer.php)» вашей темы.

Если вы будете помещать этот код в файл «Заголовок (header.php)», то для этого вам будет нужно войти в «Админ-панель WordPress» => «Внешний вид» => «Редактор» => «Заголовок (header.php)». Скопированный код необходимо будет вставить перед тегом </head>.

На примере я показываю, как установить скопированный код в файл «Подвал (footer.php)», для этого входите в «Админ-панель WordPress» => «Внешний вид» => «Редактор» => «Подвал (footer.php)».

В файле «Подвал (footer.php)» скопированный код необходимо вставить перед тегом </body> расположенным внизу этого файла. Далее нажимаете на кнопку «Обновить файл».

google +

После этого переходите на свой сайт и видите, что кнопка Google + установлена на ваш сайт.

google +

Если вам нужно, чтобы перед кнопкой Гугл Плюс был какой-нибудь текст, то для этого вам будет нужно в файл «Одна запись (single.php)», выше показано на третьем изображении, вставить другой код, вместо выделенного кода на втором изображении.

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

google plus

После установки такого кода нажимаете на кнопку «Обновить файл», а затем переходите на свой сайт и видите кнопку Google + с текстом перед ней.

google plus

Теперь у вас на сайте установлена кнопка Гугл Плюс Один без использования плагина.

браузер

Понравилась статья — нажмите на кнопки:

Подписаться на обновления блога

Нажимая на кнопку, я даю согласие на обработку персональных данных и принимаю политику конфиденциальности

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

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

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

  2. Вы мне очень помогли с установкой этой кнопки. Подобной инструкции я нигде не встретила — все пишут так, что многое подразумевается по умолчанию, а для чайников такой режим не подходит. Сделала все по вашей подробной инструкции с примерами, и у меня все получилось. Только кнопочка встала несколько ниже, чем я хотела (я копировала вас слепо, т.к. не знаю языка HTML, а структуры сайтов у нас, видимо, различается), но исправлять уже ничего не буду. Все равно не понимаю, куда я могла бы еще вставить эту первую часть кода, ничего не покалечив. Большое спасибо, у меня теперь есть кнопка, которую я очень хотела!

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

  3. Я тоже ставила такую кнопочку без плагина, я вообще против них.

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

  4. Конечно спорить не буду, но весь код размещается между body, можно даже весь в одном месте. При этом кнопка работает корректно.

    • Сейчас они немного обновили код для установки. Теперь его можно установить вместе с отображением аватара в файл Одна запись.

  5. Установил, теперь не могу убрать. Все удалил а кнопка не исчезла что делать? Как вам в личку написать?

  6. Я смотрю у Вас «Плюсо» стоит. А «тутториала» на сайте по установке Плюсо нет? А то у меня шаблон Eino вообще не знаю куда там код вставлять….

  7. Слишком сложный мануал на сайте гугл. Думал будут примеры.

    • Статья уже старая. Когда-то на моем сайте стояла такая кнопка. Сейчас Гугл Плюс находится в компании с другими кнопками социальных сетей.

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

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