Установка кнопки +1 от Google в Blogger

05.07.11

Раньше в сети (а может и сейчас тоже) пользователи часто выражали свои эмоции в стиле «это реально круто» краткой, но весьма емкой фразой «+1». Потом пошли всякие производные в стиле «+100500» и т.п., но суть от этого не изменилась. Ее то и взяли за основу новой фишки от Google — кнопки +1, которая располагается в результатах поиска Google. При этом вы также можете видеть кто из ваших друзей отметил ту или иную страницу, а также размещать кнопку на своем сайте. Именно об этом я сегодня расскажу, но для начала небольшое превью о самой идее «+1» как это видит гугл.

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

Таким образом, разработчики хотят улучшить качество поиска, выдавая не только результаты по каким-то техническим критериям и алгоритмам, но и учитывая рекомендации близких вам пользователей.

Сразу после появления этой фишки с кнопкой многие блоггеры захотели установить себе на сайт такую же. В принципе, уже достаточно много есть и статей о том как это сделать, кто-то уже даже поставил себе. Если я правильно понимаю, то есть глобальный код, который подходит для любого сайта, но в то же время разработчики Blogger преподнесли свой вариант (более простой).

Чтобы активировать кнопку +1 в блоге нужно сначала включить социальные кнопки Blogger о которых я раньше рассказывал (если вы этого еще не сделали). Для этого заходим в панель управления, выбираем закладку «Дизайн» — меню «Элементы страницы». Находите там блок «Сообщения блога» и нажимаете на ссылку «Изменить» дабы подредактировать параметры постов. Затем отмечаете галочку «Показать кнопки для публикации» (Show Share Buttons).

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

Владельцам нестандартных измененных шаблонов, как всегда, придется немного для установки кнопки +1 попотеть. Если после включения опции в настройках кнопка +1 не появилась, то нужно кое-что сделать.

Во-первых, зайдите в HTML шаблон, отметьте галочку «раширить шаблоны виджета» и найдите код </head>. Сразу перед ним добавьте строку:

<script src='https://apis.google.com/js/plusone.js'/>

Сохраняем, смотрим что получилось. Если опять результат нулевой, то некоторые пользователи советуют найти блок кода этих кнопок, начинается с:

<b:includable id='shareButtons' var='post'>

и заканчивается:

</b:includable>

После этого вместо них и того что между ними добавляем новый код:

<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a></b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</b:includable>

Это, по сути, то же самое, что должен вставить Blogger после включения кнопок (возможно для каких-то шаблонов он этого не может сделать). У меня лично нестандартный шаблон и мне хватило первой части хака — добавления script в head.

05.07.11

Категории: Blogger.com (Blogspot).

Теги: google, блоггерам, возможности и функции Blogspot, секреты и примеры кода Blogspot, социальная сеть google+

← Ликбез по интернет-терминам: PPC, CPA, EPC, CTR, CPM и т.п.

Easy Buy & Easy Sell – аукцион Web 2.0 в Facebook →

Добавить комментарий