Интеграция Facebook Messenger Custom для персонального использования

Для того чтобы настроить отправку уведомлений через Messenger, пользователь должен иметь подтвержденную учетную запись Facebook с e-mail и телефоном, созданное приложение Facebook и страницу Facebook в статусе “опубликована”.

Посмотреть подробную инструкцию, как создать страницу и приложение Facebook для интеграции Messenger Custom >>

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

Если хотя бы один из этих пунктов не был настроен, на этапе подписки на канал вы увидите такое сообщение:

1 Настройка интеграции - интеграция не настроена.png

Шаг 1. Настройка интеграции

  1. Перейдите на экран Интеграции. Это можно сделать через выпадающее меню в верхнем правом углу экрана. Перед этим убедитесь, что вы залогинены в системе.
  2. 2 Настройка интеграции - зайти в интеграции.png
  3. Нажмите на кнопку Создать.
  4. 3 Настройка интеграции - создать интеграцию.png
  5. Кликните по карточке Facebook Messenger Custom.
  6. 4 Настройка интеграции - выбрать Messenger.png
  7. Задайте собственное название интеграции при необходимости и введите Page Access Token. Чтобы его получить, на портале Meta для Разработчиков (бывш. Facebook для Разработчиков) выберите нужное приложение и пройдите следующий путь: Messenger>Настройки>Маркеры доступа.
  8. 5 Настройка интеграции - введите токен.png
  9. Поставьте галочку напротив поля Обрабатывать входящие сообщения (и позволять подписываться через интерфейс Notify.Events).
  10. 6 Настройка интеграции - поставьте галочку.png
  11. Персональный Incoming Message URL будет сформирован автоматически. Его необходимо вставить в в поле URL обратного вызовы в настройках страницы Facebook в интерфейсе Meta for Developers: Приложение>Messenger>Настройки>Webhooks.
  12. Далее заполните поле Page User Name. Если у страницы уже задан юзернэйм, вы найдете его в настройках страницы: Страница>Настройки>Информация о Странице>Имя пользователя. Либо просто скопируйте ID страницы из ее URL.
  13. Введите произвольный набор цифр и/или букв в поле Verify Token. Поле Verify Token в интерфейсе Notify.Events и поле Маркер подтверждения в интерфейсе Facebook (Приложение>Messenger>Настройки>Webhooks) должны совпадать.
  14. 7 Настройка интеграции - заполните поля.png
  15. После нажатия на кнопку Сохранить созданная интеграция появится на экране Интеграции.
  16. 8 Настройка интеграции - добавленная интеграция.png

Как создать страницу и приложение Facebook для интеграции Messenger Custom? Смотрите подробную инструкцию >>

Шаг 2. Разрешение подписки

  1. Перейдите в свойства канала через кнопку Редактировать на главном экране Панели управления или на экране канала.
  2. 9 Настройка интеграции - настройки канала.png
  3. Поставьте галочку напротив Facebook Messenger Custom в поле Разрешить подписку через интеграцию и нажмите кнопку Сохранить. Facebook Messenger Custom будет отображаться в этом поле только после успешного выполнения Шага 1.
  4. 10 Настройка интеграции - разрешите интеграцию.png

На следующем этапе вы сможете добавить кастомную интеграцию на канал.

Шаг 3. Добавление кастомной интеграции на канал

После того, как вы настроили интеграцию Facebook Messenger Custom и разрешили подписку, вы сможете добавить ее на выбранный канал в качестве получателя.

Для этого:

  1. На экране канала нажмите кнопку Подписаться в разделе Получатели.
  2. 11 Добавление интеграции - подписка.png
  3. На экране Подписка на канал выберите Facebook Messenger Custom.
  4. 12 Добавление интеграции - выберите Messenger.png
  5. Нажмите на кнопку, чтобы добавить бота в свой список контактов.
  6. 13 Добавление интеграции - добавьте бота.png
  7. После этого в новом окне автоматически откроется диалог с вашим ботом. Авторизуйтесь в Messenger через аккаунт Facebook, под которым были созданы бот и страница.
  8. 14 Добавление интеграции - диалог с ботом.png
  9. Скопируйте команду подписки и отправьте ее в диалог. Вы можете изменить язык на русский, отправив команду locale ru.
  10. 15 Добавление интеграции - отправьте команду .png

Готово! Теперь подписка появится в разделе Получатели на экране канала, и вы будете получать уведомления из заданных сервисов в Messenger.

16 Добавление интеграции - добавленная подписка .png

Настройка приложения и страницы Facebook

