Добавляем кнопку Google +1 на WordPress

Опубликовано: 01.09.2018

видео Добавляем кнопку Google +1 на WordPress

Настройка цели на кнопку в гугл аналитикс

Относительно недавно 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 ":

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

//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>

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

Источник:  
rss