Относительно недавно Google представила миру свою социальную кнопочку "+1", а спустя пару месяцев она получила логичное продолжение в виде завершенной открытой социальной сети Google Plus, которая пришла на рынок потягаться с таким монстром как Facebook. О том, что из себя представляет эта кнопка, и как ее встраивать на свой WordPress-сайт, поговорим в этом уроке.

Что за кнопка Google +1 ?

Новая кнопка призвана внести социальный аспект в процесс поиска информации. По своей сути она близка к кнопке "Like" от Facebook, но с уклоном в поиск. Со слов Google — это новый "крутой" способ подсказать своим друзьям, что именно эта ссылка в поисковой выдаче стоит внимания.

Принцип работы кнопки достаточно прост: стоит вам нажать "+1" на понравившейся странице или записи, и ваши друзья (из сети Google+), контакты и подписчики при запросе в поиске Google подобного материала увидят эту кнопку рядом со ссылкой в поисковой выдаче.

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

Точно так же, как и "Like" от Facebook, Google +1 показывает информацию о тех, кто нажал на кнопку, и выводит фотографии профилей из контактов Gmail, сети Google Plus, Google Reader.

Зачем нужна кнопка Google +1 ?

Тут все просто. Ни для кого не секрет, что поисковая выдача для человека, вошедшего в учетную запись Google, и для того, кто не залогинен — будет отличаться. С появлением кнопки "+1" поисковая выдача будет отличаться еще более существенно с поправкой на ваши интересы и социальную активность в сети.

То есть повышается эффективность поиска. Чем это привлекательно для владельца блога? Очевидно, повышением узнаваемости и популярности ресурса в сети. Ведь каждый читатель, нажавший раз "+1" на понравившейся статье, автоматически поделится этим с другими, если те ищут подобную информацию. Эффект"сарафанного радио", только через призму поиска.

Таким образом повышается проникновение на ваш сайт и индексация в поисковых системах. Какой же блогер об этом не мечтает?

Как добавить кнопку Google +1 на WordPress-сайт?

Google добавила официальную страничку с информацией о кнопке, которую вы можете найти здесь.

Также вы можете посмотреть ролик о кнопке "+1".

Однако для пользователей WordPress есть некоторые нюансы, поэтому привожу подробную инструкцию, как добавить кнопку "+1" к себе на сайт.

Код

Откройте  файл footer.php от вашей текущей темы любым редактором кода и добавьте следующий код перед закрытием тега < body > :

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

Если вы используете тему без файла footer.php, то добавьте следующий код в файл functions.php:

function add_googleplusone() {
echo '<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>';
}
add_action('wp_footer', 'add_googleplusone');

После того, как вы добавите этот код JavaScript, откройте файл темы, куда вы хотите добавить саму кнопку "+1". Например, если вы хотите, чтобы кнопка была в каждой отдельной записи, нужно редактировать файл single.php.

Перед тем как редактировать файл, определитесь с размером кнопки. Вот наглядное сравнение возможных вариантов кнопки "+1":

Вот код для вставки в вашу тему для всех вариантов кнопки. Просто скопируйте кусок кода с нужным размером кнопки и вставьте в файл темы.

//Code to paste for the Tall Button
<g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone>

//Code to paste for the Standard button
<g:plusone href="<?php the_permalink(); ?>"></g:plusone>

//Code to paste for the Medium Button
<g:plusone size="medium" href="<?php the_permalink(); ?>"></g:plusone>

//Code to paste for the Small Button

<g:plusone size="small" href="<?php the_permalink(); ?>"></g:plusone>

Если вы хотите отобразить только саму кнопку без счетчика, нужно добавить параметр count="false" в коде, описанном выше. Вот пример кода вставки маленькой кнопки без счетчика:

<g:plusone size="small" count="false" href="<?php the_permalink(); ?>"></g:plusone>

Примечание: для самой большой кнопки этот фокус не пройдет, счетчик будет отображаться в любом случае.

Отслеживание кнопки через Google Analytics

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

<g:plusone size="tall" callback="plusone_vote"></g:plusone>

А затем нужно добавить еще вот этот кусок кода в файл footer.php сразу после скрипта, описанного в начале процедуры:

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
			function plusone_vote( obj ) {
				_gaq.push(['_trackEvent','plusone',obj.state]);
			}
</script>

Надеюсь у вас не возникнет трудностей с этим уроком. Пользуйтесь кнопкой на здоровье.

Источник: WPbeginner.com

Вам понравился материал?

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

4 комментария

сначала новые
по рейтингу сначала новые по хронологии
Владимир

Добрый день.
А вот как правильно интегрировать все кнопки. Как у Вас. Книгацил, твиттер,контакт и гуглплюс?
У меня стоит только фейсбук. Поставил гуглплюс - получается некрасиво. (
Вот страничка: http://alkatrion.com/?p=37349

Для этого нужно подгонять стили в style.css

Чайнику все равно не понятно. Я зарегистрирована в Google +1, а кнопку на свой сайт (он тоже на WP) никак не могу прикрутить. Здесь тоже информация, для тех, кто что-то соображает.У меня еще есть другие проблемы, не могу найти , кто бы мне помог. Хостинг только у меня не Ваш, а другой.

Кнопка часто тормозит загрузку сайта