Авторизация:
Имя:

Пароль:

Поиск по сайту:

Поделиться:

Подписка на новости

Введите Ваш email:


Разделы:

рейтинг статьи: 5/5; голосов: 3; комментариев: 1

Главная > Создание сайта > Как добавить кнопку Google Plus (G ) на свой сайт

10.01.2017

Как добавить кнопку Google Plus (G+) на свой сайт

Добрый день дорогие читатели сайта. В прошлых статьях мы научились добавлять кнопки социальных сетей на сайт. Сегодня же рассмотрим, как добавить одну кнопку Google Plus на сайт, как настроить кнопку G+. Узнаем, насколько она важна для сайта. А может достаточно установить единый блок социальных кнопок? Обо всем об этом читайте в этом обзоре.

Стоит сразу напомнить, что кнопка Google (G+) Plus является официальной кнопкой социальной сети Гугл плюс, поэтому к установке ее на сайт нужно отнести с большим вниманием. Почему? Расскажу ниже.

как добавить кнопку Google +1 на сайте

Чем важна кнопка g+ на сайте

Как и любая кнопка социальной сети, кнопка Google+ помогает расшаривать материал сайта в социальных сетях. Но, в отличие от других социальных кнопок, она является официальной кнопкой поисковой системы Гугл. От сюда следуют несколько полезных особенностей:

  1. Если она была использована пользователем, то есть, он нажал на нее и поделился ссылкой в социальной сети, то Google понимает, что этот материал интересен посетителям и по своим алгоритмам считает, что нужно страницу с этим материалом нужно лучше ранжировать в своей поисковой выдаче. Как признается сам поисковик, он следит за отдачей от этой кнопки и на основании этого ранжирует страницу
  2. Расшаренная страница в социальной сети при помощи g+ быстрее индексируется Гуглом. Это проверенно многими опытами и наблюдениями
  3. Увеличение трафика. Пользователей социальной сети от Гугл насчитывается несколько миллионов. Вы представляете, какое количество людей могут увидеть ссылку на сайт?!

Исходя из этих соображений, стоит устанавливать отдельно кнопку Google Plus на сайте.

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

Первым делом переходим по адресу: https://developers.google.com/+/web/+1button/

страница настройки кнопки Гугл плюс (Google Plus

Здесь производим настройку кнопки Google +1

  1. Размер. В этом поле выбираем размер кнопочки. Она может быть маленькой (small), средней (medium), стандартной (выбрано по умолчанию) и большой (tall, хотя я разницы не заметил)
  2. Примечание. Здесь указываем, как мы хотим видеть подсказку на кнопки. На выбор есть встроенное, всплывающее и его отсутствие. Если выбрать нет в этой настройке, то кнопка G+ будет расположена одна, без счетчика и примечаний
  3. 1600 (Ширина). Я понятия не имею, почему этот пункт отображается как 1600, вместо того чтобы иметь название «Ширина». Может это трудности перевода на русский язык, не знаю. Этот пункт настройки кнопки Google +1 отвечает за ширину поля, в котором будет размещена кнопка, счетчик и примечание
  4. Язык. Язык информации, размещенный с кнопкой

Справой стороны пунктов настройки расположено окно (верхний красный квадрат) – это то, как будет выглядеть ваша кнопка на сайте. Благодаря нему можно проиграться настройками и визуально настроить G+ на свой вкус.

Рассмотрим расширенные настройки кнопки Google +1

расширенные настройки кнопки Google Plus

В расширенных настройках кнопки можно указать URL страницы для кнопочки Google Plus в соответствующем поле. Если это не сделать, то кнопка будет передавать адрес страницы, на которой она установлена, в противном случае – на конкретный адрес будет заточена кнопка G+.

В поле «Функция Java Script…» можно указать скрипт, который будет выполнять после выполнения плюсования страницы.

Остальные поля расширенных настроек мне не известны. В руководстве пользователя по добавления кнопки Google +1 они не описаны. Если вы знаете, за что они отвечают, то буду благодарен, если вы напишите про них в комментариях к этой статье.

Добавление кода кнопки Гугл +1 на сайт

Как и многие социальные сети, код кнопки от Гугл + имеет двойной код. То есть, он состоит из двух частей

код для добавления кнопки Google +1

Первую часть кода (верхнюю) устанавливаем в начале страницы, между тегами <head>…</head>.

Вторую часть кода устанавливаем в том месте страницы, где вы хотите видеть кнопку g+

 

Вывод

Сегодня мы научились настраивать и добавлять на сайт кнопку Google Plus (g+). Как видно, настройка и установка кнопки от Гугл сильно ничем не отличается от установки кнопок других социальных сетей. Единственным недочетом, с моей точки зрения, это отсутствие адекватной документации к настройкам этой кнопки. Не адаптированный дизайн страницы настройки G+ (на моем компьютере не помещалось поле с кодом, при уменьшении размера экрана исчезали некоторые пункты настройки Google +1). Но все это технические трудности, спишем на новый, сырой дизайн, который недавно выкатил Google.

Но мое мнение, по поводу установок отдельных кнопок для каждой социальной сети, неизменно. Я задам вам вопрос: «Зачем устанавливать кучу кодов от разных кнопок, засоряя свой код страницы, если можно установить универсальный код блока социальных кнопок»? Свою точку зрения по этому вопросу пишите в комментариях ниже. Возможно, вы сможете переубедить меня.

Всем удачи!!!

 

Читайте также:


1043

Оцените статью:

1 2 3 4 5
рейтинг: 5/5; голосов: 3

Зарегистрируйтесьили войдите под своим именем чтобы оставить комментарий
eun
2017-02-08 06:39 #1

Поправьте: "Единственным недочетом, с моей точки зрения, это отсутствие". Солидарен с мнением, выраженным в статье, что устанавливать лучше блок социальных кнопок, нежели по отдельности. И в этом смысле share42, описанный в одной из статей на этом сайте - самое то (кстати 42 - это число вариантов кнопок, предлагаемых к установке этим сервисом).