Заработали в 2020 г. для наших клиентов $448765
logo

Добавляем виджет “Мне нравится” от Facebook на сайт

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5
Загрузка...
3 марта 2014 в 21:28 Блог веб-разработчика

Виджет от Facebook представляет собой блок, состоящий из кнопки “Мне нравится” и фотографий тех пользователей, которые собственно на эту кнопку нажали. (Пример — мой блок от Facebook ).

Этот виджет доступен только для страниц созданных в Facebook. Если у Вас нет страницы, тогда Вам можно установить кнопку “Мне нравится” от Facebook, без такого виджета. Тоже нужная вещь. Но страницу все же рекомендую создать и настроить.

Страница у нас есть, переходим к настройке виджета. Клик по этой ссылке и Вы на странице создания виджета. Перед нами вот такое чудо:

По пунктам:

  • Facebook page URL. Адрес Вашей страницы в Facebook. У меня он выглядит вот так: https://www.facebook.com/MyExclusiveNews, заглядывайте иногда.
  • Widht. Ширина блока (виджета). Для более точной подгонки под дизайн моего блога, мне понадобился еще один параметр – height (высота), но его нет в настройках, хотя в получаемом коде он будет и его значение можно редактировать. Widht моего блока равен 681px (681 пиксель).
  • Color Scheme. Схема цветов. Светлая или темная.
  • Show Faces. Эта опция отвечает за вывод лиц тех, кому понравилась Ваша страница, т.е. кто кликнул на кнопку “Мне нравится”. Страна должна знать своих героев в лицо, потому я оставил галочку в этом пункте.
  • Show stream. Опция выводит последние записи со страницы в Facebook. Я эту опцию отключил. Во-первых потому, что на моей странице в Facebook публикуются только анонсы постов, которые итак есть в этом блоге. А во-вторых, вывод последних сообщений занимает довольно много места. Да и скорость загрузки блока увеличивается, что тоже не очень хорошо.
  • Show header. Заголовок блока. Оставляем, пусть будет.

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

На этом предлагаемые Facebook настройки заканчиваются, жмем кнопку “Get code”:

Система выдаст табличку с 2 частями кода. 1 часть кода нужно вставить на странице «Header.php» один раз, в идеале сразу после тега открытия <body> Я вставил этот код перед </head>

2 часть кода вставляем в сайдбар. Для этого заходим в Внешний вид виджеты — перетаскиваемым «Текст — Произвольный текст или HTML-код » в сайдбар.

Все, Ваш блок виджетМне нравится” от Facebook готов.

Похожие статьи

Оставить заявку
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Ваш вопрос:

Введите контактный E-mail: *


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

Заполнить все поля

Как с вами связаться? *

Контактный номер телефона: *

Какие услуги вас интересуют?

Прикрепить к ответу коммерческое предложение? *

В каком регионе планируете работать ?

Сколько заявок в месяц вам необходимо получать?

Средний чек за продажу товара/услуги ?

Вкратце опишите свою деятельность и причину обращения:

Представьтесь, пожалуйста:

Бюджет на реализацию


Заказать обратный звонок
Для экономии вашего времени на все звонки отвечают программисты, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите ваше имя *

Как с вами связаться? *

Введите контактный телефон *