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

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

Виджет от 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 готов.

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

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

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

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

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

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

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

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

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

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

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

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

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

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

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

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

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

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

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

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

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

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

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

Комментарий

[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
Начать сотрудничество
Заполните поля ниже. Я лично перезвоню Вам в течении 15 минут для обсуждения деталей.

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

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

Введите контактный Email для отправки точной стоимости

или позвоните мне по телефону
+7-499-70-300-44
Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

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

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

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

Комментарий

[contact-form-7 404 "Not Found"]
Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

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

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

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

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

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

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

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

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

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

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Заказать услугу
Я свяжусь с Вами в течении 15 минут в рабочее время для обсуждения деталей

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

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

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

Запись на бесплатный урок
Введите ваше имя, телефон и skype логин.
Я свяжусь с Вами для уточнения времени прохождения урока.

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

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

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

Выберите программу

Промокод

Задать свой вопрос
Напишите свой вопрос. Я прочитаю его, и дам ответ в течении 15 минут.

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

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

Сообщение