Как добавить виджет Google Plus на свой сайт?

Всем зимний привет! Сегодня я вам покажу два способа создания бейджа (виджета) своей страницы или сообщества в сервисе Google+ для сайта или блога. Поехали!
Обновление от 12.04.2019: друзья, кто следит за блогом, тот уже в курсе что социальная сеть Google+ будет закрыта. Точнее прямо сейчас любые интеграции уже не возможны, так что данная заметка будет полезна лишь нашим предкам, чтобы видели что была и такая соцсеть. Так что можете время далее не терять.

1. Создаем виджет через конструктор (для любого сайта)

Для начала нужно зайти на страницу: https://developers.google.com/+/web/badge/. Собственно это и есть конструктор виджета (бейджа) для страницы/сообщества в Google+.

Самой первой надстройкой будет выбор профиля/страницы/сообщества для которой создается бейдж (1).  Следующие пункты предназначены для кастомизации внешнего вида виджета: какой вариант вида отображения значка (2); какая будет ориентация - вертикальная или горизонтальна, а  также ширина виджета (3); выбор цветовой схемы (4).

Остается выбрать отображать обложку или нет (5), показывать описание или не показывать (6), а также выбрать язык бейджа (7).

После всех настроек вам останется скопировать код. Он будет примерно таким:

<!-- Вставьте этот тег в заголовке страницы или непосредственно перед закрывающим тегом основной части. -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'ru', parsetags: 'explicit'}
</script>
<!-- Поместите этот тег туда, где должна отображаться виджет. -->
<div class="g-page" data-width="273" data-href="//plus.google.com/u/0/108535419717183244374" data-rel="publisher"></div>
<!-- Вставьте запрос на отображение, где необходимо. -->
<script type="text/javascript">gapi.page.go();</script>

Всё, разместили где нужно код и  наш виджет готов!

2. Установить через раздел "Дизайн" на Blogspot.com

Заходим в панель управление, выбираем нужный блог и заходим пункт Дизайн. Ищем там такие слова Добавить гаджет, кликаем по ним и ищем такой виджет:

Нам открываться страница с настройкой гаджета. Настройки, практически ничем, не отличаются от тех, которые есть в первом способе (через конструктор).

А..Нет, есть одно отличие: вам только нужно выбрать для чего предназначен виджет (пункт Тип значка) и вставить идентификатор страницы, например у меня это +IpetrenkoRu. 

Когда всё настроили - нажмите на кнопку  Сохранить  и виджет готов.

В конце записи - супер ролик про крутой самолет ;)


На этом всё - свои вопросы - пишите в комментарии. До новых встреч ;)