Пошаговые гайды

Как добавить веб-чат Facebook с помощью GTM

Gerardo Salandra
18 октября 2018 года

Facebook Customer Chat Plugin - это невероятный бесплатный плагин чата, который размещает Facebook Messenger прямо на вашем сайте. Как и традиционные поставщики чатов, Facebook предоставляет заднюю часть под названием Facebook Inbox, где ваш персонал поддержки может общаться с посетителями, пользователями и клиентами. Однако, в отличие от других чатов, Facebook позволяет вам отправлять сообщения вашим контактам, даже после того, как они покинут ваш сайт, они будут получать ваши сообщения в приложении Facebook Messenger . Проблема в том, что вы не можете установить Facebook Web Chat с помощью Google Tag Manager, или можете?

Почему код веб-чата Facebooks не работает с GTM

Если вы хотите управлять кодами встраивания с помощью Google Tag Manager или аддона Wordpress, вы обнаружите, что это невозможно с помощью Facebook Customer Chat Plugin Code, предоставленного Facebook.

The code provided is an HTML snippet, a <div> that must be pasted on every site page individually. This is a problem if you have 100 pages. The obvious option is add to the Facebook Customer Chat script to Google Tag Manager (GTM).

Facebook Customer Chat SDK не работает с Google Tag Manager
Facebook SDK для чата с клиентами

Поскольку код Facebook Customer Chat требует, чтобы вы вставили Facebook SDK и код чата клиентов, нет реального способа установить Facebook Web Chat с Google Tag Manager (GTM). Поскольку Facebook Customer Chat SDK не может работать с Google Tag Manger (GTM).

Facebook Код чата для клиентов

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

Как установить Facebook Web Chat с помощью Google Tag Manager

Чтобы установить плагин Facebook Customers Chat Plugin на Google Tag Manager (GTM), вам понадобятся следующие вещи:

  • Страница Facebook
  • Аккаунт Rocketbots
  • Доступ к Google Tag Manager для вашей веб-страницы

1 Войдите в платформу Rocketbots и создайте пространство. Вам понадобится пространство для подключения вашей страницы (страниц) Facebook.

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

2 Выберите Facebook Messenger, , нажмите next, затем выберите страницу Facebook, к которой вы хотите подключиться.

Выберите Facebook Messenger Для добавления плагина Facebook Customer Chat на ваш сайт с помощью GTM
Выберите Facebook Messenger

3 Заполните данные о своем канале и проверьте, как добавить Facebook'Customer Chat Widget' на свой сайт?

Проверьте, чтобы добавить дополнительный плагин чата с клиентами на ваш сайт с помощью GTM
Проверьте, чтобы добавить дополнительный плагин для чата с клиентами

4. Белый список ваших доменов, выберите цвет и заполните дополнительные настройки.

Белые списки доменов и выбор цвета для добавления Facebook Customer Chat Plugin на ваш сайт с помощью Facebook Customer Chat Plugin
Белый список доменов и выбор цвета

Код ссылки позволяет запустить уникальную автоматизацию онбординга, если контакт пришел из Facebook Customer Chat Plugin.

Настройка дополнительных параметров для добавления плагина Facebook Customer Chat Plugin на ваш сайт с помощью Google Tag Manager
Настройка дополнительных параметров

5. Скопируйте сценарий.

Скопируйте скрипт, чтобы добавить плагин Facebook Customer Chat Plugin на ваш сайт с помощью Google Tag Manager
Скопируйте сценарий

6. Вставьте сценарий в GTM в качестве пользовательского HTML-тега.

Вставьте скрипт для добавления плагина Facebook Customer Chat Plugin на ваш сайт с помощью Google Tag Manager
Вставьте сценарий

7. Нажмите Готово на Rocketbots и проверьте свои страницы.

Проверьте свой сайт, чтобы добавить плагин Facebook Customer Chat Plugin на ваш сайт с помощью Google Tag Manager
Проверьте свой сайт

Ну, это было не так уж и сложно, не так ли? Используя платформу Rocketbots, вам будет намного проще и намного безболезненнее сгенерировать новый код Facebook Customer Chat, который действительно работает с GTM и дополнениями Wordpress в виде скрипта.

Вместе с плагином Facebook Customer Chat Plugin вы обнаружите, что управлять контактами на платформе Rocketbots стало еще проще. ИИ Rocketbots учится на ваших разговорах в чате Facebook, и чем больше он учится, тем больше и больше он будет предоставлять полезные умные ответы, ответы в один клик, основанные на ваших прошлых ответах на похожие вопросы. Пусть он продолжает учиться, и вскоре искусственный интеллект начнет автоматизировать ваши ответы.

Gerardo Salandra
Генеральный директор
Gerardo Salandra CEO и соучредитель компании . Имея опыт работы в IBM, Google и Runtastic, он накопил опыт в области искусственного интеллекта и хакинга роста. Получил степень MBA в Китайском университете Гонконга. respond.io
Теги
Скопировано в буфер обмена!

Готовы приступить к работе? ✨

  • Раскройте возможности сайта respond.io для роста продаж и восхищения клиентов.
  • 7-дневная бесплатная пробная версия
  • Без привязки карты
  • Отмена в любой момент
Зарегистрироваться
  • Проведите с нами индивидуальную демонстрацию
  • Узнайте, почему 10 000+ предприятий выбирают нас
Заказать демо