Как активировать кнопку лайк на фейсбуке. Зачем нужны «Лайки»? Как добавить кнопку Контакта «Мне нравится» на свой блог

Представить социальную сеть без заветной кнопки «Мне нравится» сегодня уже невозможно. С ее помощью пользователи могут не только оценивать опубликованный материал, но и делиться им со своими друзьями. Отчасти именно эта кнопка Facebook сделала таким популярным, ведь поднятый вверх палец стал своего рода символом соц.сети.

Зачем нужны «Лайки»?

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

Для начала рассмотрим самый простой пример использования кнопки. Допустим, ваш друг опубликовал новую фотографию, и она вызвала у вас неподдельный интерес. Чтобы сообщить об этом другу, нужно лишь нажать кнопку «Нравится», расположенную под фотографией. Фейсбуковский друг получит текстовое уведомление о том, что вам понравилось опубликованное фото. Отразится эта информация и в вашей хронике.

Несколько иную функцию носит like в случае его использования на Страницах. Поставив отметку «Нравится» на Странице, вы автоматически становитесь ее подписчиком. А это, в свою очередь, значит, что в вашей Ленте Новостей будут отображаться новые публикации паблика.

Использование «лайков» на внешних ресурсах

В строке «URL to Like» необходимо указать полный адрес страницы сайта, на которой впоследствии и будет размещена кнопка. Поле «Width» предназначено для указания ширины «лайка» в пикселях. Здесь все индивидуально – подбирать нужно под дизайн конкретной страницы. Далее следует опция «Layout», с помощью которой вы можете определить, как будет выглядеть кнопка. На текущий момент доступно четыре варианта: standard, box_count, button_count, button. Заключительной настройкой плагина является поле «Action Type». Вы можете выбрать либо надпись «Нравится», либо надпись «Рекомендовать».

Конечно, установка плагина – задача, требующая определенных навыков у разработчиков. Однако зная основы работы с кодированием, вы с легкостью все сделаете. Более того, при желании вы сможете воспользоваться и другими плагинами Фейсбука, например, кнопкой «Подписаться», возможностью комментирования для посетителей и многое-многое другое.

В декабре 2016 года Facebook в первый раз отдал кнопке «Подписаться» больше функционала, чем кнопке «Нравится».

Хотя, сама кнопка «Подписаться» на фан-страницах появилась еще 2 года назад , но ранее она почти ни на что не влияла, ее никто не замечал, и она то появлялась, то исчезала.

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

Причина №1. Кнопка «Подписаться» теперь есть на всех фан-страницах в Facebook, она не убирается из настроек и ей присвоен очень важный функционал.

Причина №2. Facebook стал показывать статистику количества подписчиков отдельно. А, как показывает практика, это значит, что Facebook будет отдавать приоритет функции подписок все больше с течением времени.

Возможно даже такое, что кнопка «Нравится» будет полностью убрана, как механизм подписки на Страницу и кнопка с названием «Нравится» останется только под публикациями. А механизм подписки возьмёт на себя полностью кнопка «Подписаться».

Пока что пользователи нажимают в основном на кнопку «Нравится» по привычке, это видно из статистики прироста подписчиков и фанов за один и тот же период.

Причина №3. Теперь пользователи нажимая кнопку «Подписаться» на фан-странице могут получать новости в Ленту, не будучи фаном этой Страницы.

То есть значимость такого явления как «количество фанов» начинается уменьшаться.

Если раньше, пользователи становились и фанами Страницы, и получали от нее новости после нажатия всего одной кнопки: «Нравится», то сейчас эти функции разделены.

Сделаем эксперимент №1. Зайдите на Страницу fb.com/Love.is.comic и нажмите кнопку «Нравится».

Вы увидите, что вы одновременно и стали фаном, и подписались. В этом случае в вашем профиле будет указано, что вам нравится эта Страница и вы сможете читать ее в Ленте.

А теперь нажмите «Больше не нравится». После этого нажмите кнопку «Подписаться».

Вы увидите, что вы подписались на фан-страницу, но вы не стали ее фаном. В этом случае в вашем профиле будет отсутствовать информация о том, что вам нравится эта Страница или вы на нее подписаны, но вы также сможете ее читать в Ленте.

