Когда вы нажимаете на кнопку 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 display — выбираем надпись на кнопке 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
Поставим этот код на сайт. Как нетрудно заметить, анонс, заголовок и картинка выбираются Фейсбуком произвольно. Зачастую не так, как этого вам хотелось бы. Например, в остах без картинок для анонса может быть взято изображение счётчика или кнопка Фидбернера. Разумеется, это не способствует кликабельности поста. Поэтому продолжим настройку. Дополнительные параметры для постинга в Фейсбук вебмастер может задатьс помощью специальных мета тегов. Настроить их вам также поможет таже ссылка: http://developers.facebook.com/docs/reference/plugins/like/
Title — заголовок поста.
Type — тут можно задать тип поста (скорее — тематику) — по идее используется в поисковых механизмах платформы, возможно также поисковиками, сотрудничающими с FB.
URL — можно задать свой адрес, но преимущество будет за тегом canonical.
Image — адрес картинки, которая будет использована для анонса.
Site name — название вашего сайта.
Admin — Facebook ID, если вы на странице настройки кнопки находитесь будучи залогиненым в FB, то ваш ID должен подставиться автоматически. Позволит смотреть статистику по работе кнопки, подробности — ниже.
Теперь у нас есть метатеги, которые ставим до тега </head>страницы.
Стоит заметить, что можно создать одну привлекательную картинку для сайта и использовать её для всех кнопок 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 Image: сюда пишем адрес картинки для анонса по умолчанию 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, демографию тех, кто лайкает ваши заметки (чтобы выявить активный костяк аудитории, с которым можно взаимодействовать). Кстати, на adne.info Like Button CTR равен 0,05%, на rutwitter.com 0,02% — есть над чем работать.
В качестве постскриптума видео с фактами и Facebook:
Так же вам будет иyтересно и полезно прочитать несколько заметок: Фейсбук для блогеров — основы взаимодействия с социалкой, почему люди лайкают страницы брендов — правдиво о том, как набрать кучу лайков.
Контакты: Телеграм: @namecr
