Article sur le mode d'emploi

Comment ajouter le Facebook Web Chat avec GTM

Gerardo Salandra
Directeur général, Respond.io
18 octobre 2018

Le plugin Facebook Customer Chat est un incroyable plugin de chat en direct gratuit 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. À la différence des autres chats en direct, Facebook vous permet de renvoyer des messages à vos contacts, même après qu'ils aient 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 addon Wordpress, vous constaterez que cela n'est pas possible avec le code du plugin de chat client de Facebook 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 avec les clients de Facebook

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

Code de discussion avec les clients de Facebook

Vous aurez besoin d'un moyen de transformer ce code d'intégration en un script qui peut être utilisé avec google tag manager.

Comment installer le Facebook Web Chat 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 ou vos pages 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 suivant puis choisissez la page Facebook à laquelle vous souhaitez vous connecter.

Sélectionner Facebook Messenger pour ajouter un plugin de chat client Facebook à votre site web en utilisant GTM
Sélectionnez Facebook Messenger

3 Remplissez les détails de votre canal et vérifiez que vous ajoutez le widget de chat client de Facebook à votre site web ?

Vérifier l'ajout du plugin optionnel Customer Chat pour l'ajouter à votre site web en utilisant GTM
Vérifier l'ajout du plugin optionnel de discussion avec les clients

4. Mettezvos 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 des 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
Régler 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érez le script dans GTM comme une 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.

Vérifier votre site pour ajouter le plugin Facebook Customer Chat à votre site web avec Google Tag Manager
Vérifiez votre site

Eh bien, 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 moins pénible de générer un nouveau code de chat client Facebook qui fonctionne réellement avec GTM et les modules complémentaires de Wordpress en tant que script.

Avec le plugin Facebook Customer Chat, vous constaterez 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 chat client Facebook, 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.

Tags
Copié dans le presse-papiers !

Prêt à commencer ?

Merci ! Vous êtes redirigé vers le formulaire d'inscription.
Oups ! Quelque chose s'est mal passé, rafraîchissez votre navigateur et réessayez.
Merci ! Votre demande a été reçue !
Oups ! Un problème est survenu lors de la soumission du formulaire.
Démarrer un essai gratuit de 14 jours