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 behöva röra källkoden. Den här guiden vägleder dig steg för steg – från att skapa ett GTM-konto, lägga till GTM-snippets på din webbplats och slutligen lägga in Smartsupp-chattkoden som en tagg.
Guiden är uppdelad i följande delar:
Skapa ett GTM-konto
Har du inget Google Tag Manager-konto än? Gå in på tagmanager.google.com och logga in med ditt Google-konto. Klicka på Skapa konto, fyll i ett kontonamn och välj land.
Ställ in en container för din webbplats. Ange din webbplats-URL, välj Webb som målplattform och klicka sedan på Skapa.
Godkänn användarvillkoren för att fortsätta.
Installera GTM på din webbplats
När du har skapat kontot visar GTM två kodsnuttar som du ska lägga till i din webbplats HTML:
Klistra in den första snutten så högt upp i <head>-delen som möjligt.
Klistra in den andra snutten direkt efter <body>-starttaggen.
Tips: Använder du till exempel WordPress, Shopify eller PrestaShop? Då kan det redan finnas ett Smartsupp-plugin – kika på vår installationsguide för just din plattform innan du fortsätter med GTM.
Du hittar GTM-kodsnuttarna igen genom att klicka på ditt container-ID (t.ex. GTM-XXXXXX) längst upp i GTM-instrumentpanelen.
Skapa en ny tagg
I GTM-instrumentpanelen klickar du på Lägg till en ny tagg (eller gå in under Taggar > Ny). Döp taggen, till exempel Smartsupp-chatt.
Klicka i fältet Taggkonfiguration och välj Anpassad HTML som typ.
Lägg in Smartsupp-koden
Du hittar din unika Smartsupp-chattkod i instrumentpanelen under Inställningar → Kanaler → Livechatt → Installation. Kopiera hela kodsnutten.
Klistra in koden i HTML-fältet för din nya tagg i GTM. Klicka sedan under Utlösare och välj Alla sidor – då laddas Smartsupp-chattwidgeten automatiskt på varje sida på din webbplats.
Obs! Klistra in hela kodsnutten, inklusive <script>-taggarna. Till skillnad från vissa andra plattformar tillåter GTM att du använder HTML-taggar inkl. script-taggar när du väljer Anpassad HTML-tagg.
Publicera taggen
Klicka på Spara för att spara taggen och därefter på Skicka uppe till höger i GTM-instrumentpanelen.
Du kan nu lägga till ett versionsnamn och en beskrivning (valfritt). Klicka sedan på Publicera.
Kontrollera installationen
Öppna din webbplats i en ny webbläsarflik och ladda om sidan. Nu ska Smartsupp-chattwidgeten synas nere i hörnet på sajten.
Tips: Ser du inte chattwidgeten? Testa att tömma webbläsarens cache eller öppna webbplatsen i ett inkognitofönster. Dubbelkolla också så att GTM-containerkoden ligger på plats i din webbplats HTML.
Relaterade resurser:
Smartsupp-installation – komplett översikt över alla installationssätt.
Flerspråkig chattruta – så visar du chattwidgeten på flera språk.
Vad händer nu?
Grundinställningar för chattrutan – Anpassa färger, placering, välkomstmeddelanden och mer.
Chattrutans status – Så funkar statusen och så styr du den.
Varför syns inte chatten på min webbplats? – Felsök vanliga installationsproblem.
Ladda ner plugins – Se alla plattformsintegrationer.