Спонсор поста: Межкомнатные двери в Киеве от известных украинских производителей.
Сегодня на электронную почту пришло уведомление о том что стал доступен код позволяющий включить на своих сайтах кнопку +1 от Google (Google +1 button).
На видео вкратце описывается для чего эта кнопка нужна. И хотя видео ролик достаточно старый (подготовлен он еще в марте) и не совсем отражает текущую основную концепцию этой кнопки, все же представленная информация достаточна для того чтобы понять для чего это нужно.
На самом деле кнопка +1 аналогична кнопкам «Like» или «Мне Нравится» социальных сетей ВКонтакте или Facebook. И по сути можно было бы даже не обращать внимания на ее появление если бы только не одно «НО» — собственная социальная сеть Google, которая вскоре должна появиться и, самое главное, та фраза которая проскакивает в видео:
«При следующем поиске в Google вы увидите рекомендованные вам друзьями и знакомыми с помощью кнопки +1 ресурсы в результатах поиска и в колонках рекламы»
А вот это уже вкусно! — Ведь абстрактные Лайки увидят только пользователи соц сетей, а +1 по сути скажется на выдаче по крайней мере вашего круга общения по той информации которую собирает Google.
Берем пациента на установку и тест
Один из последних проектов — sudakintour.in.ua выступит у нас подопытным кроликом для установки кнопки +1. Что нам предлагается на страничке установки кнопки:

Экран настройки вида кнопки +1 и получения кода для вставки на свой сайт
Как видим, доступно 4 варианта кнопки +1, возможность выбора языка (ниже видим примечание «Рекомендации +1 в настоящее время доступны только на английском языке (США) в домене Google.com.»). То есть язык на русский пока менять не будем. И внизу видим окно с двумя частями кода для вставки. Одна часть, предпочтительно, в head, вторая — в то место где будет кнопка.
Берем первую часть — конструкцию подключения Ява скрипта API Google:
<!— Разместите этот тег в теге head или непосредственно перед закрывающим тегом body —><script type=»text/javascript» src=»http://apis.google.com/js/plusone.js»></script>
И вставляем ее в файлик макета хеадера текущего темплейта для CMS сайта (в нашем случае Joomla). Для моего шаблона я нашел <head>…</head> — хеадер макета в файлике index.php папки /templates/шаблон/
Берем вторую часть — конструкцию вставляющую кнопку +1 в страничку в конкретное место:
<!— Разместите этот тег в том месте, где должна отображаться кнопка +1 —>
<g:plusone></g:plusone>
Я решил вставить эту кнопку только на странички со статьями (материалами) и не вставлять на странички категорий, главную и т.п. Для этого нашел в шаблоне файлик макета странички (материала) — в моем случае это было:
/templates/шаблон/html/com_content/article
И перед заголовком страницы который у меня идет в теге H2 вставил требуемый код. Получилась вот такая конструкция:
<div style=»text-align: right;»><g:plusone></g:plusone></div>
<div><h2>
<?php if ($this->params->get(‘link_titles’) && $this->article->readmore_link != ») : ?>
<a href=»<?php echo $this->article->readmore_link; ?>»> <?php echo $this->escape($this->article->title); ?></a>
<?php else : echo $this->escape($this->article->title); endif; ?>
</h2></div>
И вот результат:

Установленная кнопка +1 Google в макете странички сайт
Как вариант для того или иного проекта можно поиграться и вставлять кнопку +1 в любое место не забывая так любимые теперь поисковиками Поисковые Факторы ну и, естественно, в целом юзабилити и дизайн сайта.
Посты по теме:
- Кнопка «поделиться» Третья часть всех переходов по ссылкам происходит с помощью кнопки...
- Google Chrome 17.0.942.0 доступен широкой аудитории Разработчики Google со времени создания своего собственного браузера Google Chrome...
- Размышления — Google, PageRank, GoGetLinks На одном из сайтов только что увидел и мысли снова...
- Google Chrome – 14 версия. Native Client, Web-audio API 17 сентября Google представил всем новую версию всем известного браузера...
Запись опубликована в категориях: