Google Tag Manager (GTM) is een gratis tool van Google waarmee je eenvoudig trackingcodes en scripts op je website beheert, zonder dat je zelf in de broncode hoeft te duiken. In deze handleiding nemen we je stap voor stap mee: van het aanmaken van een GTM-account, het toevoegen van het GTM-fragment aan je site, tot het plaatsen van de Smartsupp chat code als tag.
De stappen zijn verdeeld in deze onderdelen:
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 aanmaken, vul een accountnaam in en selecteer je land.
Maak een container aan voor je website. Vul het adres van je site in en kies Web als platform. Klik op Aanmaken om door te gaan.
Accepteer de servicevoorwaarden zodat je verder kunt.
GTM installeren op je website
Zodra je je account hebt aangemaakt, krijg je van GTM twee codefragmenten. Je moet deze in de HTML van je website plaatsen:
Plak het eerste fragment zo ver mogelijk bovenin de <head>-sectie.
Plak het tweede fragment direct na het openen van de <body>-tag.
Tip: Gebruik je een platform als WordPress, Shopify of PrestaShop? Grote kans dat je Smartsupp al via een plugin kunt koppelen — check eerst onze installatiegids voor jouw platform voordat je met GTM aan de slag gaat.
Je kunt de GTM-codes later altijd terugvinden door op je container-ID (bijvoorbeeld GTM-XXXXXX) bovenin het GTM-dashboard te klikken.
Nieuwe tag maken
Klik in je GTM-dashboard op Nieuwe tag toevoegen (of navigeer naar Tags > Nieuw). Geef de tag een herkenbare naam, bijvoorbeeld Smartsupp Chat.
Klik bij Tagconfiguratie en kies Aangepaste HTML als tagtype.
Smartsupp code invoegen
Je eigen Smartsupp chat code vind je op je dashboard onder Instellingen → Kanalen → Live chat → Installatie. Kopieer het hele codefragment.
Plak deze code in het HTML-veld van de nieuwe tag in GTM. Klik daarna onderaan bij Triggeren en kies Alle pagina's — zo wordt de Smartsupp chat widget op elke pagina zichtbaar.
Let op: Plak echt het hele codefragment, inclusief de <script>-tags. In tegenstelling tot sommige platforms kun je bij GTM gewoon volledige HTML, mét script-tags, toevoegen bij het tagtype Aangepaste HTML.
Tag publiceren
Klik op Opslaan om je tag op te slaan en daarna op de knop Indienen rechtsboven in het GTM-dashboard.
Vul eventueel een versienaam en beschrijving in en klik dan op Publiceren.
Installatie controleren
Open je website in een nieuw tabblad en herlaad de pagina. De Smartsupp chat widget hoort nu rechtsonder in beeld te verschijnen.
Tip: Zie je de chat widget niet? Probeer dan je browsercache te wissen of open je site in een incognitovenster. Check ook of de GTM-containercode goed op je website staat.
Gerelateerde bronnen:
Smartsupp installatie — alle manieren om te installeren in één overzicht.
Meertalige chatbox — zo stel je de Smartsupp chat widget in meerdere talen in.
Wat kun je nog meer doen?
Basis chatboxinstellingen — Pas kleuren, positie, welkomberichten en meer aan.
Chatboxstatus — Lees hoe de Smartsupp chat widget status werkt en hoe je deze aanpast.
Waarom zie ik de chat niet op mijn website? — Los snel de meest voorkomende installatieproblemen op.
Plugins downloaden — Check alle beschikbare platformkoppelingen.