Facebook для блога: добавляем кнопку Like

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

• первый — про добавление кнопки Like на блог или сайт
• второй — про создание и раскрутку страницы блога в соцсети Facebook
• третий — результат этих двух экспериментов (пост будет в конце мая)

Установить кнопку от Фейсбука «Мне нравится» можно двумя способами: непосредственно установив код кнопки в код движка блога или установив плагин для WordPress, который все сделает за вас. Я рассмотрю оба эти варианта.

Устанавливаем кнопку Like с помощью кода

Для начала заходим на саму страницу социального плагина Фейсбука Like button.

Далее, в первой форме нам надо настроить вид самой кнопки:

Поле «URL to like» оставляем пустым

Поле «Layout Style» отвечает за выбор вида кнопки Like. Всего доступны три вида кнопки. Я выбрал простой счётчик, но вы можете выбрать ту, которая понравится вам.

Пункт «Show faces» — если его отметить, то будут показываться аватарки людей, которые отметили эту новость. Я не хочу грузить блог чужими аватарками, поэтому его отмечать не буду.

Поле «Wight» отвечает за ширину кнопки. Подгоняйте ширину кнопки под дизайн.

Поле «Verb to display» служит для выбора слова на кнопке. Выбрать можно между «Нравится» и «Рекомендовать». Разницы, по сути, никакой, т.к. Фейсбук недавно уровнял по функциональности кнопки Like и Recommend

Поле «Font» предлагает выбор шрифта. Можете подогнать шрифт на кнопке к шрифту сайта.

Поле Color scheme дает на выбор два цвета кнопки — светлый и темный.

Далее нажимаем на кпопку Get Code и получаем наш код в таком виде:

<iframe src="http://www.facebook.com/plugins/like.php?href&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:21px;" allowTransparency="true"></iframe>

Но это ещё не всё. Нам нужно заменить эту часть кода:

http://www.facebook.com/plugins/like.php?href

на эту:

http://www.facebook.com/plugins/like.php?href<?php the_permalink()?>

По умолчанию в поле URL to Like надо было прописать адрес понравившегося сайта, но нам надо, чтобы код давал возможность отметить каждую страницу отдельно.

Потом всю эту конструкцию вставляем в файл single.php темы своего блога.

Код кнопки «Мне нравится» от самого Фейсбука имеет один большой плюс: там, где не установится плагин (а не все сайты и блоги работают на WP), всегда можно поставить код.

Устанавливаем кнопку «Мне нравится» с помощью плагина.

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

Настройка плагина делится на настройку внешнего вида кнопки «Мне нравится» и настройку позиции кнопки в посте. Там ничего сложного нет, поэтому писать инструкцию я тут не буду.

Плагин работает с версией вордпресса до 3.1 включительно.

Так же, есть немало аналогов этого плагина.
———————

Постовой:

Мир блогосферы богато представлен на Bestblogs.info