So installieren Sie Smartsupp auf Ihrer Website mit dem Google Tag Manager — von der Erstellung Ihres GTM-Kontos bis zur Veröffentlichung des Tags mit Ihrem Smartsupp-Chat-Code.
Google Tag Manager (GTM) ist ein kostenloses Tool von Google, mit dem Sie Tracking-Codes und Skripte auf Ihrer Website verwalten können, ohne den Quellcode direkt zu bearbeiten. Diese Anleitung führt Sie durch die vollständige Einrichtung — Erstellung eines GTM-Kontos, Hinzufügen des GTM-Snippets auf Ihrer Website und Einfügen des Smartsupp-Chat-Codes als Tag.
Wir haben die Anleitung in folgende Abschnitte unterteilt:
GTM-Konto erstellen
Wenn Sie noch kein Google Tag Manager-Konto haben, gehen Sie zu tagmanager.google.com und melden Sie sich mit Ihrem Google-Konto an. Klicken Sie auf Konto erstellen, geben Sie Ihren Kontonamen ein und wählen Sie Ihr Land aus.
Richten Sie einen Container für Ihre Website ein. Geben Sie die URL Ihrer Website ein, wählen Sie Web als Zielplattform und klicken Sie auf Erstellen.
Akzeptieren Sie die Nutzungsbedingungen, um fortzufahren.
GTM auf Ihrer Website installieren
Nach der Kontoerstellung zeigt GTM zwei Code-Snippets an. Diese müssen Sie in das HTML Ihrer Website einfügen:
Fügen Sie das erste Snippet so weit oben wie möglich im <head>-Bereich ein.
Fügen Sie das zweite Snippet direkt nach dem öffnenden <body>-Tag ein.
Tipp: Wenn Sie eine Plattform wie WordPress, Shopify oder PrestaShop verwenden, gibt es möglicherweise bereits ein integriertes Smartsupp-Plugin — sehen Sie in unserem Installationshandbuch für Ihre Plattform nach, bevor Sie GTM verwenden.
Sie können später auch auf die GTM-Snippets zugreifen, indem Sie auf Ihre Container-ID (z.B. GTM-XXXXXX) oben im GTM-Dashboard klicken.
Neuen Tag erstellen
Klicken Sie im GTM-Dashboard auf Neuen Tag hinzufügen (oder gehen Sie zu Tags > Neu). Geben Sie Ihrem Tag einen Namen, zum Beispiel Smartsupp Chat.
Klicken Sie auf den Bereich Tag-Konfiguration und wählen Sie Benutzerdefiniertes HTML als Tag-Typ.
Smartsupp-Code einfügen
Finden Sie Ihren einzigartigen Smartsupp-Chat-Code im Dashboard unter Einstellungen > Chatbox > Installation > Code einfügen. Kopieren Sie den gesamten Code-Snippet.
Fügen Sie den Code in das HTML-Feld Ihres neuen Tags in GTM ein. Klicken Sie dann auf den Bereich Trigger darunter und wählen Sie Alle Seiten — damit wird das Smartsupp-Chat-Widget auf jeder Seite Ihrer Website geladen.
Hinweis: Stellen Sie sicher, dass Sie den vollständigen Code einschließlich der <script>-Tags einfügen. Im Gegensatz zu einigen Plattformen akzeptiert GTM vollständiges HTML einschließlich Script-Tags im Tag-Typ Benutzerdefiniertes HTML.
Tag veröffentlichen
Klicken Sie auf Speichern, um Ihren Tag zu speichern, und dann auf die Schaltfläche Senden in der oberen rechten Ecke des GTM-Dashboards.
Fügen Sie einen Versionsnamen und eine Beschreibung hinzu (optional) und klicken Sie dann auf Veröffentlichen.
Installation überprüfen
Öffnen Sie Ihre Website in einem neuen Browser-Tab und aktualisieren Sie die Seite. Das Smartsupp-Chat-Widget sollte jetzt in der Ecke Ihrer Website sichtbar sein.
Tipp: Wenn Sie das Chat-Widget nicht sehen, versuchen Sie, den Browser-Cache zu leeren oder Ihre Website in einem Inkognito-Fenster zu öffnen. Stellen Sie außerdem sicher, dass der GTM-Container-Code ordnungsgemäß auf Ihrer Website installiert ist.
Verwandte Ressourcen:
Smartsupp-Installation — vollständige Übersicht aller Installationsmethoden.
Mehrsprachige Chatbox — Chat-Widget in mehreren Sprachen einrichten.
Wie geht es weiter?
Grundlegende Chatbox-Einstellungen — Passen Sie Farben, Position, Willkommensnachrichten und mehr an.
Chatbox-Status — Erfahren Sie, wie der Chat-Widget-Status funktioniert und wie Sie ihn steuern.
Warum kann ich den Chat auf meiner Website nicht sehen? — Beheben Sie die häufigsten Installationsprobleme.
Plugins herunterladen — Entdecken Sie alle verfügbaren Plattform-Integrationen.
💡 Brauchen Sie weitere Hilfe? Kontaktieren Sie unser Support-Team — wir helfen Ihnen gerne!