Сделаем эксперимент №2. Зайдите на Страницу fb.com/comic.fotos . В начале нажмите кнопку «Нравится» (кнопка Подписаться нажмется автоматически и ее название изменится на «Подписки»), а затем наведите мышку на кнопку «Подписки» и отпишитесь.

Вы увидите, что вы остались числиться фаном этой Страницы (это будет по-прежнему отображаться в вашем профиле), но отписались от ее новостей.

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

Вывод? Получение подписчиков уже более приоритетная задача, чем получение фанов.

К сожалению, сейчас Facebook не показывает администраторам, сколько фанов являются подписчиками, а сколько просто «статисты». Есть только одна метрика на данный момент, которая помогает оценить количество читателей — это Охват.

Приведу пример.
У вас есть 2 Страницы по 100 000 фанов каждая.

Но на одной 100 000 фанов-подписчиков.
На другой: 50 000 фанов-подписчиков, 50 000 фанов-«статистов» и 10 000 просто подписчиков.

Получается, что Фейсбук вам покажет, что у вас всего 100 000 фанов и всего 60 000 подписчиков. Но из этих данных не видно, что 50 000 фанов отписались от новостей.

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

Причина №4.

Функции, которые теперь остались у кнопки «Нравится» — это:
— стать фанов-подписчиком Страницы,
— разлайкать Страницу, то есть перестать быть фаном.

Функции, которые теперь появились у кнопки «Подписаться» — это:
— стать подписчиком, то есть получать новости с Ленту,
— отписаться от Страницы, то есть перестать получать новости в Ленту,
— установить новостям этой Страницы приоритет, то есть они будут показываться в Ленте новостей первыми,
— убрать приоритет,
— включить уведомления о новых публикациях Страницы,
— отключить уведомления.

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

Кроме того, вы как администратор фан-страницы начали видеть уведомления со словами «решил подписаться на страницу», что еще раз указывает на то, что Facebook добавляет важности функции подписок:

Поэтому, призыв «подпишитесь на нашу страницу» теперь звучит буквально и на 100% актуально.

Когда вы нажимаете на кнопку Like от Facebook на сайтах, в вашем профиле появляется полноценный анонс страницы (вместо предыдущей отметки о том, что вам что-то понравилось) — ссылка + цитата + картинка.

Ежели посмотреть на это со стороны вебмастера, то можно увидеть отличную возможность получить дополнительный трафик. Давайте рассмотрим, как можно максимально увеличить отдачу от этой кнопки. Для начала настроим параметры руками (далеко не для всех CMS есть модули/плагины, автоматизирующие процесс).

Генератор кнопок Like вы найдёте по адресу: http://developers.facebook.com/docs/reference/plugins/like/

Первый шаг — создаём саму кнопку.

URL to Like — можно задать свой URL, можно оставить поле пустым, тогда в качестве этого параметра будет стоять адрес текущей страницы (при вы боре XFBML формата кнопки — об этом ниже). Стоит заметить, что FB кнопка по приоритету выберет тот, что указан в теге canonical в head страницы.
Layout Style — три варианта оформления кнопки, подбираем наиболее уместное для вашего дизайна.
Show Faces — если поставить галочку то при заходе на сайт с кнопкой Like под ней будут показываться аватарки ваших друзей, которые уже «залайкали» данную страницу.
Width — ширина. Учитывая, что при включённом Show Faces вам понадобится больше места для кнопки, укажите допустимую ширину блока. Исключительно в пикселях, проценты не работают.
Verb to displa y — выбираем надпись на кнопке Like или Recommend.
Font — можно выбрать шрифт, аналогичный тому, что у вас на сайте.
Color Scheme — выбор светлой или тёмной цветовой схемы.

Настроили? Теперь жмём кнопку Get Code . В появившемся окне будет два варианта: iframe и XFBML. Если вы не указали URL to Like, то чтобы кнопка взяла в качестве этого параметра страницу, где она установлена — выбирайте XFBML. Лично я из эстетических соображений тоже предпочитаю XFBML, поскольку в неактивном состоянии он не растягивает страницу и не оставляет много пустого пространства, как iframe.

Полученный код можно руссифицировать, для этого в адресе http://connect.facebook.net/en_US/ меняем en_US на ru_RU

Title — заголовок поста.
Type — тут можно задать тип поста (скорее — тематику) — по идее используется в поисковых механизмах платформы, возможно также поисковиками, сотрудничающими с FB.
URL — можно задать свой адрес, но преимущество будет за тегом canonical.
Image — адрес картинки, которая будет использована для анонса.
Site name — название вашего сайта.
Admin — Facebook ID, если вы на странице настройки кнопки находитесь будучи залогиненым в FB, то ваш ID должен подставиться автоматически. Позволит смотреть статистику по работе кнопки, подробности — ниже.

Теперь у нас есть метатеги, которые ставим до тега страницы.

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

Перейдём к автоматизации. Воспользуемся плагином для WordPress Facebook Like Button http://wordpress.org/extend/plugins/facebook-like-button/ — он упростит задачу для блогов на этой платформе. Это одно из оптимальных решений, не требующее правки шаблона, ручного прописывания параметров и т.д.

На странице настроек плагина вы найдёте следующие поля для заполнения:

AppID for XFBML version — здесь просят ввести AppID приложения, если будем использовать XFBML кнопку, чтобы получить этот AppID, надо будет привязать к аккаунту номер телефона, с нашими операторами это может стать проблемой (хотя на данный момент с Билайном и Мегафоном в Московском регионе всё ок, хотя недавно ещё не получалось). Впрочем, и без указания AppID плагин будет работать.

Type : XFBML или iFrame — выбираем формат кнопки, как уже заметил выше, XFBML удобнее.
Show in Home : показывать на главной странице.
Show in Pages : показывать на страницах.
Show in Posts : показывать в постах.
Show in Categories : показывать в категориях.
Show in Archive : показывать в архивах.
Position : выбираем позицию кнопки. Лучше ставить после контента.
Alignment : выравание кнопки по левому или правому краю.
Admin ID : если нам нужна статистика по работе кнопки указываем сюда свой ID (об это уже писал выше).
Defualt Imag e: сюда пишем адрес картинки для анонса по умолчанию Check to enable: ставим галочку, чтобы включить использование картинки.
Language : выбираем язык кнопки.

Layout Style : выбор вида кнопки.
Show Faces : показывать ли аватарки друзей.
Verb to display : слово на кнопке.
Font : шрифт.
Color Scheme : цвета.
Width : ширина.
Height : высота.
Container Class : если в таблице стилей есть элементы для оформления этой кнопки то здесь укажите название класса.

Если вы указали свой ID, то статистика через время будет доступна по адресу http://www.facebook.com/insights /

Чрезвычайно удобная вещь: можно узнать общее число Лайков на сайте, количество переходов с Facebook, демографию тех, кто лайкает ваши заметки (чтобы выявить активный костяк аудитории, с которым можно взаимодействовать)..com 0,02% — есть над чем работать.

В качестве постскриптума видео с фактами и Facebook:

Всем привет, друзья! Несколько недель назад я писал, и . Сегодня ми продолжим использовать социальные сети для продвижения сайта. В этом посте я напишу, как устанавливается на сайт кнопка мне нравится вконтакте и кнопка мне нравится facebook.

Как установить кнопку «Мне нравится» от Вконтакте

Для того, чтобы вы на своем сайте увидели красивую кнопочку от вконтакте нужно сделать всего три шага:

1. Добавить сайт в соц. сеть вконтакте;
2. Настроить внешний вид кнопки;
3. Скопировать код и вставить на свой сайт.

После вставки второй части кода, вы должны увидеть на своем сайте кнопку от вконтакте «мне нравится». Если возникли какие-то проблемы, то пишите в комментариях, постараюсь помочь:smile:.

Как установить кнопку «Мне нравится» от Facebook

Для начала перейдите вод сюда . Если вы не авторизованы, то сделайте это. Теперь на этой страницы нам нужно сначала заполнить некоторые поля. Хотя они на английском языке, но ничего страшного, разберемся:smile:.

• URL to Like – . Оставляем это поле пустим, поскольку ми хотим установить кнопку на все страницы;
• Height – высота. Можно ничего не ставить, по умолчанию высота кнопки нормальная;
• Layout – здесь нам нужно указать внешний вид кнопки. Я выбрал последний вариант button_count, на мой взгляд, он самый лучший. Можете попробовать выбрать другой вариант и посмотреть, как он выглядит. Если box_count или standard вам нравится больше, то, пожалуйста, ставьте тот, который нравится.
• Show Friends" Faces – показывать . Я убрал галочку, поскольку не хочу показывать аватари.
• Width – ширина. Я ничего не ставил, если ширина кнопки вас не устраивает, то можете ее указать.
• Color Scheme – цветовая схема. Оставил по умолчанию light (светлый).
• Action Type. Если выбрать like, то надпись на кнопке будет «нравится». А если recommend, то «я рекомендую». Я выбрал первый вариант like (нравится).
• Include Send Button — Включить кнопку «Отправить». Мне она не нужна, поэтому я галочку убрал.

