Новинка от Google: 1!

Новинка от Google: +1!

В этом посте мы поговорим о новой кнопке от google +1: что она делает, нужна ли нам и о том как ее установить на сайт.

Установить на самом деле очень легко. Думаю Вы и без меня бы разобрались, но раз уж я влепил ее на свой блог, почему бы не поделиться тем, как я это сделал. Прежде чем приступим к установке давайте определимся: зачем нужна кнопка +1 и нужна ли она нам?

Googl3 plus

Действует она аналогично с кнопками социальных сетей и добавления в социальные закладки. Вы прочитали какой-то материал (например тот, который читаете сейчас :)), он Вам понравился и Вы решили поделиться этим материалом с друзьями. Не стесняйтесь, попробуйте прямо сейчас, кликните по кнопке, она справа по тексту. После того, как кликнули по плюсодин Ваши друзья по различным социалкам в выдаче гугла увидят Ваш favicon и подпись «Уже поделились этим», примерно вот так:

Googl3 plus

Важно: подобные вещи (подписи) видны лишь зарегистрированным в гугле пользователям и только если у Вас интегрированы аккаунты социалок. Например у меня в гугл добавлены facebook и twitter, потому мне в результатах видны рекомендации друзей из этих социальных сетей.

Добавить свои аккаунты в социалках можно на странице профиля, вот здесь.

Зачем нужна кнопка +1 разобрались, теперь давайте подумаем, а нужна ли она нам вообще? Мне кажется нужна, по крайней мере теоретически, как будет на деле время покажет.

Но в теории мне видится это так: пользователь набирает в google какой-либо запрос и Ваш сайт по этому запросу находится на второй, третьей, четвертой позиции. В большинстве случаев пользователь кликает на первую позицию, но в этот раз все не так, в этот раз он видит под одной из позиций (я уверен под Вашей!) ту самую подпись «Уже поделились этим» и видит знакомый favicon с именем, фавикон и имя его друга, родственника и т.д.. Как думаете, по какому результату он кликнет теперь?

Кроме того, все записи с которыми делится пользователь доступны из его профиля. Например, мои записи находятся здесь. А еще они публикуются с прямыми ссылками ;).

Ну что, установим?

Установка кнопки google +1 на wordpress

Плюсодин я устанавливал аналогично кнопке retweet. Итак, без лишних разговоров, сколько можно, они уже были выше :), идем сюда. Это страница кнопки Плюс Один. Там все на английском, исправим это, прокрутив страницу вниз и в выпадающем списке языков выбираем наш, русский:

Googl3 plus

Страница перезагрузится. Следующим шагом станет выбор размера кнопки и языка сайта на котором она будет размещена. Я ее разместил под кнопкой retweet и размер выбрал соответствующий, большую, 50х60 пикселей:

Googl3 plus

В таблице ниже можете посмотреть доступные размеры кнопки и подобрать необходимую Вам под дизайн сайта:

Googl3 plus

Есть на этой странице еще пункты, они открываются по клику по ссылке «Расширенные настройки»:

Googl3 plus

Здесь можно отключить счетчик кликов по кнопке, но только если Вы, как я, не воспользовались большой кнопкой, она без счетчика никуда.

Опция «Выполнять код» имеет выпадающий список, в котором две функции: «при загрузке» и «при явном вызове». «При загрузке» означает, что кнопка будет вызываться и загружаться вместе с отрисовкой HTML-кода страницы. А функция «при явном вызове» будет работать вот в такой последовательности:

  • сначала браузер пользователя выведет все элементы страницы, т.е. отрисует весь HTML-код;
  • затем, уже в последнюю очередь выполнит код кнопки +1, так как он будет размещен в конце HTML-кода страницы;
  • и только после этого кнопка появится в нужном месте шаблона страницы.

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

Как говорит мой знакомый — «Я программист, но не очень» :), это я к тому, что за функцию обратного вызова JavaScript сказать ничего конкретного не могу.

