Article sur le mode d'emploi

Comment ajouter le chat Web de Facebook avec GTM

Gerardo Salandra
18 octobre 2018

Le plugin Facebook Customer Chat est un incroyable plugin gratuit de chat en direct qui place Facebook Messenger directement sur votre site web. Comme les fournisseurs traditionnels de chat en direct, Facebook fournit un back-end appelé Facebook Inbox où votre personnel d'assistance peut discuter avec les visiteurs, les utilisateurs et les clients. Contrairement à d'autres chats en direct, Facebook vous permet d'envoyer des messages à vos contacts, même s'ils ont quitté votre site web, ils recevront vos messages dans l'application Facebook Messenger . Le problème, c'est que vous ne pouvez pas installer le Facebook Web Chat avec Google Tag Manager, ou bien si ?

Pourquoi le code de chat Web de Facebook ne fonctionne pas avec GTM

Si vous souhaitez gérer vos codes d'intégration à l'aide de Google Tag Manager ou d'un module complémentaire de Wordpress, vous constaterez que cela n'est pas possible avec le code du plugin Facebook Customer Chat fourni par 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 ne fonctionne pas avec Google Tag Manager
SDK de chat pour les clients de Facebook

Comme le code du Facebook Customer Chat nécessite de coller le SDK Facebook et le code du chat client, il n'y a pas de véritable moyen d'installer le Facebook Web Chat avec Google Tag Manager (GTM). Le SDK du Facebook Customer Chat ne peut pas fonctionner avec Google Tag Manger (GTM).

Code du chat client Facebook

Vous aurez besoin d'un moyen de transformer ce code d'intégration en un script qui peut être utilisé avec le gestionnaire de tags de Google.

Comment installer le chat Web de Facebook avec Google Tag Manager

Pour installer le plugin Facebook Customers Chat sur Google Tag Manager (GTM), vous aurez besoin des éléments suivants :

1 Connectez-vous à la plateforme Rocketbots et créez un espace. Vous aurez besoin d'un espace pour connecter votre (vos) page(s) Facebook.

Créez un espace si vous n'en avez pas déjà un Pour ajouter un plugin de chat client Facebook à votre site web en utilisant GTM
Créez un espace si vous n'en avez pas déjà un

2 Sélectionnez Facebook Messenger, appuyez sur next puis choisissez la page Facebook que vous souhaitez connecter.

Sélectionnez Facebook Messenger pour ajouter un plugin Facebook Customer Chat à votre site web en utilisant GTM
Sélectionner Facebook Messenger

3 Remplissez les détails de votre canal et vérifiez l'ajout du widget de chat client de Facebook à votre site Web ?

Check To Add The Optional Customer Chat Plugin To Add It To Your Website Using GTM (Vérifier l'ajout du plugin optionnel de discussion avec les clients pour l'ajouter à votre site Web)
Vérifier l'ajout du plugin de chat client optionnel

4. Mettez vos domaines en liste blanche, choisissez une couleur et remplissez vos paramètres avancés.

Whitelist Domains & Select A Color To Add Facebook Customer Chat Plugin To Your Website With Facebook Customer Chat Plugin
Liste blanche de domaines et sélection d'une couleur

Le code de référence vous permet de lancer une automatisation unique de l'accueil, si le contact provient du plugin Facebook Customer Chat.

Ajustez les paramètres avancés pour ajouter le plugin Facebook Customer Chat à votre site web avec Google Tag Manager
Ajuster les paramètres avancés

5. Copiez le script.

Copier le script pour ajouter le plugin Facebook Customer Chat à votre site web avec Google Tag Manager
Copier le script

6. Insérer le script dans GTM en tant que balise HTML personnalisée.

Collez le script pour ajouter le plugin Facebook Customer Chat à votre site web avec Google Tag Manager
Coller le script

7. Cliquez sur Terminé dans Rocketbots et vérifiez vos pages.

Check Your Site To Add Facebook Customer Chat Plugin To Your Website With Google Tag Manager (en anglais)
Vérifiez votre site

Ce n'était pas si difficile, n'est-ce pas ? En utilisant la plateforme Rocketbots, vous trouverez qu'il est beaucoup plus facile et beaucoup plus indolore de générer un nouveau code de Chat Client Facebook qui fonctionne réellement avec GTM et les add-ons Wordpress en tant que Script.

Avec le plugin Facebook Customer Chat, vous découvrirez qu'il est également plus facile de gérer vos contacts sur la plateforme Rocketbots. Avec Rocketbots, l'IA apprend de vos conversations sur le Facebook Customer Chat, et plus elle apprend, plus elle fournit des réponses intelligentes utiles, des réponses en un clic qui sont basées sur vos réponses passées à des questions similaires. Laissez-la continuer à apprendre et bientôt l'IA pourra commencer à automatiser vos réponses.

Gerardo Salandra
Directeur général
Gerardo Salandra CEO et cofondateur de . Fort de son expérience chez IBM, Google et Runtastic, il a accumulé une expertise en matière d'intelligence artificielle et de growth hacking. Il est titulaire d'un MBA de l'Université chinoise de Hong Kong. respond.io
Tags
mofu
Copié dans le presse-papiers !