Google Tag Manager (GTM) är ett gratis 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 konfigurationen — att skapa ett GTM-konto, lägga till GTM-kodavsnittet på din webbplats och infoga 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å Skapa konto, ange ditt kontonamn och välj ditt land.
Konfigurera en behållare för din webbplats. Ange webbplatsens URL och 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 ditt konto visar GTM två kodavsnitt. Du behöver lägga till dem i webbplatsens HTML:
Klistra in det första kodavsnittet så högt upp i <head> -avsnittet som möjligt.
Klistra in det andra kodavsnittet direkt efter den inledande <body> -taggen.
Tips: Om du använder en plattform som WordPress, Shopify eller PrestaShop kanske du redan har en inbyggd Smartsupp-plugin — läs vår Installationsguide för din plattform innan du använder GTM.
Du kan också komma åt GTM-kodavsnitten senare genom att klicka på ditt behållar-ID (t.ex. GTM-XXXXXX) högst upp i GTM-instrumentpanelen.
Skapa en ny tagg
Klicka på Lägg till en ny tagg i GTM-instrumentpanelen (eller gå till Taggar > Ny). Ge taggen ett namn, till exempel Smartsupp-chatt.
Klicka på området Taggkonfiguration och välj Anpassad HTML som taggtyp.
Infoga Smartsupp-koden
Du hittar din unika Smartsupp-chattkod i instrumentpanelen under Inställningar > Chattruta > Installation > Infoga kod. Kopiera hela kodavsnittet.
Klistra in koden i HTML -fältet för din nya tagg i GTM. Klicka sedan på avsnittet Utlösare nedanför och välj Alla sidor — det säkerställer att Smartsupps chattwidget laddas på varje sida på din webbplats.
Obs: Se till att du klistrar in hela koden inklusive <script> -taggarna. Till skillnad från vissa plattformar accepterar GTM fullständig HTML inklusive skripttaggar i taggtypen Anpassad HTML.
Publicera taggen
Klicka på Spara för att spara taggen och klicka sedan på Skicka -knappen i det övre högra hörnet av GTM-instrumentpanelen.
Lägg till ett versionsnamn och en beskrivning (valfritt) och klicka sedan på Publicera.
Kontrollera installationen
Öppna din webbplats i en ny webbläsarflik och uppdatera sidan. Smartsupps chattwidget bör nu synas i hörnet av din webbplats.
Tips: Om du inte ser chattwidgeten kan du prova att rensa webbläsarens cache eller öppna webbplatsen i ett inkognitofönster. Se också till att GTM-behållarkoden är korrekt installerad på din webbplats.
Relaterade resurser:
Installation av Smartsupp — fullständig översikt över alla installationsmetoder.
Chattruta på flera språk — konfigurera chattwidgeten på flera språk.
Vad är nästa steg?
Grundläggande inställningar för chattrutan — Anpassa färger, placering, välkomstmeddelanden och annat.
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 plugin — Utforska alla tillgängliga plattformsintegrationer.