Der Google Tag Manager (GTM) ist ein kostenloses Tool von Google, mit dem Sie Tracking-Codes und Skripte zentral verwalten, ohne den Website-Code direkt bearbeiten zu müssen. Diese Anleitung führt Sie Schritt für Schritt durch die vollständige Einrichtung – von der Erstellung Ihres GTM-Kontos über das Einfügen des GTM-Snippets auf Ihrer Website bis zur Integration des Smartsupp Chat-Codes als Tag.
Wir haben die Anleitung in die folgenden Abschnitte unterteilt:
GTM-Konto erstellen
Wenn Sie noch kein Google Tag Manager-Konto haben, rufen Sie tagmanager.google.com auf und melden Sie sich mit Ihrem Google-Konto an. Klicken Sie auf Account erstellen, geben Sie Ihren Kontonamen ein und wählen Sie Ihr Land aus.
Legen Sie einen Container für Ihre Website an. Geben Sie die URL Ihrer Website ein und wählen Sie Web als Zielplattform. Klicken Sie dann auf Erstellen.
Akzeptieren Sie die Nutzungsbedingungen, um fortzufahren.
GTM auf Ihrer Website installieren
Nachdem Sie Ihr Konto erstellt haben, zeigt Ihnen GTM zwei Code-Snippets an. Diese müssen Sie im 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: Verwenden Sie eine Plattform wie WordPress, Shopify oder PrestaShop? Dann gibt es für Smartsupp möglicherweise bereits ein Add-on. Prüfen Sie die passende Installationsanleitung für Ihre Plattform, bevor Sie GTM verwenden.
Sie können die GTM-Snippets später erneut aufrufen, indem Sie oben im GTM-Dashboard auf Ihre Container-ID (z. B. GTM-XXXXXX) klicken.
Neuen Tag erstellen
Klicken Sie im GTM-Dashboard auf Neuen Tag hinzufügen (oder gehen Sie zu Tags > Neu). Vergeben Sie einen Namen für Ihren Tag, zum Beispiel Smartsupp Chat.
Klicken Sie im Bereich Tag-Konfiguration und wählen Sie Custom HTML als Tag-Typ aus.
Smartsupp-Code einfügen
Ihren individuellen Smartsupp Chat-Code finden Sie im Dashboard unter Einstellungen → Channels → Live Chat → Installation. Kopieren Sie den gesamten Code-Snippet.
Fügen Sie den Code in das HTML-Feld Ihres neuen Tags in GTM ein. Anschließend wählen Sie unten den Bereich Triggering und dort Alles aus – so wird das Smartsupp Chat-Widget auf jeder Seite Ihrer Website geladen.
Hinweis: Stellen Sie sicher, dass Sie den vollständigen Code inklusive <script>-Tags einfügen. Im Gegensatz zu manchen Plattformen akzeptiert der Google Tag Manager bei diesem Tag-Typ vollständigen HTML-Code inklusive Script-Tags.
Tag veröffentlichen
Klicken Sie auf Speichern, um Ihren Tag zu speichern. Klicken Sie danach oben rechts im GTM-Dashboard auf Submit.
Fügen Sie (optional) einen Versionsnamen und eine Beschreibung hinzu. Klicken Sie anschließend auf Publish.
Installation prüfen
Öffnen Sie Ihre Website in einem neuen Browser-Tab und aktualisieren Sie die Seite. Das Smartsupp Chat-Widget sollte nun in der Ecke Ihrer Website sichtbar sein.
Tipp: Sehen Sie das Chat-Widget nicht? Versuchen Sie, den Browser-Cache zu leeren oder Ihre Website im Inkognito-Modus zu öffnen. Prüfen Sie außerdem, ob der GTM-Container-Code korrekt auf Ihrer Website installiert ist.
Verwandte Ressourcen:
Smartsupp-Installation – vollständige Übersicht aller Installationsmethoden.
Mehrsprachige Chat-Box – Stellen Sie das Chat-Widget in mehreren Sprachen bereit.
Wie geht es weiter?
Grundlegende Chat-Box-Einstellungen – Passen Sie Farben, Position, Begrüßungsnachricht und mehr an.
Chat-Box-Status – Erfahren Sie, wie der Status Ihres Chat-Widgets funktioniert und wie Sie ihn steuern können.
Warum wird der Chat nicht auf meiner Website angezeigt? – Lösungen für die häufigsten Installationsprobleme.
Plugins herunterladen – Entdecken Sie alle verfügbaren Plattformintegrationen.