Anleitung zum Artikel

Hinzufügen von Facebook Web Chat mit GTM

Gerardo Salandra
Oktober 18, 2018

Das Facebook Customer Chat Plugin ist ein unglaubliches kostenloses Live-Chat-Plugin, das Facebook Messenger direkt auf Ihrer Website platziert. Wie herkömmliche Live-Chat-Anbieter bietet Facebook ein Backend namens Facebook Inbox, in dem Ihre Support-Mitarbeiter mit Besuchern, Nutzern und Kunden chatten können. Im Gegensatz zu anderen Live-Chats können Sie Ihren Kontakten auf Facebook Nachrichten schicken, auch wenn sie Ihre Website verlassen haben. Sie erhalten Ihre Nachrichten in der App Facebook Messenger . Das Problem ist, dass Sie den Facebook Web Chat nicht mit Google Tag Manager installieren können, oder doch?

Warum Facebooks Web-Chat-Code nicht mit GTM funktioniert

Wenn Sie Ihre Einbettungscodes mit dem Google Tag Manager oder über ein Wordpress-Addon verwalten möchten, ist dies mit dem von Facebook bereitgestellten Facebook Customer Chat Plugin Code nicht möglich.

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 funktioniert nicht mit Google Tag Manager
Facebook Kunden-Chat-SDK

Da der Code für den Facebook-Kundenchat erfordert, dass Sie das Facebook-SDK und den Code für den Kundenchat einfügen, gibt es keine wirkliche Möglichkeit, den Facebook-Webchat mit dem Google Tag Manager (GTM) zu installieren. Da das Facebook Customer Chat SDK nicht mit Google Tag Manger (GTM) arbeiten kann.

Facebook-Kundenchat-Code

Sie benötigen eine Möglichkeit, diesen Einbettungscode in ein Skript umzuwandeln, das mit dem Google Tag Manager verwendet werden kann.

So installieren Sie Facebook Web Chat mit Google Tag Manager

Um das Facebook-Kunden-Chat-Plugin im Google Tag Manager (GTM) zu installieren, benötigen Sie die folgenden Dinge:

1 Melden Sie sich bei der Rocketbots-Plattform an und erstellen Sie einen Bereich. Sie benötigen einen Bereich, um Ihre Facebook-Seite(n) zu verbinden.

Erstellen Sie einen Bereich, wenn Sie noch keinen haben, um ein Facebook-Kunden-Chat-Plugin zu Ihrer Website mit GTM hinzuzufügen
Schaffen Sie einen Raum, wenn Sie noch keinen haben

2 Wählen Sie Facebook Messenger, , drücken Sie auf Weiter und wählen Sie dann die Facebook-Seite aus, mit der Sie sich verbinden möchten.

Wählen Sie Facebook Messenger , um mit GTM ein Facebook-Kunden-Chat-Plugin zu Ihrer Website hinzuzufügen.
Wählen Sie Facebook Messenger

3 Gib die Details deines Kanals ein und überprüfe, ob du das Facebook-Kundenchat-Widget zu deiner Website hinzufügen kannst?

Prüfen Sie, ob Sie das optionale Kunden-Chat-Plugin mit GTM zu Ihrer Website hinzufügen können.
Prüfen Sie, ob Sie das optionale Kunden-Chat-Plugin hinzufügen möchten

4. Weiße Liste Ihrer Domains, wählen Sie eine Farbe und geben Sie Ihre erweiterten Einstellungen ein.

Domains auf die Whitelist setzen und eine Farbe auswählen, um das Facebook-Kunden-Chat-Plugin zu Ihrer Website hinzuzufügen mit dem Facebook-Kunden-Chat-Plugin
Domains auf die Whitelist setzen und eine Farbe auswählen

Der Referenzcode ermöglicht es Ihnen, eine einzigartige Onboarding-Automatisierung zu starten, wenn der Kontakt vom Facebook Customer Chat Plugin kommt.

Erweiterte Einstellungen anpassen, um das Facebook-Kunden-Chat-Plugin mit Google Tag Manager zu Ihrer Website hinzuzufügen
Erweiterte Einstellungen anpassen

5. Kopieren Sie das Skript.

Kopieren Sie das Skript zum Hinzufügen des Facebook-Kunden-Chat-Plugins zu Ihrer Website mit Google Tag Manager
Das Skript kopieren

6. Fügen Sie das Skript als benutzerdefinierten HTML-Tag in GTM ein.

Fügen Sie das Skript ein, um das Facebook-Kunden-Chat-Plugin zu Ihrer Website mit Google Tag Manager hinzuzufügen
Einfügen des Skripts

7. Klicken Sie unter Rocketbots auf Fertig und überprüfen Sie Ihre Seiten.

Überprüfen Sie Ihre Website, um das Facebook-Kunden-Chat-Plugin mit Google Tag Manager zu Ihrer Website hinzuzufügen
Überprüfen Sie Ihre Website

Na, das war doch gar nicht so schwer, oder? Mit der Rocketbots-Plattform ist es viel einfacher und schmerzloser, einen neuen Facebook-Kunden-Chat-Code zu generieren, der tatsächlich mit GTM und Wordpress-Add-ons als Script funktioniert.

Mit dem Facebook-Kundenchat-Plugin ist es auch einfacher, Ihre Kontakte auf der Rocketbots-Plattform zu verwalten. Mit Rocketbots lernt die KI aus Ihren Unterhaltungen über den Facebook-Kundenchat, und je mehr sie lernt, desto mehr und mehr wird sie hilfreiche intelligente Antworten liefern, Ein-Klick-Antworten, die auf Ihren früheren Antworten auf ähnliche Fragen beruhen. Lassen Sie sie weiter lernen, und bald kann die KI damit beginnen, Ihre Antworten zu automatisieren.

Gerardo Salandra
Geschäftsführender Direktor
Gerardo Salandra ist CEO und Mitbegründer von respond.io. Mit früheren Erfahrungen bei IBM, Google und Runtastic hat er Fachwissen in den Bereichen künstliche Intelligenz und Growth Hacking gesammelt. Er hat einen MBA-Abschluss der Chinese University of Hong Kong.
Tags
Mofu
In die Zwischenablage kopiert!