Интеграция Facebook

Совершить интеграцию можно используя функции конструктора: «Пользовательский HTML» и «Менеджер скриптов», подробно Вы можете прочитать в инструкции по интеграции.

Список возможных интеграций с Facebook: https://developers.facebook.com/docs/plugins

Кнопка «Сохранить»

Кнопка «Сохранить»

Кнопка «Сохранить» позволяет людям сохранять товары или услуги в частном списке на Facebook, делится им с друзьями и получать актуальные уведомления.

 

Кнопки «Нравится», «Поделиться», «Отправить», «Цитировать»

Плагин «Цитата»

Этот плагин позволяет людям выбрать текст на странице и использовать его в публикуемых материалах, чтобы рассказать более интересную историю.


Кнопка «Нравится»

Кнопка «Нравится» позволяет людям одним нажатием поделиться материалами вашего веб-сайта на Facebook.


Кнопка «Поделиться»

Эта кнопка позволяет людям делиться информацией на Facebook с друзьями или в группе. А при желании они смогут отправить информацию в личном сообщении.


Кнопка «Отправить»

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

 

Встраиваемые комментарии, публикации и видеоплеер


Встраиваемые комментарии

Плагин «Встраиваемые комментарии» позволяет размещать общедоступные комментарии к материалам на вашем веб-сайте или веб-странице.


Встраиваемые публикации

Плагин «Встраиваемые публикации» позволяет без труда размещать общедоступные публикации на сайте или веб-странице.


Встраиваемые видео и видеоплеер

Встраиваемый видеоплеер позволяет добавлять видео и прямые трансляции с Facebook на ваш веб-сайт. В качестве источника можно использовать любое публично доступное видео, которое размещено на Facebook от имени Страницы или человека.

 

Плагин «Страница»

Плагин «Страница»

Плагин «Страница» позволяет встроить в веб-сайт компоненты Страницы Facebook.

 

Комментарии

Плагин комментариев

Этот плагин позволяет комментировать материалы на вашем веб-сайте с помощью аккаунта Facebook.

 

Кнопка «Подписаться»

Кнопка «Подписаться»

Эта кнопка позволяет подписаться на общедоступные обновления других людей на Facebook.

 

Для того, чтобы добавить виджет на Ваш сайт - получите код и добавить его в конструктор, используя «Пользовательский HTML» и «Менеджер скриптов».

Данная инструкция подойдет для интеграции любого виджета из Facebook.

 

Для примера выберем виджет «Мне нравится».

Для того чтобы добавить виджет, Вам нужно:

 

1. Перейдите по ссылке https://developers.facebook.com/docs/plugins.

Найдите в списке Кнопка «Нравится» и нажмите Веб-платформа.

В открывшемся окне Вы сможете увидеть описание данного виджета, а также пошаговую инструкцию по интеграции кнопки “Нравится” на свой сайт.

 

2. Заполните форму, используя пошаговые инструкции. Нажмите на кнопку «Получить код» .

3. В открывшемся окне будет предоставлено 2 варианта кода для интеграции виджета:

SDK JavaScript  - Код разделен на 2 части. Для интеграции используйте инструменты конструктора:

“Менеджер скриптов” и “Пользовательский HTML”.

IFrame - Для интеграции используйте инструмент конструктора - “Пользовательский HTML”

4. Далее переходим в конструктор. Рассмотрим вариант интеграции виджета, используя кода SDK JavaScript.

Так как код разделен на 2 части, необходимо использовать 2 инструмента: «Менеджер скриптов» и «Пользовательский HTML»:

Этап 1:Используйте «Менеджер скриптов».

В открывшемся окне нажмите «Добавить»

Далее выполните следующие действия:

1. Введите название скрипта.

2. Укажите его положение. Как было указано в инструкции по интеграции SDK JavaScript кода

нужно вставить после тега

 

3. Вставьте 1-ую часть Кода которую скопировали с Facebook.  Нажмите на текстовое окно правой кнопкой мыши в контекстном меню выберите  «Вставить» или используя горячие клавиши Ctrl+V.

 

4. Нажмите «Добавить».

Этап 2:

Используйте «Пользовательский HTML». Для этого зажмите его левой кнопкой мыши и перетяните в необходимое место.

В открывшемся окне вставьте 2-ую часть кода, нажав на текстовое окно правой кнопкой мыши и в контекстном меню нажав на «Вставить» или используя горячие клавиши Ctrl+V.

После того как код добавиться, нажмите «Сохранить».

Далее у Вас в конструкторе появится заглушка.

Расположите заглушку там, где хотите видеть Ваш виджет.

Результат Вы сможете увидеть в предпросмотре.

Готово.

 

 

.