Google Tag Manager (GTM) is een gratis tool van Google waarmee je trackingcodes en scripts op je website beheert zonder de broncode zelf aan te passen. Deze handleiding neemt de hele opzet met je door – een GTM-account aanmaken, het GTM-fragment aan je site toevoegen en de Smartsupp-chatcode als tag invoegen.
We hebben de handleiding opgedeeld in de volgende onderdelen:
Een GTM-account aanmaken
Heb je nog geen Google Tag Manager-account, ga dan naar tagmanager.google.com en log in met je Google-account. Klik op Account maken, vul je accountnaam in en kies je land.
Stel een container voor je website in. Vul de URL van je website in, kies Web als doelplatform en klik op Maken.
Accepteer de servicevoorwaarden om verder te gaan.
GTM op je website installeren
Nadat je je account hebt aangemaakt, toont GTM twee codefragmenten. Die moet je aan de HTML van je website toevoegen:
Plak het eerste fragment zo hoog mogelijk in het <head>-gedeelte.
Plak het tweede fragment direct na de openende <body>-tag.
Tip: Gebruik je een platform als WordPress, Shopify of PrestaShop, dan heb je misschien al een ingebouwde Smartsupp-plugin – bekijk onze installatiehandleiding voor jouw platform voordat je GTM gebruikt.
Je kunt de GTM-fragmenten later ook opvragen door boven in het GTM-dashboard op je container-ID (bijvoorbeeld GTM-XXXXXX) te klikken.
Een nieuwe tag maken
Klik in het GTM-dashboard op Een nieuwe tag toevoegen (of ga naar Tags > Nieuw). Geef je tag een naam, bijvoorbeeld Smartsupp Chat.
Klik op het gedeelte Tagconfiguratie en kies Aangepaste HTML als tagtype.
De Smartsupp-code invoegen
Je unieke Smartsupp-chatcode vind je in het dashboard onder Instellingen > Chatbox > Installatie > Code invoegen. Kopieer het volledige codefragment.
Plak de code in het veld HTML van je nieuwe tag in GTM. Klik daarna op het gedeelte Triggering eronder en kies Alle pagina's – zo laadt de Smartsupp-chatwidget op elke pagina van je website.
Let op: Plak de volledige code inclusief de <script>-tags. Anders dan bij sommige platforms accepteert GTM in het tagtype Aangepaste HTML volledige HTML inclusief script-tags.
De tag publiceren
Klik op Opslaan om je tag te bewaren en klik daarna rechtsboven in het GTM-dashboard op de knop Verzenden.
Voeg eventueel een versienaam en beschrijving toe en klik op Publiceren.
De installatie controleren
Open je website in een nieuw browsertabblad en vernieuw de pagina. De Smartsupp-chatwidget zou nu in de hoek van je site zichtbaar moeten zijn.
Tip: Zie je de chatwidget niet, wis dan de cache van je browser of open je site in een incognitovenster. Controleer ook of de GTM-containercode correct op je website is geïnstalleerd.
Gerelateerde bronnen:
Smartsupp installeren – volledig overzicht van alle installatiemethoden.
Meertalige chatbox – stel de chatwidget in meerdere talen in.
Wat is de volgende stap?
Basisinstellingen van de chatbox – pas kleuren, positie, welkomstberichten en meer aan.
Chatboxstatus – leer hoe de status van de chatwidget werkt en hoe je die beheert.
Waarom zie ik de chat niet op mijn website? – los de meest voorkomende installatieproblemen op.
Plugins downloaden – ontdek alle beschikbare platformintegraties.