logo помогаю бизнесу зарабатывать больше.
Связаться
Введите название услуги:

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

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 готов.

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

Оставить заявку
По любым вопросам пишите мне в мессенджеры .
Написать в WhatsApp
+7 (925) 444-48-89
Написать в Telegram
@max_webs
Ваша цена
Предложите свою цена за товар или услугу. Пишите мне в мессенджеры или оставьте заявку в данной форме.
Написать в WhatsApp
+7 (925) 444-48-89
Написать в Telegram
@max_webs
[contact-form-7 id="22192" title="Универсальная форма"]
[contact-form-7 id="114828" title="Рассчитать стоимость"]

Представительство Max-Webs в других городах:

There are no products