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

Привет друзья! Сегодня мы поговорим о том, как установить на свой сайт (блог) кнопку +1 от Google.

Но сначала, немного предыстории. Зачем она вообще нужна и для чего же её нужно устанавливать? Что дает кнопка Google +1? Всё оказывается достаточно просто, например, Ваши друзья или просто посетители с поисковика зашли на Ваш сайт и им понравилась статья, которая находится у Вас на сайте, и они (посетители) полны энтузиазма отблагодарить Вас за нужную информацию и одновременно посоветовать Вашу статью своим знакомым, и вот на помощь приходи как раз кнопка Google +1.

Что же произойдет дальше? А теперь знакомые или друзья Ваших посетителей в поисковой выдаче Google сразу увидят, что за Вашу статью уже проголосовали их друзья и также зайдут к Вам в гости, а возможно и сами поставят +1 за статью, если она им понравится и они посчитают её полезной для себя. Например статью на тему светодиодные лампы цена которые дешевле чем в магазине с кнопкой G+.

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

Подходим к самому интересному, как же нам эту кнопку установить?

Первое, переходим по этой ссылке: Google +1

Затем, выбираем размер кнопки:

  1. Маленькая (15 px)
  2. Средняя (20 px)
  3. Стандартная (24 px)
  4. Большая (60 px)

Выбираем язык: русский

Теперь, нам нужно скопировать первую часть кода:

<!-- Разместите этот тег в теге head или непосредственно перед закрывающим тегом body -->

<script src="https://apis.google.com/js/plusone.js">

{lang: 'ru'}

</script>

и теперь разместить этот тег в теге head или перед закрывающим тегом </body>.

Для этого, заходим в админ панель нашего сайта, находим вкладку “Дизайн” и в ней выбираем “Редактор”.

Отлично, теперь нам нужно выбрать какой-нибудь шаблон из представленных справа, чтобы там присутствовал тег </body>. Я предлагаю выбрать шаблон футера:


В футере нам нужно найти наш закрывающий тег </body>, чтобы сделать это быстро и не пролистывать всё вручную, нажимаем сочетание клавиш Ctrl+F, чтобы появилось окошко быстрого поиска, и туда прописываем: </body>. И он тут же обнаруживается. Теперь вставляем тот кусок кода, который я показывал выше, НАД (это важно!) тегом </body>. И нажимаем на синюю кнопку: “Обновить файл”.

Теперь, берём вторую часть кода:

<!-- Разместите этот тег в том месте, где должна отображаться кнопка +1 -->

<g:plusone></g:plusone>

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

Надеюсь все справились с этим заданием. Жду Вас на своём блоге!