WordPress >

Кнопка Facebook «Мне нравится» (Like)

Недавно я рассказывал про то, Как добавить кнопку Вконтакте «Мне нравится» к себе на блог. Сегодня я решил описать несколько способов добавления другой подобной кнопки самой большой социальной сети — кнопка facebook «Мне нравится».

Еще можете почитать статью Как установить кнопку Twitter разными способами.

Еще одна статья: Как установить кнопку Google +1.

Статья про Вконтакте получилась, на мой взгляд, достаточно информативной, хотя именно по данной теме есть куча материала.

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

Моя отличается тем, что я пытался ее более оптимизировать под поисковики (не первая в ранжировании, но на момент написания статьи,  по запросу «кнопка вконтакте» на 5-м месте в google, и на 26-м в Яндексе, хотя это поправимо несколькими внешними ссылками с нужными анкорами).

После индексации статьи про кнопку Вконтакте я ежедневно получаю поисковый трафик с google. Теперь я решил провести эксперимент с «кнопкой от Facebook» и посмотреть, получится ли у меня вывести ее в топ.

кнопка facebook

Кнопка Facebook

Добавить кнопку «мне нравится» facebook с помощью виджета

И так, самый первый и не очень сложный способ добавления кнопки — виджетом.

Виджет предоставляет сама социальная сеть. Для начала переходим по этой ссылке: Установка виджета Facebook. Видим вот такой блок:

настройка виджета кнопки facebook

Разберем по порядку, что значит каждое из значений.

Первое. URL to like — ссылка, при нажатии на кнопку «Мне нравится» (Like) именно ссылка указанная в данном поле будет отображаться на вашей стене. Если вы хотите использовать ее для ваших статей на блоге, то оставьте поле пустым.

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

Второе. Layput Style — здесь можно выбрать три типа отображения кнопки: standart — будет отображаться кнопка с текстом, а так же фотографии друзей ниже кнопки; button_count — будет отображаться общее число людей, кто щелкнул по кнопке справа от нее (кому понравилось); и третий вариант box_count — здесь, те кто щёлкнет на кнопку будут отображаться под кнопкой.

Третье. Show Faces — переводится как — показывать лица. То есть если убрать галочку, фотографии в профили проголосовавших (нажмавших) отображаться не будет.

Четвертое. Width — устанавливает ширину кнопки. Укажите ширину вашего блока где располагается статья, либо еще меньше. У меня, например, ширина составляет 510, но я указывал 450.

Пятое. Verb to display — здесь указывается, какое слово будет отображаться в кнопке: два варианта — либо Like, либо Recommend.

Шестое. Font шрифт текста.

Седьмое. Color Scheme — стиль отображения: два варианта либо светлый (Light), либо темный (Dark).

В конце всего нажимаем Get Code.

кнопка Get Code

Выскакиевает окно:

код плагина кнопки facebookКопируем код в блоке iframe.

На блоге на движке WordPress ищем файл single.php. Если вы не разбираетесь в коде, то вставьте кнопку после кода <?php the_content(»); ?> в данном случае кнопку будет находится внизу статьи. Если разбираетесь, то соответственно устанавливайте по вкусу, поэкспериментируйте. Полученный код закройте в теги <noindex>…ваш_код…</noindex>

У меня на блоге кнопка выглядит так:

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

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

Если вы хотите кнопку Facebook   с собственной картинкой, то следующий способ для вас.

Facebook кнопка для сайта «Мне нравится» своими руками

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

И так, для начала найдите себе картинку кнопки facebook или сделайте ее сами. Я на своем блоге использую вот такую кнопку:

кнопка facebook на сайте

Загружаем картинку к себе на хостинг в папку images в папке с шаблоном (темой). У меня путь до папки выглядит так:

 

http://blognat.ru/wp-content/themes/Krem_Jam/kremjam/images/me_in_facebook.png

После всего заходим в  single.php и ищем куда вставить кнопку. Я рекомендую ставить кнопку в конце поста. Чтобы поставить внизу статьи, то ставьте код после  <?php the_content(»); ?>, а если в начале, то — до кода. Данный код:

<a rel="nofollow" target="blank" href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/me_in_facebook.png" title="Написать в Facebook" alt="Написать в Facebook" /></a>

Сохраняем изменения и проверяем как работает кнопка.

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

публикация записи в facebook

Если вы все сделали правильно, то кнопка должна работать после нажатия именно так, как показано на скриншоте выше.

Плагин кнопки Facebook «Мне нравится» для сайта

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

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

WP FB Like — с помощью плагина можно разместить кнопку вверху статьи и внизу без заморочек с кодом, так же как и в предыдущем варианте, можно указывать расстояния отступа от краёв.

Facebook Like Button и Facebook Like Button Plugin — плагины примерно одинаковые по настройкам. В общей сложности использовать можно любой плагин, все равно работать они будут одинаково.

Общий смысл установки кнопки очень актуален. Facebook является самой крупной социальной сетью в мире. Поисковики идут по пути того, что буду учитывать в ранжировании количество лайков (нажатий по кнопке like) и тем самым, самые интересные, то есть по которым больit всего нажали будут выводится выше.

Еще как мотивация установки, это то, что возможно быстро рассказать друзьям о интересной статье.


Читать ещё:

Комментирование закрыто.