Июнь
1
2011

Добавить кнопку Google +1 на сайт

Добавить кнопку Google +1 на сайт

Компания запустила кнопку «+1» для сторонних сайтов. Ранее эта кнопка была только в результатах поиска на google.com. Кнопка позволяет одобрять страницы в поиске, таким образом для ваших друзей, пользующихся гуглом, эта страница будет выше в выдаче.

Теперь кнопку можно нажимать не только в результатах поиска, но и на сайтах, которые ее установили. Как установить кнопку +1 на сайт я сейчас покажу.

Вы будете видеть только голоса своих контактов:

http://www.google.com/contacts

Как вставить на свой сайт

Получить код кнопки можно на специальной странице. Там же можно настроить внешний вид.

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

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'ru'}
</script>

Параметр lang влияет на язык.

Вторую часть кода необходимо вставить в то место, где должна быть кнопка

<g:plusone size="medium" href="url" callback="function"></g:plusone>

У этого кусочка кода есть необязательные параметры:

Size

Размер кнопки. Может быть:

  • small — 15 пикселей
  • medium — 20 пикселей
  • tall — 60 пикселей

Если параметра нет, то берется стандартное значение 24 пикселя.

Href

Адресс страницы, которая получит +1.

Если не задано, то используется rel=»canonical».

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

Callback

Вызвать указанную функцию function при нажатии.

Отслеживание голосов

Если у вас установлен код Google Analytics, то добавляем на страницу такой скрипт.

<script type="text/javascript">
function plusone_vote( obj ) {
_gaq.push(['_trackEvent','plusone',obj.state]);
}
</script>

При этом в параметрах кнопки должен быть код callback=»plusone_vote». Каждое нажатие на кнопку вызывает событие, добавляющее в отчет состояние кнопки: on или off.

Сейчас посмотреть отчеты в Google Analytics нельзя, но скоро будет возможность узнать:

  • Географические данные посетителей
  • Демографические данные посетителей
  • URL плюсованых страниц
  • Влияние на поисковую выдачу

Начинайте собирать данные уже сейчас.

Как это выглядит

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

А на моем блоге это выглядит так

Спешите добавить и на свой сайт.

Неправильная раскладка: lj,fdbnm ryjgre пщщпду +1 yf cfqn

Понравилась статья? Посоветуйте друзьям!

Analytics Google JavaScript SEO


Понравилась статья? Подпишись на рассылку по E-Mail или в RSS.
  • proff095
    Кто делал интернет магазин. Ставил ли он на свои проекты онлайн консультанта. Все сейчас советуют. Они очень доступные, удобные и клиенту легко связаться. Я выбрал RedHelper. Жду ваших ответов.