Новые кнопки +1 от Google и Follow от Twiiter для наших блогов

8 июля 2011
696

Follow +1Мы, блогеры, любим украшать свои статьи кнопочками от различных сервисов интернета. Но, конечно, не только ради красоты они служат. Кнопки от социальных сетей позволяют посетителям сохранять в своём аккаунте в сети наши заметки или отмечать их как понравившиеся, а нам это приносит несколько внешних ссылок, посетителей или просто цифорку рядом со статьёй, которая говорит, что кого-то эта запись не оставила равнодушным. Недавно новые кнопки представили самый популярный в мире сервис микроблоггинга Twitter и поисковый гигант Google.

Follow от Twitter

Кнопка "Tweet" от первого по праву занимает главное место среди всех прочих, и на многих сайтах красуется в одиночку. 1 июня появилась кнопка "Follow" (Читать). Если "Tweet" (она же "Retweet" и "Твитнуть" ) публикует в твите кликнувшего по ней заголовок понравившейся статьи и ссылку на неё, то есть просто позволяет делиться интересным в интернете через свою ленту сообщений, то новая кнопка позволяет подписаться на твит блогера прямо с его сайта. Посетителю понравилось, что вы пишите? Теперь ему не придётся переходить по ссылке на ваш твит, а можно будет зафолловить вас одним кликом.

Вот так расположилась эта кнопка на моём блоге рядом с кнопкой "Like" от Facebook:

FollowЕсли кликнуть не по самой кнопке, а по имени пользователя рядом с ней, то вы перейдёте на его профиль в Твиттере. Получить код кнопки можно здесь.

+1 от Google

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

Кнопка от Google сильно отличается от прочих кнопочек для сайтов. Она влияет непосредственно на выдачу отмеченной ею страницы в выдаче поисковой системы Google.

Как это работает. Посетитель А читает ваш пост, ему нравится и он жмёт на кнопку "+1". Теперь когда кто-то, у кого в контактах есть человек А, будет искать что-то в интернете через Google, и его запрос окажется релевантен помеченной посетителем А странице, эта страница окажется в выдаче выше, чем могла бы быть. Плюс под ссылкой будет указаны знакомые, которые её отметили.

Вот как это будет выглядеть на примере моей же статьи, посвящённой выходу Firefox 5:

Google +1

Я изложил идею довольно кратко. Если вам что-то остаётся непонятным, рекомендую обратиться к справке от самой Google. В виде ответов на часто задаваемые вопросы она расположена на той же странице, на которой вы можете получить код кнопки для размещения на своём ресурсе - переходите по этой ссылке. Там же, обратите внимание, есть ссылка на ролик о +1.

На моём блоге кнопка +1 заменила собой так и не получившую популярности "Buzz This" от той же Google. Большое количество кнопок и тормозят загрузку страницы и это просто некрасиво.

К сожалению, должен отметить, кнопка от Google упорно не хочет вставать в один ряд с прочими кнопками без проблем. И перед собой и после себя на строке она оставляет пустое пространство в размере около 20 пикселей. Вечно разработчики этих кнопок пытаются выделить своё детище из общей массы, тем что создают не удобные стили отображения. Когда то уже приходилось мучаться с кнопкой от ВКонтакте, которая вообще не терпела других кнопок на той же строке, потом кнопка от Я.ру почему-то упорно вставала на пару пикселей ниже других кнопок на строке. Много времени уходит на решение этих, казалось бы, мелких проблем.

На получившийся блок кнопок вы можете посмотреть под этой статьёй. И, я надеюсь, нажмёте хотя бы на одну из них:)

Related Posts Plugin for WordPress, Blogger...
Рубрики: HTML, PHP и т.д. | Метки: , ,

10 комментариев к записи “Новые кнопки +1 от Google и Follow от Twiiter для наших блогов”

  1. ispovednica (мой Twitter:  ispovednica)

    не знаю куда ее пихать

    [Ответить]

    deSiter (мой Twitter:  deSiter)

    Если речь о коде, то в файл single.php, где-нибудь после тегов вывода поста будет оптимальным.

    [Ответить]

    ispovednica (мой Twitter:  ispovednica)

    где-нибудь не аргумент, как они выглядят?

    [Ответить]

    deSiter (мой Twitter:  deSiter)

    Тут в двух словах просто не скажешь. Да и на разных блогах содержимое поста может быть в разных тегах заключено.

    [Ответить]

  2. Michael (мой Twitter:  MGarh)

    Думаю эти кнопки в любом случае будут приносить пользу.
    Их популярность только начинается.
    Вот только не разобрался как ее ставить. Если правильно понял нужно лезть на хостинг и первую часть кнопки там ставить ?

    [Ответить]

    deSiter (мой Twitter:  deSiter)

    Озадачил) На хостинге размещены файлы вашего блога, если у вы работаете с WordPress или иной CMS, то на сам хостинг лезть не обязательно. В WordPress доступ к файлам можно получить через вкладку "редактор", что находится в разделе "внешний вид" (локализация может отличаться, но смысл тот же). А первую часть кода надо разместить в файле header.php (заголовок) там можно и тег head найти и body, отвечающем за вывод шапки блога и подключение скриптов - опять-таки если у вас WordPress. Ну, надеюсь, помог :-)

    [Ответить]

  3. Финансист (мой Twitter:  Rusfetische)

    надо будет тоже поставить кнопу от Гугла. Пока смысла в ней мало я вижу

    [Ответить]

    deSiter (мой Twitter:  deSiter)

    Как минимум больше, чем в Buzz This - предыдущей кнопки от Гугла.

    [Ответить]

  4. Zerber

    ... гугловскую "+1" уже поставил на своём, но о результатах говорить рано ... время покажет.., а пока пусть постоит .., хотя дизайн кнопки оставляет желать лучшего ...

    [Ответить]

    deSiter (мой Twitter:  deSiter)

    В первый раз увидел - тоже дизайн не понравился, сейчас привык. Вызывает ассоциацию: телевизор, первый канал)))

    [Ответить]

Комментируйте - автору важно ваше мнение!

Дополнительно: