Недавно один из наших пользователей интересовался, как добавить бейж «Добавить в круги» от Google+ на свой WordPress сайт. В этой статье мы покажем вам как это сделать максимально простым способом.
Примерная картинка того, как выглядят эти самые бейджи от Google+:
![googleplusbadges[1]](https://wpincode.com/wp-content/uploads/2013/10/googleplusbadges1.gif)
Прежде, чем мы начнем, необходимо уяснить, что это работает только для страниц Google+, но не профилей. Пример страницы Google+. Пример профиля Google+.
Первое, что необходимо сделать, это вставить следующий код в раздел <head> вашего сайта, который можно изменить, отредактировав файл header.php вашей темы.
<link href="https://plus.google.com/{plusPageID}" rel="publisher" /><script type="text/javascript">
(function()
{var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();</script>
Не забудьте изменить {plusPageID} на ваш ID страницы Google+. Ваш ID страницы — это 24-значная строка в конце ссылки. Например, если ссылка на вашу страницу выглядит так: https://plus.google.com/112690395195930138448/, то цифры, выделенные жирным — и есть ваш ID страницы.
После того, как вы добавили код в хидер, нужно поместить следующий сниппет в любое место, куда вы хотите вывести виджет бейж «Добавить в круги Google+». Большинство пользователей предпочитают выводить его в сайдбаре, т.е. вам нужно либо отредактировать файл sidebar.php, либо вставить код в виджет в административной панели.
<g:plus href="https://plus.google.com/{plusPageID}" size="badge"></g:plus>
Для бейджей маленького размера нужно использовать следующий код:
<g:plus href="https://plus.google.com/101634180904808003404" size="smallbadge"></g:plus>
Надеемся, что статья помогла вам. Если так, то вы можете добавить WpinCode в свои круги.
