Всем привет! Всем известная Google уже давно запустила свою социальную сеть и, естественно, создала и анонсировала свою кнопку Google +1. Данная кнопка так же, как и Like от Facebook или Нравиться от ВКонтакте (теперь VK) добавляет на страницу зарегистрированного пользователя ссылочку с постом.

Настройка и установка кнопки Google +1 на сайт

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

Регистрация в Google+ и особенности данной сети

Для начала, если вы не имеете аккаунта Google, надо пройти регистрацию, так как доступ к сети Google+ как раз происходит через аккаунт Google. Первым делом заходим на сайт поисковика и находим в верхней панели кнопку Вы+. Далее, посмотрев главную страницу социальной сети Google+, нажмите Создать.

Регистрация в социальной сети Google+

На следующей странице от вас попросят ввести некоторые данные — Имя и Фамилию, Имя пользователя в сети Google (имя@gmail.ru), Пароль доступа к учетной записи и его Подтверждение, Дату рождения, Пол, номер Мобильного телефона (если есть или желаете ввести), далее Дополнительный адрес почты — на случай, если забудете пароль (так и с номером мобильного телефона), затем вводим код на картинке, соглашаемся со всеми условиями и жмем Далее.

Создание учетной записи в Google

После вам предложат загрузить изображение к вашему профилю. Жмем Далее, читаем Поздравительное сообщение и Переходим к сервису Google+.

Поздравляю! У вас теперь есть своя учетная запись в Google, которая будет универсальной и с помощью нее можно подключаться не только к Google+, но также к электронному ящику и сервисам, типа Webmaster, Analytics. А теперь немного поговорим о сети Google+ и настроим свой профиль.

Данная социальная сеть не так распространена в России, как ВКонтакте (VK), но она имеет свои отличительные особенности, в частности Круг друзей (по принципу чем-то схоже с кругами Эйлера) и видео разговоры (хотя VK уже встроила такую функцию, но Google+ была первой). А в остальном все так же, как и в других социальных сетях — добавляете свои фото, видео, ссылки на интересные страницы, играйте в игры. Можно указать ваше местоположение на карте Google Maps.

Редактирование профиля в сети Google+

Теперь настроим свой профиль — нажмите на панели рядом с поиском кнопку Профиль. На появившейся странице загрузите вашу фотографию (если не сделали это на первом шаге), В двух словах расскажите о себе, укажите Местоположение, Место работы и Образование — все они имеют настройки приватности — можете указать кому будут доступны ваши данные. Ну и в конце можно создать свои личный альбом.

Настройка и получение кода кнопки +1 от Google

Пройдя регистрацию и настройку профиля в социальной сети Google+, можно приступить к получению кода кнопки, которую в дальнейшем установим на сайт. Для этого перейдите на страницу получения кнопки +1 и приступим к ее настройке. Есть предварительный просмотр кнопки, изменения его размеров и сам сгенерированный код кнопки. Приступим к настройке — для начала выберите размер (маленькая, стандартная, средняя и большая), затем вид счетчика (annotation) — всплывающий, встроенный или его отсутствие. Язык по умолчанию стоит английский, по этому меняем его на Русский.

Настройка кнопки Google +1

В расширенных настройках указываем представление кода (асинхронный — кнопка грузится в фоновом режиме), синтаксис HTML5 используется если ваш сайт построен на языке HTML 5 версии. При каждом изменении настроек кнопки, меняется ее код, так что при использовании асинхронного кода кнопка будет устанавливаться другим способом, по сравнению со стандартным кодом.

Установка кода кнопки +1 от Google на WordPress

После всех настроек и манипуляцией с кнопкой Google +1 приступим к установке ее на блог. Для начала установим простой код кнопки (не асинхронный) — первым делом зайдите в Редактор, который находится в меню Внешний вид на панели администратора. Далее найдите файл header.php (Заголовок) и откройте его. Далее установите первый участок кода в таком виде:

<?php wp_head(); ?>
<!-- Вставьте этот тег в заголовок или непосредственно перед закрывающим тегом . -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'ru'}
</script>
</head>

Вторая строка — комментарий для участка кода, который можно изменить или удалить по желанию (на работу кнопки это никак не повлияет).
Теперь установим код для показа кнопки — также открываем Реактор, но уже будем редактировать файл single.php (Одна запись). Установим кнопку стразу после записи:

</div>
<!-- Поместите этот тег туда, где должна отображаться кнопка +1. -->
<g:plusone size="medium"></g:plusone>
</div>
<?php comments_template(); ?>

В данном случае, вторая строка тоже является комментарием. Теперь кнопка будет отображена в конце поста в том виде, который вы выбрали.

Приступим установку кнопки с асинхронным кодом. Для этого нам потребуется лишь изменить файл single.php — копируем весь код в нужное место (в конец поста):

</div>
<!-- Поместите этот тег туда, где должна отображаться кнопка +1. -->
<g:plusone size="medium"></g:plusone>
<!-- Поместите этот вызов функции отображения в соответствующее место. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'ru'};
  (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>
</div>
<?php comments_template(); ?>

Все, кнопка установлена на ваш блог. Больше не требуется никаких манипуляций. Можете полностью посмотреть сеть Google+, там можно найти много знаменитостей в сфере кино, спорта, музыки и т.д. Плюсом ко всему этому вы получите почтовый ящик Gmail и возможность установить пользовательский поиск Google на свой сайт.

Комментариев: 6

  1. West Blogger

    Да кстати этот момент надо учитывать, все таки излишняя перегрузка страницы может пагубно сказаться на ранжировании в Гуоогле

  2. Ирина

    Я зарегистрировалась в сервисе GoogleAdsense, на нем предлагают установить эту кнопку на сайт. Попробую установить.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>