Anleitung zum Artikel

So fügen Sie Facebook Web Chat mit GTM hinzu

Gerardo Salandra
Hauptgeschäftsführer, Respond.io
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 Google Tag Manager oder über ein Wordpress-Addon verwalten möchten, werden Sie feststellen, dass dies mit dem Facebook Customer Chat Plugin Code, der von Facebook bereitgestellt wird, nicht möglich ist.

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

Da der Facebook Kunden-Chat-Code erfordert, dass Sie das Facebook SDK und den Kunden-Chat-Code einfügen, gibt es keine echte Möglichkeit, den Facebook Web-Chat mit Google Tag Manager (GTM) zu installieren. Da das Facebook Kunden-Chat-SDK nicht mit Google Tag Manger (GTM) funktionieren kann.

Facebook Kunden-Chat-Code

Sie benötigen eine Möglichkeit, diesen Einbettungscode in ein Skript umzuwandeln, das mit google tag manager verwendet werden kann.

So installieren Sie Facebook Web Chat mit Google Tag Manager

Um das Facebook Kunden-Chat-Plugin auf 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 Geben Sie die Details Ihres Kanals ein und prüfen Sie, ob Sie das Kunden-Chat-Widget von Facebook zu Ihrer Website hinzufügen können?

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.

Whitelist-Domains und Auswahl einer Farbe zum Hinzufügen von Facebook Customer Chat Plugin zu Ihrer Website mit Facebook Customer 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.

Passen Sie die erweiterten Einstellungen an, um Facebook Kunden-Chat-Plugin zu Ihrer Website mit Google Tag Manager hinzuzufügen
Erweiterte Einstellungen anpassen

5. Kopieren Sie das Skript.

Kopieren Sie das Skript, um Facebook Kunden-Chat-Plugin zu Ihrer Website mit Google Tag Manager hinzuzufügen
Das Skript kopieren

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

Fügen Sie das Skript ein, um 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 Facebook Kunden-Chat-Plugin zu Ihrer Website mit Google Tag Manager hinzuzufügen
Überprüfen Sie Ihre Website

Nun, 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.

Zusammen mit dem Facebook Customer Chat Plugin ist es auch einfacher, Ihre Kontakte auf der Rocketbots-Plattform zu verwalten. Mit Rocketbots lernt die KI aus Ihren Unterhaltungen über Facebook Customer Chat, 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 basieren. Lassen Sie die KI weiter lernen und schon bald kann sie damit beginnen, Ihre Antworten zu automatisieren.

Tags
In die Zwischenablage kopiert!

Sind Sie bereit, loszulegen?

Herzlichen Dank! Sie werden zum Anmeldeformular weitergeleitet.
Huch! Es ist ein Fehler aufgetreten. Aktualisieren Sie Ihren Browser und versuchen Sie es erneut.
Vielen Dank! Ihr Beitrag ist eingegangen!
Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
14 Tage kostenlose Testversion starten