Как установить кнопку «Мне нравится» от Facebook | Пятый элемент блогосферы


Как установить кнопку «Мне нравится» от 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
Оставить комментарий

avatar
10000
  Подписаться  
новее старее
Уведомление о
Николай
Николай

Вот ещё вариант: http://www.likebtn.com

Алексей
Алексей

А как сделать чтобы эти кнопки отображались справа от текста статьи?

Aida
Aida

Установили код на сайт, не виден(

Ирина
Ирина

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

Саша
Саша

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

Sergei
Sergei

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

Литератор
Литератор

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

Midwest
Midwest

Да, и я поставил. только не потестить особо, в фейсбуке полно коллег по работе 🙂

Alexey Khakhalin
Alexey Khakhalin

Пришла и мне пора поставить эту кнопку 🙂 Благодарю за инструкции

wndr
wndr

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


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