+7-499-703-00-44
заказать звонок
Заказать обратный звонок

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

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

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

Спасибо за оставленную заявку
Ожидайте звонка
Время чтения: 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 минут и отвечу на все Ваши вопросы.

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

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

Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

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

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

или позвоните мне по телефону
+7-499-70-300-44
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для обсуждения деталей,
необходимых для расчета стоимости проекта.

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

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

Введите адрес сайта, который нуждается в продвижении *

или позвоните нам по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

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

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

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей.

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

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

или позвоните мне по телефону
+7-499-70-300-44
[contact-form-7 404 "Not Found"]
Спасибо за оставленную заявку
Ожидайте звонка
Заказ СЕО продвижения
Введите ваше имя и телефон.
Я лично свяжусь с Вами для обсуждения деталей.

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

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

Введите ваш Скайп *

Спасибо за оставленную заявку
Ожидайте звонка
Заказ тарифа Профессионал
Введите ваше имя и телефон.
Я лично свяжусь с Вами для начала обучения.

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

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

Введите ваш Скайп *

Спасибо за оставленную заявку
Ожидайте звонка
Заказ тарифа начинающий
Введите ваше имя и телефон.
Я лично свяжусь с Вами для начала обучения.

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

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

Введите ваш Скайп *

Спасибо за оставленную заявку
Ожидайте звонка
Заказать услугу
В течении 15 минут я рассчитаю точную стоимость и сроки и отпишусь Вам.

Спасибо за оставленную заявку
Ожидайте звонка

Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

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

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

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам,
чтобы ответить на ваши вопросы.

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

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

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Начать сотрудничество
Введите ваше имя и телефон.
Я лично перезвоню Вам,
чтобы ответить на ваши вопросы.

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

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

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Обсудить условия
Вкратце опишите Вашу ситуацию. При необходимости прикрепите файл. Я свяжусь с вами в течении 15 минут в рабочее время.

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

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

Прикрепите файл

Сообщение *

Спасибо за оставленную заявку
Ожидайте звонка
Получить коммерческое предложение

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

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

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

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

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

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

Комментарий

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

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

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

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