Как установить чат Facebook Messenger на сайт
Краткая инструкция по установке онлайн-чата на сайт от Facebook Messenger. Позволяет общаться пользователями сайта страницы компании в Fаcebook и спользуяю один канал связи — Facebook Messenger.
Требуется сделать две вещи:
- Установить SDK Facebook.
- Установить плагин чата на сайт.
Для установки SDK Facebook, использую Диспетчер Тегов Google.
В код SDK надо добавить ID приложения, от которой будет чат.
После проделанных выше манипуляций, добавляем код плагина на сайт. По идее, его можно было бы установить через Диспетчер Тегов, но у меня выдает ошибку. Это баг, который вероятно исправят в будущем. Поэтому поставил напрямую на сайт. Если используете WordPress, то с помощью плагина Head, Footer and Post Injections это делается за 2 минуты. Вставляем в поле «BEFORE THE </BODY> CLOSING TAG (FOOTER)»:
В коде важно указать:
- ID страницы page_id=""
- Настройку отображения на сайте. Я выбрал по умолчанию minimized="true".
И надо добавить домен сайта в белый список страницы Facebook:
Все, чат заработал:
В чем прелесть чата Facebook Messenger:
- бесплатный — халява приди!
- удобный канал связи, с функционалом передачи файлов всего, что есть в Messenger;
- общаться через смартфон, передавать звуковые сообщения;
- можно подключить чат-бота и автоответчик;
- и отслеживать события как конверсии.
Полезные ссылки
Начало работы Facebook SDK для JavaScript: https://developers.facebook.com/docs/javascript/quickstart/
Плагин чата с клиентами (бета-версия): https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin
Плагин Head, Footer and Post Injections для WordPress: https://ru.wordpress.org/plugins/header-footer/
Если никогда не работали с Диспетчером Тегов Google, то эти видео могут помочь:
