Сети

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

Как добавить кнопку Мне нравится от Facebook? Добавить на свой сайт или блог кнопку «Мне нравится» от Facebook удобно если Вы хотите, чтобы Ваши посетители легко и быстро могли поделиться ссылочкой на Ваш ресурс со своими друзьями и знакомыми. Как добавить кнопку «Мне нравится» от Facebook?

В социальной сети Facebook кнопка «Мне нравится» (Like Button) позволяет пользователю делиться контентом понравившихся ему сайтов и блогов со своими друзьями на Facebook. Когда пользователь нажимает кнопку «Мне нравится» на сайте, понравившийся ему материал появляется в Ленте новостей у друзей этого пользователя с обратной ссылкой на этот сайт. Также ссылка отображается в блоке «Мне нравится» на персональной странице пользователя Facebook.

Для пользователей кнопка «Мне нравится» хороша тем, что она позволяет одним нажатием поделиться интересной и полезной с их точки зрения информацией с остальными пользователями сети. Для Вас же, как для владельца сайта или блога, кнопка «Мне нравится» открывает дополнительные возможности для рекламирования своего ресурса. Таким образом, кнопк «Мне нравится» от Facebook выгодна и полезна обеим сторонам.

Добавить кнопку «Мне нравится» от Facebook на свой сайт или блог можно с помощью специального кода, получить который можно на сайте Facebook Developers. Для этого нужно заполнить специальную форму:

Как добавить кнопку Мне нравится от Facebook?

Процесс получения кода состоит из следующих шагов:

  • поле URL to Like — адрес понравившейся страницы — следует оставить пустым чтобы адресу понравившейся страницы был присвоен адрес страницы, на которой находится кнопка
  • поле Layout Style позволяет выбрать стиль оформления кнопки (со счетчиком голосов или без)
  • поле Show Faces в значении True позволяет отображать аватары пользователей, которым понравился данный сайт или блог
  • в поле Width следует указать ширину плагина в пикселях
  • поле Verb to display отображает название кнопки «Like» или «Recommend» (в русскоязычном варианте «Нравится» или «Рекомендовать»)
  • в поле Font следует выбрать шрифт начертания текста
  • в поле Color Scheme следует выбрать одну из двух предлагаемых схем оформления кнопки: светлую или темную

После заполнения всех полей следует нажать кнопку «Get code» («Получить код»). Теперь чтобы добавить кнопку «Мне нравится» от Facebook на Ваш сайт или блог, Вам следует скопировать из открывшегося окна программный код.

Как добавить кнопку Мне нравится от Facebook?

В верхней части окна представлен iframe-код, в нижней — XFBML. Второй вариант более универсален.

Если поле адреса страницы (URL) осталось незаполненным, то после установки кода кнопки «Мне нравится» в html-код страницы пользователям, нажавшим эту кнопку будет «нравиться» именно эта конкретная страница.

Если выбран iframe-код для вставки его в сайт или блог на движке WordPress, то необходимо несколько изменить данный код. Для этого следует найти такой участок кода:

http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike

и заменить его следующим:

<?php the_permalink()?>

Если Вы хотите, чтобы посетителям "нравился" весь Ваш блог или сайт, то Вам следует заменить указанный участок кода на URL-адрес Вашего ресурса. Затем следует разместить код в шаблоне страниц сайта.

Если Вы хотите изменить язык кнопки (по-умолчанию сообщение на кнопке выводятся на английском языке), то Вам необходимо заменить часть URL в коде кнопки — задать локализацию. Так для включения русского языка следует заменить en_US на ru-RU в строке <script src="http://connect.facebook.net/en_US/…

Добавить кнопку "Мне нравится" от Facebook можно и не используя данный способ. Существуют специальные плагины, которые помогают установить кнопку на сайт или блог. Особенно популярны плагины для WordPress — распространенного блогового движка. Так, можно воспользоваться плагинами WP FB Like, WP-FB-Like-Button, FBLike, WordPress Facebook Like Button Plugin, Facebook Like Button.

Как добавить кнопку Мне нравится от Facebook?

Оцените статью
Комментарии
12
  1. bleataSitedly

    тест на счастье

  2. tribal111

    Ды не эта кнопка, это кнопака типа как на вконтакте «мне нравится» , а мне нужно как у вас с правой стороны сайта кнопака facebook чтобы добавляла на страницу ссылку на сайт!!!

  3. Петька

    я бы на стал вставлять на свой сайт этот весьма странный код… зачем?!
    не проще ли сделать так как Вконтакте?! — обычная ссылка с картинкой «Добавить» и всё! Зачем так неприкрыто лезть в чужой код на чужом сайте?! С какой целью, г.цукерберг?!

  4. уу

    петька тонко троллит

  5. UtroUA

    поставил себе тоже, спс за плагин

  6. Я

    А где вставить код??

  7. Sasha Nazarov

    Привет!
    Поставил кнопки «Мне нравится» от FB и ВК на свой блог
    Проблема появилась следующая: при нажатии по кнопкам на страницах данных соц. сетей появляется ссылка на мой ресурс/статью с КАРТИНКОЙ, но картинку скрипт берет не с той статьи где была нажата данная кнопка, А СО ВСЕГО сайта ставит любую попавшуюся. В итоге получается ссылка на статью с картинкой совершенно от другой статьи.
    Как можно это исправить, или как то можно скрыть картинки от скриптов данных кнопок???

  8. Иволга

    Уважаемый! Вы же не закончили статью! Так куда же вставить код?????

  9. diana

    как позволить всем пользователям facebook ставить моим фотографиям мне нравится

  10. Ольга1

    Сейчас такой код показывает. Не совсем понятно, как теперь изменить его, чтоб фраза не появлялась «Вам и 58 другим это нравится».

    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = «//connect.facebook.net/ru_RU/all.js#xfbml=1»;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));

    2-й блок

  11. ОльгаS

    На моей странице посторонние люди не видят кнопку лайк под моими публикациями. Подскажите, как настроить

  12. рафаэль

    Не работает копка like,если в url вставить сайт на кириллице или даже на idn, кто знает как это исправить?

Добавить комментарий
;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.

Будьте в курсе свежих новостей