Добавление кнопки Google +1

10.10.2011

Здравствуй уважаемый читатель блога LifeExample, ты наверное уже знаешь для чего предназначена кнопка Google +1 и хочешь установить ее себе на сайт? Нет!? Если ты еще не слышал об этой замечательной вещи, тогда, я в кратце объясню для чего нужна эта кнопка. Когда посетители твоего сайта нажимают на вот такую пиктограмму: то этим действием они показывают свою благосклонность и уважение к содержимому сайта. Количество пользователей, которые выразили свое доверие вашему сайту, показано в счетчике нажатий рядом с кнопкой. Новые посетители сайта, посмотрев на это количество, могут сделать свои выводы о том, стоит доверять этой информации или нет. Кроме того, что счетчик нажатий находится непосредственно у вас на страницах блога, так он еще и отображается при выводе ссылок релевантных страниц в поисковой системе Google. Ну разве это не аргумент для размещения такого функционала на своем сайте?

Закончим с лирикой, перейдем к процессу установки виджета от Google:

1. Первое, что необходимо сделать — это перейти на этот сервис и получить код.

2. Перешли? Замечательно, тогда вы непременно увидите интерфейс для генерации кода для вашей Google плюс.

Интерфейс генерации кода

Давайте быстренько пробежимся по предоставляемым параметрам. Сервис предлагает четыре варианта размера кнопки :

Маленький размер.
Средний размер.
Стандартный размер.
Большой размер.

Визуально оценить вид будущей google плюс можно в правой части интерфейса.

Расширенные настройки позволяют отключить показ счетчика нажатий, указать функцию Java Script, которую нужно будет выполнить после нажатия на кнопку, а также предоставляется возможность указать фиксированный адрес страницы, к которой будет присвоено нажатие на кнопку google плюс. Фиксированный адрес может быть полезным при размещении на одной странице нескольких кнопок, относящихся к разным статьям.

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

3. После того как вы установили все необходимые параметры и получили код, скопируйте первую часть кода :

1
2
3

И разместите у себя на сайте сразу перед закрывающим тегом </head>.

4. Затем скопируйте вторую чать полученного кода:

1	<g:plusone size="small" href="myURL"></g:plusone>

И вставьте ее в том месте на сайте где хотели бы видеть кнопку Google +1.
Если вы ведете блог на Worldpress, тогда обычно код виджета размещают в файле single.php после вывода текста статьи.

Вот собственно и весь план действий. Полезной информацией может быть таблица с размерами изображения пиктограмм, в которой приводится соотношение сторон по высоте и ширине виджета.

Таблица размера кнопок Google +1

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

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