После заполнения всех полей у меня получилось вод так:


Теперь нажмите на кнопку «Get code» для того, чтобы получить код.


Первою часть кода вам нужно разместить в файл footer.php перед тегом . А вторую часть в то место, где вы хотите видеть кнопку «Мне нравится» от Facebook на своем сайте. Можете разместить после кода кнопки «Мне нравится» от Вконтакте в файл single.php.
На этом у меня все. Как вам статья?

Установлю-ка я кнопку Like от Facebook. Я этот месяц поглощен написанием материалов о редактировании своего шаблона на блог, да и самой работой над ним. Когда я дошел к файлу, выводящего полные тексты постов, задумался о целесообразности использования некоторых плагинов, виджеты которых отображаются на этих страницах. Вот под каждой статьёй у меня выводится маленькая кнопочка “Мне нравится”, для чего она нужна, я писал уже давно, когда освещал свою работу с Facebook.

Казалось бы ерунда, установи плагин WordPress, настрой кнопку “Like” и спи спокойно, но не тут то было.

Получить код кнопки Мне нравится от Facebook.

Чтобы установить кнопку Мне нравится на страницы моего блога нужно получить код этой кнопки. За ним иду по адресу – http://developers.facebook.com/docs/reference/plugins/like/ .

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

Как видите, левее на странице размещена сама панель настройки, а правее – видно как будет отображаться сама кнопка Мне нравится. Выполняя изменения – я сразу же вижу, как именно они будут влиять на окончательный вид ее.

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

Вместо этого кода, я могу внести адрес главной страницы блога, карты блога, страницы автора блога, или адрес любой другой страницы моего блога. Но я выбираю первый вариант, для моего проекта это лучшее решение.

Send Batton – отвечает за вывод второй кнопки, после мне нравится, Send.

Layout Style – игра стилей 3 стилей, выбираю, каким образом будет отражаться кнопка

Width - ширина кнопки, сделаю не очень большой.

Прохожу ниже но настройках устанавливаемой кнопки Мне нравится.

Show faces – эта опция способна пригрузить мой блог, особенно когда много людей нажмут на кнопу Мне нравится и все их аватарки с их аккунтов facebook будут загружаться при открытии моего страницы моего блога. Я не буду использовать эту опцию.

verb to displey – ничего особенного, обеспечивает вывод слова рекомендую вместо Мне нравится.

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

Шрифт – каким шрифтом будет написано слово Like.

После тяжелого выбора среди множества опций настройки кнопки Мне нравится от Facebook, я могу получить её код. Оказывается, сервис выдает 2 отдельных кода в таком вот окошке.

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

Но перед вставкой кода в файл шаблона, нужно отредактировать его немного, для чего в нем нахожу вот ту часть, что мной выделена жирным:

href&send=true& layout

заменяю его на код, который опять выделил жирным

Href=& layout=

Установить кнопку Мне нравится на свой блог.

После редактирования кода, я должен выбрать место, где желаю видеть кнопку. Здесь существует одно ограничение. Я могу установить ее только после вывода контента, тоесть текста поста. Так как я думаю обеспечить вывод этой кнопки в файле single.php, я ищу код:

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

Итого, кнопка мне нравится установлена на каждой странице с заметками, она активна, к тому же все написано на русском языке, и ничем не отличается от той кнопки “Like”, вывод которой обеспечивается одноименным плагином. Заметил, что кнопка для меня активна, потому взял грех на духу, задумал проверить, как же она работает – нажал на ней.

Ага, Facebook показывает кому моя статья понравилась, но это для проверки, больше я не буду нажимать свои кнопки, ведь это не честно. Но зато я уверен в работоспособности установленной кнопки Мне нравится на моем блоге. Ток что, уважаемые читатели, Вы можете прочитав эту заметку нажать кнопочку, если моя работа Вам понравилась.

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