День когда стала доступна кнопка +1 от Google


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

Сегодня на электронную почту пришло уведомление о том что стал доступен код позволяющий включить на своих сайтах кнопку +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 в любое место не забывая так любимые теперь поисковиками Поисковые Факторы ну и, естественно, в целом юзабилити и дизайн сайта.

Посты по теме:

  1. Кнопка «поделиться» Третья часть всех переходов по ссылкам происходит с помощью кнопки...
  2. Google Chrome 17.0.942.0 доступен широкой аудитории Разработчики Google со времени создания своего собственного браузера Google Chrome...
  3. Размышления — Google, PageRank, GoGetLinks На одном из сайтов только что увидел и мысли снова...
  4. Google Chrome – 14 версия. Native Client, Web-audio API 17 сентября Google представил всем новую версию всем известного браузера...
Лучшая система размещения статей Заработай и продвигайся с GoGetLinks Вы можете оставить коммент, или бэк с вашего сайта.
Powered by Ted!