Добавляем кнопку Google +1 на WordPress
Опубликовано: 01.09.2018
Относительно недавно Google представила миру свою социальную кнопочку " +1 ", а спустя пару месяцев она получила логичное продолжение в виде завершенной открытой социальной сети Google Plus , которая пришла на рынок потягаться с таким монстром как Facebook . О том, что из себя представляет эта кнопка, и как ее встраивать на свой WordPress-сайт, поговорим в этом уроке.
Что за кнопка Google +1 ?
Новая кнопка призвана внести социальный аспект в процесс поиска информации. По своей сути она близка к кнопке " Like " от Facebook, но с уклоном в поиск. Со слов Google — это новый "крутой" способ подсказать своим друзьям, что именно эта ссылка в поисковой выдаче стоит внимания.
Самая простая установка кнопок Поделиться от Яндекса
Принцип работы кнопки достаточно прост : стоит вам нажать " +1 " на понравившейся странице или записи, и ваши друзья (из сети Google+), контакты и подписчики при запросе в поиске Google подобного материала увидят эту кнопку рядом со ссылкой в поисковой выдаче .
Как добавить кнопку Наверх на Wordpress-сайт?
Таким образом вы облегчаете поиск информации для своих друзей, если знаете, что они могут положиться на ваше мнение. Равно как и наоборот, увидев значок " +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 ":
Вот код для вставки в вашу тему для всех вариантов кнопки. Просто скопируйте кусок кода с нужным размером кнопки и вставьте в файл темы.
Если вы хотите отобразить только саму кнопку без счетчика , нужно добавить параметр 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>Надеюсь у вас не возникнет трудностей с этим уроком. Пользуйтесь кнопкой на здоровье.