seo

Как добавить виджет Facebook страница на сайт

виджет facebook

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

Интернет развивается очень быстро, так же как и идут изменения в социальных сетях. Не избежал изменений и этот вопрос. Поэтому сегодня мы опять к нему возвращаемся.

Итак, начнем с того, что старый виджет - "Мне нравиться", теперь Facebook не используется. Вместо него устанавливается плагин "Страница". Заходим по адресу https://developers.facebook.com/docs/plugins/page-plugin и выбираем именно его.

плагин страница

И переходим к его настройке. Все очень просто:

  1. Вводим адрес своей страницы
  2. Ширина виджета. Она не может превышать 500 px. Максимальная ширина обычно используется в том случае, если Вы захотите установить код в тело статьи. Как это сделать поговорим позже.
  3. Вкладки. Здесь давайте поговорим подробнее. Дело в том, что именно эта опция дает нам возможность менять внешний вид самого виджета. Если Вы спуститесь чуть ниже по странице, то увидите предложенные настройки. Нас будут интересовать именно вкладки. Их всего три:вкладки
    - timeline - позволяет выводить записи страницы в виджете;
    - events - показывает запланированные мероприятия в виджете;
    messages - появляется поле отправки сообщения на страницу через виджет.
    - если Вы поле оставите пустым, то отображаться будет только сам заголовок и те настройки, которые Вы оставите.

    поля

  4. Высота. Так же как и ширина не превышает 500 px.

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

После настройки надо получить код. Кликаем на кнопку

получить код

И получаем два вида кода.

1 код - SDK Javascript

1 код

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

2 шаг - Копируете код этого шага и устанавливаете его в редакторе Вашего сайта - Обычно это header.php. В этом случае Вам надо найти тег <body>. И прямо после него установить код.

3 шаг - Копируйте код этого шага и устанавливайте его в том месте, где бы Вы хотели его увидеть. Это может быть тело статьи (тогда это место надо искать "методом тыка". Не забудьте сохранить файл, с которым вы будете работать в первозданном виде. На всякий случай...). А можно установить его в виджет - текст, сайдбара. Это самый простой способ.

2 код - IFraim

Если этот способ вызывает затруднения - используйте второй код - IFraim. Здесь надо сделать два шага.

2 код

1 шаг соответствует первому случаю.

2 шаг - Берете второй код и устанавливаете его либо в тело статьи, либо в виджет текст сайдбара.

Я остановилась на сайдбаре.
Вот и все. Достаточно просто. Выполняйте все действия и любуйтесь результатом.

Всего доброго!
Смирнова Ирина

Добавить комментарий