Как сделать кнопку нравится страница в фейсбук. Добавляем виджет «Мне нравится» (Вконтакте) и Facebook Like Button (Фейсбук) на свой блог

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

Итак, чтобы установить себе на блог вот такую кнопочку

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

Вот этот код нужно вставить внутри тега (в файле header.php):

VK.init({apiId: #######, onlyWidgets: true});

Не забудьте вместо знаков ###### вставить свои индивидуальные номера!

А вот этот код вставьте в то место, где Вы хотите разместить свою кнопку:

VK.Widgets.Like("vk_like", {type: "button"});

Как видите, я разместил эту кнопку после каждой статьи на блоге (файл single.php).

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

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

Переходим на , видим вот такое окно:

URL to Like – оставляем это поле пустым

Layout Style – стиль счетчика (я выбрал стандартный).

Width – ширина кнопки. Подберите её под свой дизайн (я выбрал 450рх).

Verb to display – какое слово будет отображаться на кнопке: Like (Нравится) или Recommend (Рекомендовать). Я остановился на первом варианте.

Font (шрифт) и Color Scheme (Цветовая схема) выбирайте на свой вкус.

После того, как Вы сделали нужные настройки, нажимаем на кнопку Get Code:

Появится вот такое окно:

Нас интересует код из верхнего поля iframe . Копируем этот код в то место, где Вы хотите видеть кнопку «I like».

Теперь очень важный момент! Если у Вас блог на WordPress, то после

http://www.facebook.com/plugins/like.php?href=

нужно вставить

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

& layout=

Установить кнопку Мне нравится на свой блог.

После редактирования кода, я должен выбрать место, где желаю видеть кнопку. Здесь существует одно ограничение. Я могу установить ее только после вывода контента, тоесть текста поста. Так как я думаю обеспечить вывод этой кнопки в файле single.php, я ищу код:

& lt; ?php the_content ("" ) ; ?& gt;

Теперь в любой последующей строке я могу вставить полученные коды от сервиса Facebook. Но и здесь я должен быть осторожен, так как могу своей вставкой нарушить оформление блога.

Итого, кнопка мне нравится установлена на каждой странице с заметками, она активна, к тому же все написано на русском языке, и ничем не отличается от той кнопки “Like”, вывод которой обеспечивается одноименным плагином. Заметил, что кнопка для меня активна, потому взял грех на духу, задумал проверить, как же она работает – нажал на ней.

Ага, Facebook показывает кому моя статья понравилась, но это для проверки, больше я не буду нажимать свои кнопки, ведь это не честно. Но зато я уверен в работоспособности установленной кнопки Мне нравится на моем блоге. Ток что, уважаемые читатели, Вы можете прочитав эту заметку нажать кнопочку, если моя работа Вам понравилась.

Подвожу итог, я добавил кнопку мне нравится от Facebook. Я вывел в одном месте на моем блоге, вы можете ее выводить в Sidebare, главное при установке в ее кода в файл шаблона выполнить простое условие, о котором я писал выше. Исходя из него, я не могу выводить кнопку вверху текста поста, но это для меня не критично. Потому разобравшись с Facebookом иду дальше, потихоньку редактируя свой шаблон для блога, интересно, что получится в итоге.

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

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

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

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

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

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

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

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

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

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

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

Если Вы хотите изменить язык кнопки (по-умолчанию сообщение на кнопке выводятся на английском языке), то Вам необходимо заменить часть URL в коде кнопки — задать локализацию. Так для включения русского языка следует заменить en_US на ru-RU в строке