Google Tag Manager (GTM) är ett kostnadsfritt verktyg från Google som låter dig hantera spårningskoder och skript på din webbplats utan att redigera källkoden direkt. Den här guiden går igenom hela installationen – att skapa ett GTM‑konto, lägga till GTM‑snutten på din webbplats och lägga in Smartsupp‑chattkoden som en tagg.
Vi har delat upp guiden i följande avsnitt:
Skapa ett GTM‑konto
Om du inte har ett Google Tag Manager‑konto än går du till tagmanager.google.com och loggar in med ditt Google‑konto. Klicka på Create Account, ange ditt kontonamn och välj ditt land.
Ställ in en container för din webbplats. Ange din webbplats‑URL och välj Web som målplattform, klicka sedan på Create.
Acceptera användarvillkoren för att fortsätta.
Installera GTM på din webbplats
Efter att du har skapat ditt konto visar GTM två kodsnuttar. Du behöver lägga till dessa i HTML‑koden på din webbplats:
Klistra in den första snutten så högt upp som möjligt i <head>‑sektionen.
Klistra in den andra snutten direkt efter den öppnande <body>‑taggen.
Tips: Om du använder en plattform som Wordpress, Shopify eller Prestashop kan det hända att det redan finns ett inbyggt Smartsupp‑plugin – kolla vår installationsguide för din plattform innan du använder GTM.
Du kan också komma åt GTM‑snuttarna senare genom att klicka på ditt container‑ID (t.ex. GTM-XXXXXX) högst upp i GTM‑instrumentpanelen.
Skapa en ny tagg
I GTM‑instrumentpanelen klickar du på Add a new tag (eller går till Tags > New). Ge din tagg ett namn, till exempel Smartsupp Chat.
Klicka i området Tag Configuration och välj Custom HTML som taggtyp.
Lägg in Smartsupp‑koden
Hitta din unika Smartsupp‑chattkod i instrumentpanelen under Settings > Chatbox > Installation > Insert code. Kopiera hela kodsnutten.
Klistra in koden i fältet HTML för din nya tagg i GTM. Klicka sedan på sektionen Triggering nedanför och välj All Pages – det säkerställer att Smartsupp‑chattwidgeten laddas på alla sidor på din webbplats.
Obs: Se till att du klistrar in hela koden inklusive <script>‑taggarna. Till skillnad från vissa plattformar accepterar GTM full HTML inklusive skripttaggar i taggtypen Custom HTML.
Publicera taggen
Klicka på Save för att spara din tagg och klicka sedan på knappen Submit uppe till höger i GTM‑instrumentpanelen.
Lägg till ett versionsnamn och en beskrivning (valfritt) och klicka sedan på Publish.
Verifiera installationen
Öppna din webbplats i en ny webbläsarflik och uppdatera sidan. Smartsupp‑chattwidgeten ska nu vara synlig i ett hörn på din webbplats.
Tips: Om du inte ser chattwidgeten kan du testa att rensa webbläsarens cache eller öppna din webbplats i ett inkognitofönster. Kontrollera också att GTM‑containerkoden är korrekt installerad på din webbplats.
Relaterade resurser:
Smartsupp‑installation – full översikt över alla installationsmetoder.
Flerspråkig chattruta – ställ in chattwidgeten på flera språk.
Vad är nästa steg?
Grundläggande chattruteinställningar – anpassa färger, position, välkomstmeddelanden med mera.
Chattrutans status – lär dig hur chattwidgetens status fungerar och hur du styr den.
Varför kan jag inte se chatten på min webbplats? – felsök de vanligaste installationsproblemen.
Ladda ner plugins – utforska alla tillgängliga plattformsintegrationer.