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

Как добавить виджет Google Plus
Всем зимний привет! Сегодня я вам покажу два способа создания бейджа (виджета) своей страницы или сообщества в сервисе 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

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

Гаджет Гугл+ в Blogspot

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

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

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

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


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


Если вам понравиласть эта статья, то поделитесь ей с друзьями. Вам не сложно, а мне приятно ;)
Присоединяйтесь к 200+ блоггерам и получите полезный в подарок
    Blogger комменты
    Facebook комменты

0 коммент. :

Отправить комментарий