Article sur le mode d'emploi

Comment ajouter Facebook Web Chat 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 addon 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
Facebook Chat SDK pour les clients

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

Facebook Code pour le chat avec les clients

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 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 (vos) page(s) Facebook .

Créez un espace si vous n'en avez pas encore pour ajouter un plugin Facebook Customer Chat à 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 de Facebook's Customer Chat Widget à 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'onboarding, si le contact provient de Facebook Customer Chat Plugin.

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

5. Copiez le script.

Copier le script pour ajouter Facebook Customer Chat Plugin à 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 Facebook Customer Chat Plugin à votre site web avec Google Tag Manager
Coller le script

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

Vérifiez votre site pour ajouter Facebook Customer Chat Plugin à votre site web avec Google Tag Manager
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 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
Copié dans le presse-papiers !

Prêt à commencer ? ✨

  • Exploitez la puissance de respond.io pour augmenter vos ventes et satisfaire vos clients.
  • Essai gratuit de 7 jours
  • Aucune carte de crédit n'est requise
  • Annuler à tout moment
S'inscrire gratuitement
  • Faites l'expérience d'une démonstration personnalisée avec nous
  • Découvrez pourquoi plus de 10 000 entreprises nous choisissent
Réserver une démonstration