Google Tag-Manager
In dieser Anleitung erfährst du, wie du den melibo Chatbot mithilfe des Google Tag Managers (GTM) auf deiner Website integrierst. Die Integration erfolgt über ein einfaches Custom HTML Tag – ohne zusätzlichen Code im Quelltext der Seite.
🧰 Voraussetzungen
Bevor du startest, benötigst du:
Zugriff auf den Google Tag Manager
Zugriff auf dein melibo Chatbot Dashboard (Styler-Bereich)
Deinen Chatbot-Key
🧩 Schritt 1: Custom HTML Tag erstellen
Öffne den Google Tag Manager.
Klicke auf „Tags“ → „Neu“ → „Tag Configuration“.
Wähle „Custom HTML“ aus.
Füge den folgenden Code in das HTML-Feld ein:
<script src= "https://cdn.melibo.de/v2/integration.js?key=YOUR_CHATBOT_KEY"></script>
Ersetze YOUR_CHATBOT_KEY mit deinem tatsächlichen Chatbot-Key (siehe nächster Abschnitt).
Wähle unter „Triggering“ einen passenden Trigger, z. B.:
All Pages, um den Chatbot auf jeder Seite zu laden
oder einen spezifischen Trigger, um ihn nur auf bestimmten Seiten einzubinden
Speichere den Tag.
📄 Eine detaillierte Anleitung zur Erstellung eines Custom HTML Tags findest du hier: 👉 Anleitung Google Tag Manager (interner Link oder Support-Seite)
🔑 Schritt 2: Chatbot-Key finden
Melde dich in deinem melibo Dashboard an.
Gehe zu Chatbot Styler → Installation.
Kopiere den angezeigten Key (nicht den gesamten Skriptcode).
Beispiel:
Diesen Wert setzt du in den Skript-Tag aus Schritt 1 ein:
🚀 Schritt 3: Tag veröffentlichen
Klicke im Tag Manager auf „Submit“.
Füge eine Beschreibung hinzu, z. B. Chatbot-Integration aktiviert.
Veröffentliche die Änderungen.
Prüfe anschließend auf deiner Website, ob der Chatbot korrekt geladen wird.
Du kannst mit den GTM-Vorschau-Tools testen, ob das Script auf den gewünschten Seiten ausgelöst wird.
🔗 Alternative Integration
Falls du den Chatbot ohne Google Tag Manager einbinden möchtest, findest du hier die passende Anleitung: 👉 Chatbot-Integration ohne GTM
✅ Der Chatbot wurde erfolgreich über den Google Tag Manager integriert und ist nun auf deiner Website aktiv!
Zuletzt aktualisiert
War das hilfreich?