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

вторник, 5 июля 2011 г.
Раньше в сети (а может и сейчас тоже) пользователи часто выражали свои эмоции в стиле "это реально круто" краткой, но весьма емкой фразой "+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.

P.S. Раскрутка сайта социальными методами и seo продвижение неизбежно должны дать положительный результат для сайта.
Сейчас лето и все страдают от жары, по сути, идеально время организовать строительство бассейна в загородном доме дабы можно было приятно и прохладно отдохнуть.
Перед тем как идти в биржи ссылок и статей нужно провести сео оптимизацию текстов и содержимого страниц сайта - проверить мета теги, перелинковку.

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails