Секрет социальных кнопок

Социальные кнопки

Узнали свои любимые соц.сети?

Социальные кнопки — одна из последних модных «фишек» в блогосфере, и, что более важно, эффективный инструмент продвижения в социальных сетях (SMO).

Зачем социальные кнопки  блоггеру?

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

Зачем социальные кнопки читателям?

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

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

И этот секрет — счетчик нажатий этих кнопок. Тут затронут важный психологический аспект  — желание оставить след.

Этот феномен я попросил прокомментировать Григория Казакова, психолога с двадцатилетним стажем и с недавних пор блоггера:

«Оставить след», «отметиться», «наследить» — понятия экзистенциальной психологии. Эти действия призваны создать психологическую иллюзию «вечного» существования. Я отметился, значит – я есть. Даже когда меня не будет, я все равно есть.

Основными способами реализации этого «бессмертия» являются: наличие собственности (передаваемой по наследству), рождение потомков (мы в них продолжаемся биолого-генетически) и творчество: все равно, как вы «отмечаетесь»- пишете картины, сочиняете стихи, фотографируете (shoot – по-английски означает выстрелить, палить, зафиксировать) или нажимаете на кнопку «твиттера»).

Таким образом,  использование кнопок со счетчиками выгодно отличаются от  размещения простой ссылки или статичной кнопки.

Ссылки на коды размещения социальных кнопок:

Код кнопки одноклассники для WordPress

По просьбам читателей (и некоторой сложностью установки этой кнопки) выкладываю коды для вставки этой социальной кнопки.

В заголовке страниц между тегами у вас должны быть подключены  Javascript и CSS файлы одноклассников. Этот код можно вставить в файл header.php темы блога:

<!--<html>-->
<!--<head>-->
<link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet">
<script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script>
<!--</head>-->

Далее в том же header.php в тег нужно добавить атрибут onload:

<!--<html>-->
<!--<head></head>-->
<body onload="ODKL.init();">

Теперь сам код вставки, его можно вставить в single.php.

Код для размещения кнопки «Класс!»:

<!--<html>-->
<!--<head></head>-->
<!--<body>-->
<a class="odkl-klass-oc" href="<?php the_permalink() ?>" onclick="ODKL.Share(this);return false;" ><span>0</span></a>

Код для размещения кнопки «Поделиться»:

<!--<html>-->
<!--<head></head>-->
<!--<body>-->
<a class="odkl-share-oc" href="<?php the_permalink() ?>" onclick="ODKL.Share(this);return false;" ><span>0</span></a>

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


Понравилась статья? Подпишитесь на рассылку блога или
Get Adobe Flash player
Комментарии к записи "Секрет социальных кнопок"
А что Вы думаете по этому поводу?

Хотите чтобы ваше фото было видно в комментариях? Зарегистрируйте аватар.

  1. Спасибо, Вам, Евгений! Вы просто прочитали мои мысли насчет SMO кнопок ;)

  2. Евгений, спасибо огромное! Давно собиралась поставить эти кнопочки к себе на сайт, все руки не доходили. А Вы все в одном месте собрали. Теперь это сделать гораздо удобнее!

  3. Евгений, подскажите, пожалуйста, как эти кнопки разместить на сайте, движок которого — Joomla!?

  4. Yuri:

    Осталось заметить, что те кнопки, которые вставляютяся вручную в разных местах (вверху-справа/слева, внизу слева) показывают лучшие результаты, чем ссылки, пусть даже с цифрами, которые присутствуют только внизу и на всех страницах сайта.

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

  5. Евгений, спасибо! Я получил толчок к действию. Давно у меня закрадывалась мечта поставить кнопки на сайт. Виной всему нехватка времени. Нужно было собрать все воедино, а на это нужно время. Вы собрали все в кучу, только бери и делай.
    Удачи Вам!

  6. Павел:

    Интересная статья, но есть сервисы которые предоставляют скрипты

  7. Меня процитировал мой босс! О, я так расчувствовался, что решил просить политического убежища на Украине. Меня на родине все обижают и ругают, осуждают и называют инопланетянином, занудой и циничной тварью. Наконец-то я дождался признания за границей!

  8. Спасибо за интересную информацию. Сейчас начну пробовать.

    Небольшое замечание, Евгений, счётчик у Вас без цифр. Разберитесь…

  9. не все получилось
    кнопка вконтакте идет на отдельной строке. кнопка twitter размещается выше других.
    не очень красиво выходит

  10. Спасибо Евгений! Очень интересный и главное полезный блог! Буду рекомендовать своим товарищам!

  11. Хм..в понедельник попробую, посмотрим что получиться))

  12. suntsev Igor:

    Друзья, я не спец, вставил в свой гугловский блог, но как-то кривовато получилось, что я сделал не так? ссылка_http://suntsev.blogspot.com/
    вставил в body снизу в конце, смотрится непрофессионально

  13. Интересный материальчик воспользуюсь

  14. Спасибо, Евгений. Поставил пару кнопок у себя в блоге http://emazuk.blogspot.com — По-моему неплохо получается.

  15. А вот код кнопки-ссылки на Одноклассники не нашел.

    • Код кнопки Одноклассников.ру пока не выдают всем желающим.

      На данный момент их кнопки стоят только на нескольких больших порталах и новостных сайтах.

  16. Спасибо за отличный и полезный пост.
    А то что-то я только сервисом «Одна кнопка» пользуюсь, а вот где по отдельности каждую кнопку найти не удосужился.

  17. Добавил в пост ссылку на новую кнопку «Класс!» (Одноклассники.ru)

  18. Irina:

    Дорогие читатели!

    Я себе уже днями ломаю голову, как можно установить эту кнопку КЛАСС на страничке в одноклассниках, чтобы у поситителей нажавчих на эту кнопочку, отрожалась в ленте активности моя ссылка!!! Так вот….оффициальный сайт одноклассники обьясняет как это правильно делать. Но у меня ничего не получается, я не имею никогого понятия с этими вещами…тэги javascript и так далее. Я не знаю каким образом изменить страничку, какой программой открыть html-текст и изменить эго так, чтобы он совранилься на сервере или где угодно….и так далее… Уже не знаю что делать!!!! :(:(
    Ктонибудь может обьяснить для простых смертников каким образом это делатся?!!! Буду очень благодарна!

    • Ирина, обращайтесь — постараюсь помочь! Мой Скайп shabananton, почта на gmail такая же

    • Ирина! У меня та же проблема. Объяснений как вставлять кнопки — полный инет, а вот КУДА вставлять — ни одного вразумительного ответа. Уже перелопатил сотни сайтов — ничего ((((. Полностью ВАС поддерживаю. Если ВЫ смогли разобраться, то убедительная просьба — объяснить и мне (далеко не программисту). С уважением, Михаил.

  19. Иван:

    Спасибо за интересную статью! Попробовал поставить кнопку «Класс» от Одноклассников. Не вышло. При нажатии на кнопку выдается ошибка: Ошибка обработки данных ресурса.
    При наведении курсора на кнопку, высвечивается адрес: http://адрес_сайта.ру/Абсолютный адрес страницы
    Что я делаю не так?

  20. Спасибо, Евгений. Действительно полезная информация. Буду применять на всех своих сайтах.

  21. Подскажите,пожалуйста, а как расположить эти кнопки горизонтально?

  22. […] Самый простой способ поставить ссылку в контексте поста. Намного лучше смотрятся цитаты – когда вы цитируете абзац или предложение текста с указанием автора и ссылкой на источник. (Вот например как в посте о социальных кнопках.) […]

  23. У меня отказываются считать количество кнопки твиттера и одноклассников! Посчитало обновил страничку и онуляется! Что не так?

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

  24. спасибо. давно искал такие

  25. не получается сделать такой фейсбук как у вас… Подскажите, что сделать надо?

  26. Дмитрий:

    Подскажите те, у кого сайты не о заработке в интернете. Какие кнопки социальных сетей приносят больше трафика? В России думается малая часть пользуется тем же самым faceBook, основная масса сидит в контакте и одноклассниках. На что делать упор, ведь мои посетители не являются продвинутыми пользователями социальных сетей и прочих закладок.

    • Дмитрий, сейчас больше всего трафика приносят faceBook и twitter. Это связано не с количеством пользователей, а с тем что фейсбук и твиттер более открыты для обмена ссылками.

  27. Baha:

    Евгений я загрузил на свой сайт WordPress.Подскажите пажалуйста как настроить ето на WordPress или какие плагины нужно загрузить для етого

  28. Alexey Serg:

    Спасибо за статью.
    Есть вопрос. В «моем мире» есть кнопка «Нравится» (адрес – api.mail.ru/sites/plugins/share/), код которой немного другой, чем «добавить в мир».

    Там для передачи используется параметр rel, и я никак не могу добавить nofollow, а хотелось бы его добавить. Может кто подскажет, как отредактировать код и вставить туда Nofollow?

    • Алексей, если это сделано не намеренно, они изменят код, так как это действительно будет мешать вебмастерам.

      Пока можно вставить 2й атрибут rel, хоть это не правильно, но шанс есть что ПС не будут учитывать эту ссылку.

      <a target="_blank" href="http://connect.mail.ru/share" rel="{'type' : 'button', 'width' : '550', 'show_text' : 'true', 'show_faces' : 'true'}" rel="nofollow">Нравится</a>

      • Alexey Serg:

        Не получается 2-й rel добавить, хорошо бы как-то в первый nofollow впихнуть. Rel у кнопки нравится выглядит примерно так (в зависимости от параметров):

        rel=»{‘type’ : ‘button’, ‘width’ : ‘550’, ‘show_faces’ : ‘true’}»

        Вот возможно ли сюда добавить параметр nofollow и как?

  29. Привет всем!!
    Привет, Евгений!!
    Это кнопочки следует вставить в код страниц?
    Я сделал это у себы на сайте: http://newbiz21.com
    Не многовато будет таких конопок? как думаешь?

  30. кнопка поделится или класс в однокласниках легко устанавливается вот инструкция http://dev.odnoklassniki.ru/wiki/display/plugins/Social+Plugins

    главное красиво вот это заменить «Замените на АБСОЛЮТНЫЙ адрес страницы» на загрузочный фаил нглавной страницы.
    в моём случае это выглядет так :

    0

    можно посмотреть здесь http://www.site5555.ru/

  31. Всем приветик!! Привет, Евгений!!
    С прискорбием узнаю, что социальные закладки устарели!! Вот незадача, я так гордился, что удалось самому, без вебмастера установить на свой сайт http://newbiz21.com эти кнопочки. И что теперь, их удалить? Спасибо за ответ!!
    С уважением Гаврилюк Юрий

  32. Никак в контакте кнопку настроить не могу

  33. Евгений, привет!

    Все сделал, как у тебя, но кнопка Одноклассники упорно не хочет работать.

    Не мог бы ты еще раз написать, какой код нужно вставить вместо href=”Замените на АБСОЛЮТНЫЙ адрес страницы»

    Тот код что ты предлагал выше, а именно:
    <a rel=’nofollow’ href=’’ onclick=’ODKL.Share(this);return false;’ >0

    НЕ РАБОТАЕТ!

  34. По просьбам читателей добавил в пост листинги кода кнопки одноклассники для WordPress.

  35. Евгений, а как ты так красиво выровнял все кнопки?

    Я посмотрел и скопировал твой css, но кнопка Одноклассники упорно не хочет становиться в один ряд со всеми.

  36. Евгений, здравствуйте! Я установил необходимые мне кнопки соц.сетей, но они получились друг под другом и с разными расстояниями. Скажите, как разместить их красиво, в линеечку, как у Вас?

  37. Отличное решение для smo продвижения. Хотя я сам пользуюсь плагином закладка. тоже вроде не плохо, не сильно тяжелый не тормозит.
    Попробую теперь прописать в шаблоне.
    Спасибо.

  38. omen:

    рекомендации действительно очень хорошие. только хочу добавить. твиттер можно сделать проще — вставить код

    Tweet
    а вот вконтакте надо зарегистрировать сайт для того чтоб получить свой айпи номер.
    у меня один вопрос к автору! помогите, пжл.
    у себя в блоге иконки разместил, но они идут в колонке, а не одной строчкой. в чем дело? как сделать строку?

  39. omen:

    упс, сори)

    Tweet

    КОМ меняем на com

  40. Manbob:

    Хм может, кто сталкивался у меня facebook, Tweet и mail.ru кнопки не отображаются в Firefox 3,5 ?
    Пользовал стандартные конструкторы.
    Еще есть соц-кнопка «в Кругу друзей» — с ней правда та же проблемка, с остальными кнопками проблем не заметил

    • Manbob:

      Все работает, просто надо было подождать (часиков 5-6).
      Странно, правда, что Firefox такой вредный, другие браузеры сразу начали отображать

  41. Спасибо, помогло

  42. Всегда появляется выбор какую кнопку ставить, поделиться или класс.

    • Дмитрий, зависит от контента: «класс» — выражения одобрения к написанному, «поделиться» — побуждение поделиться с друзьями информацией.

  43. Татьяна:

    Евгений, а как установить кнопку «класс» не на каком-нибудь сайте, а именно на странице в Одноклассниках, в группе.

  44. Спасибо за кнопку одноклассников, сильно помогло!

  45. Nata:

    А если сайт размещен на Google Sites и там нет доступа к head и body, можно ли каким-то образом поставить не кнопку, а текстовую ссылку на Одноклассники? ВКонтакте позволяет …

  46. max:

    спасибо за информацию!

    плохо только что кнопки разной высоты, приходится искать альтернативные методы
    посмотрите как получилось у меня ;)

    исправьте ошибку:
    Ссылки на коды размещения социальных кнопок:
    Кнопка Вконтакте
    Кнопка Facebook «поделиться»
    Кнопка Facebook «мне нраиться»

  47. Всё заработало, большое спасибо! J-idea.ru

  48. Олег:

    Есть ещё кнопка от «В кругу друзей»: http://vkrugudruzei.ru/x/button/create

  49. TheNoa:

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

  50. Поставил кнопку «Класс» одноклассники. Но вместо заголовка и описания добавляет каракули. Что делать? Ответьте пожалуйста если возможно на alexeykazak@mail.ru

  51. Ну понятно, что сам пост писался давненько.
    Но комментарии-то пишутся и до сегодня. И что, никто не вспомнил о замечательнейшем сервисе http://www.addthis.com/ ?
    Применим, фактически, ко всем платформам. К вордпрессу есть плагин.

  52. Спасибо большое, очень пригодилось ;)

  53. Alex:

    Класс спасибо за информацию…

    Алексей

  54. спасибо за кнопочки, поставлю у себя обязательно:)

  55. Я тоже знал об этой особенности человеческого самоощущения, но, если честно, не уверен, что этот фактор работает так сильно — 1% от общей массы максимум.

  56. Я не люблю социальные кнопки. Особенно когда их штук 20 рядом друг с другом.

  57. виктория:

    Я разместили кнопку одноклассников, но счетчик на ней не так и остался на нуле(((((

  58. Спасибо за отличный совет по кнопочкам, разобрался поставил на -блоге у себя + еще нашел скрипт следуй за мной Отлично получилось! http://inweb24gavrin.ru/blog

Коробки подарочные - цветы в шляпной коробке в москве.