Как установить чат Facebook Messenger на сайт

Краткая инструкция по установке онлайн-чата на сайт от Facebook Messenger. Позволяет общаться пользователями сайта страницы компании в Fаcebook и спользуяю один канал связи – Facebook Messenger.

Требуется сделать две вещи:

  1. Установить SDK Facebook.
  2. Установить плагин чата на сайт.

Для установки SDK Facebook, использую Диспетчер Тегов Google.

Установка Facebook SDK через GTM
Установка Facebook SDK через GTM

В код SDK надо добавить ID приложения, от которой будет чат.

ID приложения Facebook

 

После проделанных выше манипуляций, добавляем код плагина на сайт. По идее, его можно было бы установить через Диспетчер Тегов, но у меня выдает ошибку. Это баг, который вероятно исправят в будущем. Поэтому поставил напрямую на сайт. Если используете WordPress, то с помощью плагина Head, Footer and Post Injections это делается за 2 минуты. Вставляем в поле “BEFORE THE </BODY> CLOSING TAG (FOOTER)”:

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

В коде важно указать:

  • ID страницы page_id=””
  • Настройку отображения на сайте. Я выбрал по умолчанию minimized=”true”.
ID бизнес страницы в Facebook
ID бизнес страницы в Facebook

И надо добавить домен сайта в белый список страницы Facebook:

Все, чат заработал:

Чат от Facebook Messenger
Установленный чат заработал

В чем прелесть чата 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, то эти видео могут помочь: