Размещение кнопок социальных сетей на сайте. Google Pluse.

Сейчас многие владельцы сайтов начинают продвигать товары и услуги при помощи социальных сетей. Но с чего, же начать рекламу своего сайта в Google+, Twitter и Facebook? Безусловно, с размещения кнопки социальной сети у себя на сайте. И вот почему:

Обычно кнопку «Like» или «Я рекомендую» ставят пользователи, если им понравилась страница или сайт. Нельзя сдерживать, посетителя, нужно сделать эту процедуру как можно проще. Как только отметка сделана, все пользователи, социальной сети которые являются «друзьями» этого пользователя, или находятся в его кругах, получат информацию об этой странице.

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

Я постараюсь рассказать обо всех социальных сетях, которые описал выше. Сегодня мы поговорим о Google Pluse.

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

Если Вы хотите настроить дополнительные возможности кнопки G+ необходимо нажать на ссылку «Расширенные настройки». Тогда Вы получите возможность управлять методом загрузки скрипта кнопки и действиями, которые необходимо выполнить после того как пользователь нажмет на G+. Например Вы сможете вывести сообщение благодарности, после того как была нажата кнопка или переадресовать клиента на специальную страницу.

Для того чтоб javascript кода G+ и остальная часть страницы загружались параллельно в броузере пользователя, стоит использовать асинхронный режим. Этим вы сможете обеспечить для своего сайта более быструю загрузку.

Размещение кнопки на своем сайт выполняется в два этапа.
1. Код вида <div class="g-plusone" data-size="small" data-annotation="inline" data-width="300"></div> необходимо размещать в том месте где Вы хотите чтоб отображалась кнопка.
2. Вторую часть кода лучше всего размещать в конце страницы, перед закрытием тега </body>.
Код для асинхронной загрузки:
<script type="text/javascript">
window.___gcfg = {lang: 'ru'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
</script>

Код для обычной загрузки:
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Для wordpress первую часть кода вставляем в файл single.php а вторую в файл footer.php

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

Если возможностей мастера настройки кнопки не достаточно, кнопка поддерживает достаточно много пользовательских настроек. Например можно установить, выравнивание кнопки (align), отображение рекомендаций рядом с кнопкой(annotation ), управлять всплывающим окном отображаемым при наведении курсора мышки на кнопку (expandTo).

Как видите, размещение кнопки G+ это совершенно не сложный процесс, который по силам пользователям далеким от разработки сайтов.