Full width Top advertisement

Шаблоны для блога

Советы, лайфхаки

Post Page Advertisement [Top]

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

Как добавить виджет 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

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

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

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

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

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

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


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

1 комментарий:

  1. Thanks for sharing, nice post! Post really provice useful information!

    Hương Lâm với website huonglam.vn hay còn gọi là công ty Hương Lâm chuyên bán buôn máy photocopy tại web huonglam.vn uy tín hàng đầu huong lam với website cung cấp máy photo cho mọi nhà.

    ОтветитьУдалить

Bottom Ad [Post Page]