Также функцией «URL для +1» мы пользоваться не будем, просто подставим «ручками». Дело в том, что для списка анонсов в wordpress за URL отвечает тег , но необходимое нам поле его искажает.

Переходим непосредственно к установке кода:

Googl3 plus

Здесь две строчки. Первый код вставляем между тегами в Вашем шаблоне. Если Вы, как и я, работаете с wordpress, то эти теги можно найти в файле header.php. Этот код я приведу ниже, можете копировать его отсюда, разницы нет:

Второй код размещаем в нужном нам месте. Я разместил в списке постов (файл index.php) и в одиночной записи (файл single.php). Для одиночной записи ничего менять не надо, т.е. как есть, так и вставляем. А вот для списка постов необходимо добавить вызов URL (для wordpress — ), помните я об этом говорил выше?

Если вы желаете установить кнопку также, как она стоит у меня, т.е. справа вверху поста, тогда можете воспользоваться моим кодом. Вставляем его в файл одиночной записи single.php перед тегом :

А этот в файл списка постов, т.е. index.php и также перед тегом :

Вот и все, кнопка +1 от Google установлена, действительно не так сложно.

Удачи Вам и удачного продвижения!

p.s. не забудьте кликнуть по кнопке +1 😉

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

Читаем дальше:

Читаем дальше:

Комментарии

Интересная фича, надо будет разобраться. Рекомендации знакомого, особенно которого ты знаешь, и знаешь что он неплохо разбирается в данной области, дорогого стоят.

@ После того, как кликнули по плюсодин Ваши друзья по различным социалкам в выдаче гугла увидят Ваш favicon и подпись “Уже поделились этим” — проверял в Гугле, нет там моего фавикона. Может быть ссылка на мой клик появляется не сразу?

Да, наверное не сразу. Кроме того, Вам скорее всего должен быть виден мой фавикон и ник и то при условии, что Вы являетесь моим другом в твиттере или фейсбуке.

Только что сделал еще скрин, смотрите, у меня все есть, в том числе и по адресу google.ru.

Походу автор в фотошопе результат выдачи гугла подрисовал)

Тоже самое — результат выдачи обычный…

Показывается кому из ваших друзей понравилось, а не всех.

Не, точно не подрисовывал, я бы запомнил 😉

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

Вообще-то я сразу так и сделал) своему другу скинул линк и сам сделал и сразу затестил, вообще я нашел у гугла что такое работает только в англоязычной версии пока, так что не знаю как это у вас заработало)

Вот Вам и первый результат эксперимента: видимо статистика кликов по кнопке обновляется раз в сутки. Обратите внимание на счетчик этого поста кнопки +1 сейчас, вчера был только один — это я, а сейчас уже 24.

Если не секрет, как вы сделали такой красивый RSS канал? В смысле подвал, твитер и изображения.

Никаких секретов от читателей pervushin.com, вот пост об этом: http://pervushin.com/optimization-rss-feed.html

Даже не знаю, есть ли смысл в этой кнопке… Я все же склоняюсь, что на выдачу она никак влиять не будет, а друзья и так узнают о посте через анонсы и ретвиты…

Конечно, на выдачу она влиять не будет, но ставить её считаю резонным. Анонсы и ретвиты это немного другое, ведь они не отображаются в поисковой выдаче 😉

Ну то есть просто друзья из связанных сервисов будут видеть, что страница рекомендуется, понятно. Вот если бы эта кнопка была без счетчика, то поставил бы и себе, а так уже счетчик твиттера есть…

Можно и без счетчика. Он легко отключается в настройках.

Нет, ето для меня сложно, ета самая установка

Еще вопрос. В посте это понятно, а если на страницах, да еще кроме главной, как утановить?

Кнопку еле поставил

Все собераюсь поставить, столько кнопок развелось, ужас, что будет через 5 лет? 30 обязательных кнопок под статьей?! )))

Спасибо, помогло, поставила!

Вот Free Exchange Google +1 http://plusix.net/ новый сервис по +1, лайкам, твиттам и обменом трафика!

но когда еще то появляется еще одна кнопка, мне дне не нужно, как исправить?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.