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

В прошлом сообщении речь шла о том, как установить кнопку «Мне нравится» от ВКонтакте.ру, а теперь настало время пошаговой инструкции по установке аналогичной кнопки от Facebook.

Необходимо зайти на эту страничку и заполнить вот такую форму.

Мне нравится Facebook

Форма


1. В верхнем окошке — URL to like — нужно ввести адрес своего сайта.
2. Далее выбирается стиль кнопки Layout Style: standart — это сама кнопка I like с текстом справа от нее; button_count — справа от кнопки I like будет видно количество тех, кому понравилось, без текста; вариант box_count подобен на предыдущему, только число будет над кнопкой. Кстати, справа от формы располагается предварительный вид кнопки.
3. Show faces — если вам актуально, чтобы отображались лица тех, кому понравился ваш сайт, нужно оставить галочку в окошке этой позиции. Я же галку убрала.
4. Width — ширина, этим все сказано. 450 пикселей по умолчанию для текстового варианта — оптимально, для двух других вариантов нужно задавать меньший размер.
5. Verb to display — отображаемое слово, либо I like, либо recomended. Я оставила I like.
6. Font — шрифт, у каждого сайта он свой. На моем блоге шрифт Verdana, его и выбрала.
7. Color Scheme — цвет кнопки. Есть варианты light и dark. Dark оказался не темно-синим, а мышино-серым, слишком мрачным, поэтому я выбрала светло-синий light.

Далее нужно нажать на кнопку Get Code, чтобы получить код в небольшом окошке. Дается два варианта — в виде html-кода во встроенном фрейме, который выводит русский текст,

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fадрес_сайта&layout=standard&show_faces=true&width=450&action=like&font=verdana&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

и в виде JavaScript, но в этом скрипте текст английский.

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://адрес_сайта" font="verdana"></fb:like>

Такая кнопка «Мне нравится» отображает отношение пользователей Facebook ко всему сайту в целом. Если вы хотите, чтобы внизу каждого поста блога WordPress стояла своя кнопка, вам необходим первый вариант кода с фреймом, в котором часть кода http%3A%2F%2Fадрес_сайта необходимо заменить на <?php the_permalink(); ?>. В этом случае код устанавливается в файл single.php используемой темы между постом и комментариями или в index.php, если вы хотите, чтобы кнопки были видны всегда.

Cама кнопка находится внизу поста. Если пост понравился, тестируйте.

18 Комментарии

Оставить комментарий
  1. Спасибо, правда пока непонятно как нужные картинки в фб вставлять. у меня почему-то он счетчики показывает(

  2. script src=»http://connect.facebook.net/ru_RU/all.js#xfbml=1″
    просто укажите язык ru_RU и будет вам и JS по совеццки 😉

  3. Если брать код кнопки на сайте фейсбук, то надписи «наравится» и «поделиться» будут отображаться английскими словами (like и share). Чтобы из русифицировать найдите в строчке кода en_US и замените на ru_RU
    После этого слова станут на русском.

  4. Если скрипт XFBML вставить вниз страницы, то при нажатии на кнопку в Chrome появляется пустое место внизу страницы. В других браузерах это пустое место появляется, но сразу исчезает. Кто-нибудь это исправлял?

  5. А у меня на сайте счетчик работает а на фейсбук статистика не передается… Создатели статьи, с такой проблемой сталкиваются многие пользователи — напишите пару строк в своем топике

  6. А у меня выдал совсем другой код с фреймом (вернее про фрейм там вообще ничего не сказано). Может уже изменились настройки? Так и не поняла какой код взять и как установить, чтобы был после каждой статьи по всему сайту. Подскажите.

Добавить комментарий


Пятый элемент блогосферы © 2015