Anleitung zum Artikel

So f├╝gen Sie Facebook Web Chat mit GTM hinzu

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

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
In die Zwischenablage kopiert!

Sind Sie bereit, loszulegen? ÔťĘ

  • Nutzen Sie die M├Âglichkeiten von respond.io , um Ihren Umsatz zu steigern und Ihre Kunden zu begeistern.
  • 7 Tage kostenlos testen
  • Keine Kreditkarte erforderlich
  • Jederzeit abbrechen
Kostenlos anmelden
  • Erleben Sie eine personalisierte Demo mit uns
  • Entdecken Sie, warum mehr als 10.000 Unternehmen uns w├Ąhlen
Demo buchen