Как добавить на блог кнопку Like от Facebook

24.06.2010 | Рубрики: Полезняшки
Тэги: ,

like-button.gifКак вы уже, наверное, заметили на Вебсовете появилась новая кнопка “Мне нравится” над текстами постов. Это популярная нынче кнопка от Facebook, которая показывает скольким людям из Facebook понравилась та или иная статья.

Добавить кнопку на свой блог достаточно просто. Нужно лишь прописать следующий код:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&layout=standard&show_faces
=false&width=450&action=like&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>

Несколько пояснений:

1. Высоту и ширину можно задавать произвольно.
2. Если у свойства show_faces задать значение true, то кроме имен фейсбуковцев будут показаны также их аватары.
3. Код нужно размещать в пределах цикла, выводящего пост. Если вы хотите, чтобы кнопка просто висела где-то в сайдбаре и означала всеобщую любовь к вашему блогу, то вместо:

<?php the_permalink() ? >

пропишите в коде адрес блога.

Комментарии (21)

  1. axel 05.07.2010

    еще ж вконтакте такую хрень сделали… надо попробовать…

    Ответить

  2. Игорь Квентор 07.07.2010

    Верно! Есть и вконтактная кнопка. Напишу-ка и про нее тоже :)

    Ответить

  3. Aport13 16.07.2010

    Помогите решить проблему с кодировкой. Ставлю, все как вы сказали - вылезают крокозябры. Вообще, при любой к=попытке законектить сайтс фейсбуком (плагины) - анонсы выводится нормально, лайкается тоже, но все в битой кодировке. Сайт и база в юникоде без БОМ.

    В чем может быть проблема?

    Ответить

    Сергей

    @Aport13, такая же проблема.

    Ответить

  4. Русаков Вячеслав 22.07.2010

    Спасибо за пояснение. Теперь и я добавил ))

    Ответить

  5. Влад 14.08.2010

    А как убрать текст справа от кнопки - “…пользователям это нравится”? Чтобы на сайте была видна только картинка

    Ответить

  6. Игорь Квентор 15.08.2010

    Влад, увы, в настройках кнопки нет такой возможности

    Ответить

  7. grodarh 07.10.2010

    Как сделать цвет текста, скажем, белым?

    Ответить

  8. Игорь Квентор 07.10.2010

    Никак. Есть только 2 цветовые схемы, которыми ведает сам фейсбук. light и dark. И то это меняет лишь цвет кнопки. Цвет текста не поменять

    Ответить

  9. batkobelomor 14.10.2010

    можно ж поменять тип кнопки. заменить «layout=standard» на «layout=button_count»

    Ответить

  10. Игорь Квентор 15.10.2010

    batkobelomor, речь не о виде кнопки, а об используемых расцветках. Свой собственный цвет не задать.

    Ответить

  11. Михаил 24.11.2010

    Что-то не получается( Пишет:

    <iframe src=”http://www.facebook.com/plugins/like.php?href=
    Fatal error: Call to undefined function the_permalink() in /home/y0003048/domains/eparhialka.ru/public_html/index.php on line 40

    РНР, вроде подключен, inc-люды читаются.

    Ответить

    Игорь Квентор

    @Михаил, это потому, что код заточен под Вордпресс. В вашем случае вместо <?php the_permalink() ?> нужно прописывать адрес страницы, которую вы хотите сделать Like

    Ответить

  12. Михаил 25.11.2010

    Понял, спасибо!

    Ответить

  13. Иван 08.06.2011

    У меня сайт на joomla я вставил код со скриптом кнопки «Like Buttom» в php шаблона. Кнопка появилась на всех страницах, но при нажатии на кнопку на страницу в facebook передается адрес не адрес страницы с которой отправляли, а «www.facebook.com». Я хочу, что бы кнопка выводилась не на каждой странице и если выводилась, то с правильной ссылкой. Как это сделать?

    Ответить

    Игорь Квентор

    @Иван, не могу сказать. С джумлой не работал.

    Ответить

  14. Aleksandr 31.07.2011

    Круть! спасибо)

    Ответить

  15. Валерий 12.08.2011

    У меня такая трабла с этой кнопкой:
    Адрес имеет вид www.****.ru/****/index.php?var1=1&var2=2
    при передаче такого адреса на страницу фейсбука теряется все, что после амперсанта, ну и сам & тоже, остается только www.****.ru/****/index.php?var1=1
    ответа наверно не дождусь, но для других будет полезно знать =)
    Да, замена амперсанта на его коды не помогает, по злой иронии эти коды тоже содержат амперсанты =)
    &
    &

    Ответить

    Валерий

    @Валерий,
    Итак, сам отвечаю на свой вопрос =)
    Все амперсанты заменил на %26
    $link_fb = str_replace(’&’,'%26′,$link_fb);
    Все заработало, если кому поможет - значит не зря небо копчу =)

    Ответить

  16. Валерий 12.08.2011

    @Валерий,
    блин пример кодов интерпретировался =)
    &_#_0_3_8_;
    &_a_m_p_;
    без нижних подчеркиваний =)

    Ответить

  17. Елена 23.10.2011

    Кнопочка действительно нужная, так как через социальные сети идёт неплохой трафик, а установить после такого подробного объяснения проще простого.Спасибо!

    Ответить

Трэкбеки

Оставить комментарий