Добавление кнопки Google +1 к себе на блог, добавление блока из кнопок «Мне нравится» и кнопки Google +1 на блог.

Приветствую читателей блога! Тем, кто ещё не успел добавить кнопку от Google +1 к себе на блог, рекомендую прочитать эту краткую инструкцию! 🙂 Думаю, что уже многие наслышаны об этой кнопке. Как и другие кнопки из серии «Мне нравится» кнопка «+1» несёт определённую пользу в развитии проекта.

Как добавить кнопку Google +1 к себе на блог

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

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

Переходим на страницу кнопки Google +1 и визуально подбираем вид кнопки: настраиваем размер кнопки и язык. В расширенных настройках можно убрать счётчик для кнопки, задать определённый URL адрес или сделать некоторые манипуляции с JavaScript.

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

После настройки кнопки копируем готовый код, верхний вставляем между тегами <head></head> или перед </body>, вторую часть кода размещаем в том месте, где хотим выводить кнопку.

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

Добавление блока из кнопок «Мне нравится» и кнопки «Google +1» на блог

Недавно я писал как организовать блок из кнопок “Мне нравится” на блоге, поэтому можете воспользоваться этой инструкцией и добавить вместе с остальными кнопками кнопку Google +1. Вообщем, я так и сделал и поэтому новый код для блока:

Код блока:

[css autolinks=»false» collapse=»false» firstline=»1″ gutter=»true» htmlscript=»false» light=»false» padlinenumbers=»false» smarttabs=»true» tabsize=»4″ toolbar=»true»]
<div class="addsoz">
<noindex>Понравился пост? >>
<br />
<br />
<table>
<tbody>
<tr>
<td><iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;amp;layout=button_count&amp;amp;show_faces=false&amp;amp;width=140
&amp;amp;
action=like&amp;amp;colorscheme=light&amp;amp; height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:140px; height:21px;" allowTransparency="true"></iframe></td>
<td><div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script></td>
<td><a target="_blank" class="mrc__plugin_like_button" href="http://connect.mail.ru/share" data-mrc-config="{‘type’ : ‘button’, ‘width’ : ‘120’}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script></td>
<td><a class="odkl-klass-stat" href="" onclick="ODKL.Share(this);return false;" ><span>0</span></a></td>
</tr>
</tbody>
</table>
<br />
<g:plusone></g:plusone>
</noindex>
</div>
[/css]

Структура блока:

[css autolinks=»false» collapse=»false» firstline=»1″ gutter=»true» htmlscript=»false» light=»false» padlinenumbers=»false» smarttabs=»true» tabsize=»4″ toolbar=»true»]
<table>
<tbody>
<tr>
<td>Кнопка "Мне нравится" от Facebook</td>
<td>Кнопка "Мне нравится" от ВКонтакте</td>
<td>Кнопка "Нравится" от Mail.Ru</td>
<td>Кнопка "Класс!" от Одноклассники</td>
</tr>
</tbody>
</table>
Кнопка "+1" от Google
[/css]

Стиль блока:

[css autolinks=»false» collapse=»false» firstline=»1″ gutter=»true» htmlscript=»false» light=»false» padlinenumbers=»false» smarttabs=»true» tabsize=»4″ toolbar=»true»]
div.addsoz {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
font-size:12px;
font-weight:bold;
margin:7px 7px 7px 0;
padding:5px;
text-align: center;
vertical-align:top;
width:554px;
color:#89B63E;
}
[/css]

Новый вид блока:

Новый вид блока кнопок "Мне нравится" и "+1"

Не забудьте, что для каждой кнопки нужно добавить определённый код между тегами <head></head>. Код, который предоставлен выше только для вставки в определённое место, где должен выводиться блок.

Как отдельно добавлять каждую кнопку: Одноклассники, ВКонтакте, Facebook

В процессе работы с кнопкой Google +1 могут возникнуть такие вопросы: как влияет кнопка Google +1 на ранжирование сайтов в выдаче, как кнопка влияет на трафик, вопросы настройки и отображения кнопки. Для того чтобы найти ответы на эти и другие вопросы, рекомендую обратиться в FAQ раздел.