Бейджик для сайта от Google Plus
Что-то невероятное творится на просторах интернета, в области Google в частности. Они каждый день вводят что-то новое, что с одной стороны вроде упрощает нам жизнь, с другой делает ее более сложной.
Вот и сегодня, только я написал пост о страницах G+ для сайта, как на мой ящик (кстати, я сейчас работаю в gmail ;)) пришло сообщение о том, что стали доступны бейджики для сайтов. Бейджик — это значок, своего рода панель с информацией о вашей странице в G+ (если ее нет, тогда создайте), в которой пользователь может добавить +1, а также закруглить страницу, не заходя в сам g+.
Суть проста: мы устанавливаем этот блок на свой сайт, таким образом предлагаем посетителям присоединиться к странице сайта в g+, а также добавить +1, а эта страница в свою очередь рекламирует посты с нашего сайта, которые мы туда анонсируем. Чем более известна становится страница, тем больше шансов, что ее заметят в поисках гугла. Вроде выгодно, давайте поставим ;).
Установить сие чуда довольно легко. Идем по этой ссылке. В первом же поле вводим URL адрес страницы, а точнее ее цифирное окончание. Например, страница pervushin.com в g+ находится здесь: https://plus.google.com/113520800621818993397/ (присоединяйтесь!), вот в то самое поле нам необходимо вставить 113520800621818993397.
Ниже в выпадающем списке выбираем свой родной язык, я выбрал «Русский».
Еще ниже две дополнительные опции. Первая — это асинхронный код загрузки, т.е. значок будет подгружаться в фоновом режиме. Вторая — это код разметки HTML5.
Я включил обе опции. Благодаря первой опции общая загрузка страницы не будет задерживаться этим блоком, а вторая опция позволит вставлять его в любое место по мимо самого сайта, например в рассылку или даже посты.
Переходим к коду. Их два. Первый копируем и вставляем между тегом <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+ ваших сайтов!
так чето я не понял где у тебя эта штука стоит? справа сверху? или где? а на постпр где?
и конечно спасибо за новость !
На блоге не ставил пока, просто не нашел подходящего места. На postpr на всех страницах сайта поставил под верхним меню. Тоже, то отображается, то нет. Видимо работают над ним еще.
Тоже не вижу у Вас виджета. Покажите «товар» живьём! Блин, если хорошая вещь, то придётся весь шаблон перекраивать, а то изначально закладывыал место только для контакта и фейсбука…
Живьем он есть в самом посте. А вот с общим дизайном пока тяжело, маловато у этого бейджика возможностей для подгона под определенный дизайн. В общем я пока в поисках, куда его приткнуть 🙂
Два вопроса:
1. Это только для страниц или и для персональных акков G+ тоже (типа как на Фейсбуке)?
2. Где у тебя этот бейджик? В конце поста не видно ни его, ни бейджика PostPR.
1. Пока только для страниц.
2. Какая-то проблема с его отображением, пост обновил.
Надо испытать сие чудо! Спасибо за интересный материал…
Ага, уже понял. Я вижу его в хроме, а в других браузерах нет :(. Пост обновил, там скриншот есть.
@70781315dc8c357d7d97357fd50fb377:disqus , @pro_manager1:disqus , @420d696a0b558633d7d0fe15d67990bd:disqus , @4esnok:disqus ,
Сегодня зашел глянуть, есть ли изменения в коде — так его вообще убрали, просто превьюшка этого бейджа отображается, а код не дают. Видимо узрели, что косяк у них. Скоро поправят.
Но у меня в хроме все также отлично отображается и работает, а в других браузерах нет.
Ну это ж Хром — детище Гугла 🙂
Кстати, вот тут в качестве развлечения тоже бейджик графический дают: http://mygoogleplus.de/id/
Ну это ж Хром — детище Гугла 🙂
Кстати, вот тут в качестве развлечения тоже бейджик графический дают: http://mygoogleplus.de/id/
Код есть, но толку нет — не отражаетя ни в Мозилле, ни Хроме
Только что проверил: мозила, хром, ИЕ — отображают корректно.
интересно…но чуть позже…еще не понял,а для чего это мне!!…все равно — вы,Первушин.как Михайло Ломоносов…все знаете,всех удивляете!!Удачи!!
Спасибо 😉
этот дискас тоже появляется… — столько всего…надо бы к вам,господин Первушин в первый клас записаться!!
Спасибо за статью, сомневаюсь, что это сильно поднимет мой сайт, но попробую.
Попробовать стоит. Поставьте и понаблюдайте несколько дней, или даже пост об этом напишите и попросите поддержать.
За поисковики не переживайте. Для них если и существует какая задержка, то очень не значительная.
Пока никак и это проблема. Потому я в блоге его и не ставлю, по размерам не подходит.