Как создать приложение (бота) Facebook?

  1. Зайдите или зарегистрируйтесь на портале Meta для Разработчиков (бывш. Facebook для Разработчиков) с помощью своего аккаунта Facebook.
  2. 17 Создание приложения - Meta for dev.png
  3. На экране Приложения нажмите кнопку Создать Приложение.
  4. 18 Создание приложения - создайте приложение.png
  5. Выберите тип приложения Другое и нажмите Далее.
  6. 19 Создание приложения - выберите тип.png
  7. Введите название вашего приложения в поле Отображаемое название и проверьте ваш контактный email в соответствующем поле. Указывать Бизнес-аккаунт необязательно. После этого нажмите на кнопку Создание приложения.
  8. 20 Создание приложения - заполните имя.png
  9. На открывшемся экране нажмите кнопку Настроить в карточке Messenger.
  10. 21 Создание приложения - выберите Messenger.png

Поздравляем! Вы создали свой собственный бот FB Messenger. Теперь вам нужно создать страницу и привязать ее к боту, чтобы начать им пользоваться.

Как создать страницу Facebook и привязать ее к боту?

  1. На панели управления приложением выберите в правом боковом меню Messenger>Настройки. Прокрутите экран вниз до раздела Маркеры доступа и нажмите кнопку Создать новую Страницу.
  2. 22 Создание страницы - создайте страницу.png
  3. В новом окне введите название страницы в поле Название страницы и выберите подходящую категорию в поле Категория. Заполнять поле Описание необязательно. Затем нажмите кнопку Создать Страницу, а после получения сообщения об успешном создании – кнопку Сохранить.
  4. 23 Создание страницы - введите данные.png
  5. На открывшемся главном экране страницы выберите в левом боковом меню Настройки.
  6. 24 Создание страницы - перейдите в настройки.png
  7. В разделе Информация о Странице введите юзернейм для страницы в поле Имя пользователя. Этот шаг необязателен.
  8. 25 Создание страницы - введите юзернэйм.png
  9. Вернитесь на окно приложения и нажмите кнопку Добавить или удалить Страницы в разделе Маркеры доступа, чтобы привязать только что созданную страницу.
  10. 26 Создание страницы - добавьте страницу.png
  11. Выберите созданную страницу из списка и нажмите Далее.
  12. 27 Создание страницы - привяжите страницу.png
  13. Убедитесь, что бегунок в строчке Доступ к перепискам от имени Страницы в Messenger и управление ими выставлен на ДА, и нажмите кнопку Готово, а затем OK в новом открывшемся окне.
  14. 28 Создание страницы - разрещите доступ.png
  15. Снова вернитесь на экран приложения и в разделе Webhooks нажмите кнопку Добавить URL обратного вызова. На этом этапе для получения URL обратного вызова и Маркера подтверждения вам потребуется перейти в интерфейс Notify.Events.
  16. 29 Создание страницы - добавьте URL обратного вызова.png
  17. На странице Интеграции создайте интеграцию Facebook Messenger Custom через кнопку Создать. 30 Создание страницы - создайте интеграцию NE .png
  18. В поле Page Access Token временно введите произвольный набор букв и/или цифр. Поставьте галочку напротив поля Обрабатывать входящие сообщения (и позволять подписываться через интерфейс Notify.Events). В поле Page User Name введите название созданной страницы. Если вы не создавали юзернейм, используйте ID страницы из ее URL. В поле Verify Token введите произвольный набор цифр и/или букв. Нажмите кнопку Сохранить.
  19. 31 Создание страницы - заполните поля инетграции NE.png
  20. Скопируйте автоматически сформированную ссылку из поля Incoming Message Url и вставьте в поле URL обратного вызова. В поле Маркер подтверждения в Facebook введите токен, который вы ввели в поле Verify Token в Notify.Events. Затем нажмите кнопку Подтвердить и сохранить.
  21. 32 Создание страницы - введите URL и токен.png
  22. На экране приложения в разделе Webhooks нажмите кнопку Добавить подписки.
  23. 33 Создание страницы - добавьте подписки.png
  24. В открывшемся окне поставьте галочки рядом со строчками messages и messaging_postbacks и нажмите кнопку Сохранить.
  25. 34 Создание страницы - выберите поля подписки.png
  26. На экране приложения в разделе Маркеры доступа нажмите кнопку Сгенерировать маркер.
  27. 35 Создание страницы - сгенерируйте маркер.png
  28. В открывшемся окне поставьте галочку напротив Я понимаю.
  29. 36 Создание страницы - скопируйте маркер.png
  30. Скопируйте полученный токен и вставьте в поле Page Access Token в настройках интеграции Facebook Messenger Custom в интерфейсе Notify.Events. Нажмите кнопку Сохранить, чтобы завершить настройку интеграции. В интерфейсе Facebook нажмите кнопку Готово.
  31. 37 Создание страницы - введите токен.png `

Ура, вы создали страницу для вашего бота Messenger! Теперь вы можете вернуться наверх к инструкции и настроить интеграцию Facebook Messenger Custom, чтобы начать получать уведомления через ваш бот Messenger.