Бейджик для сайта от Google Plus

Что-то невероятное творится на просторах интернета, в области Google в частности. Они каждый день вводят что-то новое, что с одной стороны вроде упрощает нам жизнь, с другой делает ее более сложной.

Вот и сегодня, только я написал пост о страницах G+ для сайта, как на мой ящик (кстати, я сейчас работаю в gmail ;)) пришло сообщение о том, что стали доступны бейджики для сайтов. Бейджик — это значок, своего рода панель с информацией о вашей странице в G+ (если ее нет, тогда создайте), в которой пользователь может добавить +1, а также закруглить страницу, не заходя в сам g+.

Бейджик для сайта от Google Plus

Суть проста: мы устанавливаем этот блок на свой сайт, таким образом предлагаем посетителям присоединиться к странице сайта в g+, а также добавить +1, а эта страница в свою очередь рекламирует посты с нашего сайта, которые мы туда анонсируем. Чем более известна становится страница, тем больше шансов, что ее заметят в поисках гугла. Вроде выгодно, давайте поставим ;).

Установить сие чуда довольно легко. Идем по этой ссылке. В первом же поле вводим URL адрес страницы, а точнее ее цифирное окончание. Например, страница pervushin.com в g+ находится здесь: https://plus.google.com/113520800621818993397/ (присоединяйтесь!), вот в то самое поле нам необходимо вставить 113520800621818993397.

Добавляем адрес страницы Google+

Ниже в выпадающем списке выбираем свой родной язык, я выбрал «Русский».

Выбор языка для блока Google+

Еще ниже две дополнительные опции. Первая — это асинхронный код загрузки, т.е. значок будет подгружаться в фоновом режиме. Вторая — это код разметки HTML5.

Я включил обе опции. Благодаря первой опции общая загрузка страницы не будет задерживаться этим блоком, а вторая опция позволит вставлять его в любое место по мимо самого сайта, например в рассылку или даже посты.

Дополнительные настройки бейджика GPlus

Переходим к коду. Их два. Первый копируем и вставляем между тегом <head></head>. Эти теги в wordpress обычно находятся в header.php вашего шаблона. Второй копируем и вставляем в любое желаемое место вашего шаблона.

Вот такой код выдал мне g+ для страницы моего блога:

<!-- Place this tag in the <head> of your document--><link href="https://plus.google.com/113520800621818993397" rel="publisher" /><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>
<!-- Place this tag where you want the badge to render--><div data-href="https://plus.google.com/113520800621818993397" data-size="badge"></div>

А вот так будет выглядеть блок на сайтах (кстати, спасибо за добавленный +1 и добавление в круги ;)):

А это бейдж хорошо известной вам социальной сети для вебмастеров PostPR (тоже спасибо за +1 и, конечно, присоединяйтесь):

Удачи Вам друзья и побольше «круглоидов» на страница Google+ ваших сайтов!

Комментарии

19 на запись "Бейджик для сайта от Google Plus"
  1. Tony says:

    так чето я не понял где у тебя эта штука стоит? справа сверху? или где? а на постпр где?

    и конечно спасибо за новость !

    • Snapshot says:

      На блоге не ставил пока, просто не нашел подходящего места. На postpr на всех страницах сайта поставил под верхним меню. Тоже, то отображается, то нет. Видимо работают над ним еще.

  2. Аноним says:

    Тоже не вижу у Вас виджета. Покажите «товар» живьём! Блин, если хорошая вещь, то придётся весь шаблон перекраивать, а то изначально закладывыал место только для контакта и фейсбука…

    • Snapshot says:

      Живьем он есть в самом посте. А вот с общим дизайном пока тяжело, маловато у этого бейджика возможностей для подгона под определенный дизайн. В общем я пока в поисках, куда его приткнуть 🙂

  3. Tettie says:

    Два вопроса:
    1. Это только для страниц или и для персональных акков G+ тоже (типа как на Фейсбуке)?
    2. Где у тебя этот бейджик? В конце поста не видно ни его, ни бейджика PostPR.

  4. Аноним says:

    Надо испытать сие чудо! Спасибо за интересный материал…

  5. Snapshot says:

    Ага, уже понял. Я вижу его в хроме, а в других браузерах нет :(. Пост обновил, там скриншот есть.

  6. Snapshot says:

    @70781315dc8c357d7d97357fd50fb377:disqus , @pro_manager1:disqus , @420d696a0b558633d7d0fe15d67990bd:disqus , @4esnok:disqus ,
    Сегодня зашел глянуть, есть ли изменения в коде — так его вообще убрали, просто превьюшка этого бейджа отображается, а код не дают. Видимо узрели, что косяк у них. Скоро поправят. 
    Но у меня в хроме все также отлично отображается и работает, а в других браузерах нет.

  7. Аноним says:

    интересно…но чуть позже…еще не понял,а для чего это мне!!…все равно — вы,Первушин.как Михайло Ломоносов…все знаете,всех удивляете!!Удачи!!

  8. Аноним says:

    этот дискас тоже появляется… — столько всего…надо бы к вам,господин Первушин в первый клас записаться!!

  9. Сергей says:

    Спасибо за статью, сомневаюсь, что это сильно поднимет мой сайт, но попробую.

  10. Попробовать стоит. Поставьте и понаблюдайте несколько дней, или даже пост об этом напишите и попросите поддержать.
    За поисковики не переживайте. Для них если и существует какая задержка, то очень не значительная.

  11. Пока никак и это проблема. Потому я в блоге его и не ставлю, по размерам не подходит.

Спасибо, что оставили свой комментарий

banner