Ставим кнопку +1 от гугла на сайт.

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

Я буду показывать как ее установить на свой сайт на примере бесплатного движка Fapos. В других системах данная установка может немногим отличаться.

Для начала надо авторизоваться на гугле под своим логином и паролем, далее заходим на страницу создания кнопки вот сюда

Здесь необходимо выбрать какой будет размер кнопки. Лично я выбрал маленькую так как буду размещать ее внизу в данных к статье. А вы выбирайте себе в зависимости от того где ее будете располагать.
Вы берете Русский язык.
Так же зайдите в расширенные настройки и отметьте галочкой пункт "Добавить счетчик". Это влияет на вывод счетчика количества кликов на кнопке рядом с кнопок.



В текстовом поле вы получите код который надо будет расположить на своем сайте.

итак, мы получили код кнопки и теперь нам ее надо прикрутить к нашему сайту созданному на базе CMS Fapos.

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

Итак продолжаем устанавливать кнопку гугла +1 на сайт. В качестве примера я выбираю модуль статей.
Следователь нам необходимо зайти в папку template -> папка с шаблоном установленным на вашем сайте -> html -> stat. В этой папке находим шаблон main.html Открываем его в редакторе или просто в блокноте и начинаем редактировать.
Возможно в папке шаблонов к конкретному модулю не будет данного шаблона, значит необходимо отредактировать main.html из папки default.


Скопируем текст скрипта который расположен сразу под текстом:


он будет выглядеть приблизительно вот так:
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'ru'}
</script>
Данный код необходимо, как и написанно, вставить между тегами head, можно даже непосредственно перед закрывающим тегом.
Сохраняем шаблон main.html для статей и загружаем его обратно на сервер.

Следующим этапом нам надо отредактировать шаблон vievmat.html. Именно этот шаблон отвечает за вид материалов и формат их вывода.

Я решил что буду располагать кнопку внизу страницы в строке мета информации к статье. Следовательно и второй код кнопки мне надо загрузить куда то туда же.

Копируем второй код кнопки, который идет после текста:


выглядит он приблизительно вот так:
<g:plusone size="small"></g:plusone>
И вставляем его там где вам нужно. В моем случае он вставлен вот блоке
<div class="meta"></div>
Сразу после открывающего див. перед всей остальной информацией.

Сохраняем шаблон и загружаем его на сервер. 

Вот собственно и все, кнопка подключена к сайту.

На всех остальных модулях можно проделать точно такую же процедуру. 



Категория: 

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