Oavsett vilken typ av webbplats du har, är det viktigt att veta hur dina besökare interagerar med din webbplats. Google Analytics (GA) har traditionellt varit det verktyg som används av webbansvariga för att få insikter om webbplatstrafik. GA ger användarna statistik och rapporter om:

Antalet besökare på din webbplats
Vilket land de kommer ifrån
Hur många sidor de besökte per session
De mest populära sidorna på din webbplats
Hur många webbplatsbesökare som studsade (lämnade utan att utföra någon åtgärd)

Spårning av viktiga mätvärden som sidvisningar, sessionslängder och avvisningsfrekvens med GA kräver placering av GA-spårningskod^{(GA Tracking Code)} eller ett GA JavaScript -kodavsnitt på varje webbsida. Detta är idealiskt för att hålla reda på allmän information.

Men för mer specifika mätvärden eller flera interaktioner blir det mer utmanande att hålla reda på varje åtgärd. Till exempel skulle det ta mycket tid för en webbplatsägare som vill spåra flera olika former och olika funktioner för att få alla nödvändiga taggar inställda och köra.

Google Tag Manager ( GTM ) är ett gratis verktyg för tagghantering som gör det enklare att spåra alla dina taggar.

Vad är Google Tag Manager?^{(What Is Google Tag Manager?)}

Istället för att ersätta GA fungerar GTM med GA (som är en tagg i sig) för att hjälpa användare att lägga till spårningskod (taggar), definiera regler och distribuera kodavsnitt.

Data som samlas in av GTM skickas till och lagras i GA och andra verktyg som Google Ads , PayPal och Facebook .

Exempel på taggar som webbplatsägare kan vilja spåra är:

Google Ads
evenemang
Facebook pixelkod
Remarketing
Anpassad HTML/JavaScript-kod

Webbplatsägare bör bestämma vilka beteenden som ska ge insikter de behöver för att fatta bättre strategiska marknadsföringsbeslut. Använd sedan Google Tag Manager för att samla in data och analysera resultaten.

I den här artikeln kommer vi att beskriva hur du kommer igång med att använda GTM för din webbplats.

Konfigurera din webbplats^{(Set Up Your Website)}

Om du inte redan har ett Google Tag Manager- konto, skapa ett^{(set one up)} .

Lägg till ditt kontonamn, land, containerkonfiguration (din domän) och din målplattform (välj webb). Klicka sedan på Skapa^(Create) .
När du godkänner Googles användarvillkor kommer du att se ditt container-ID med två kodavsnitt.

Du måste lägga till båda utdragen på varje sida på din webbplats för att slutföra installationsprocessen. Se till att du lägger till dem på rätt plats. En hör hemma i <head> på din sida. Den andra går efter den inledande <body> -taggen.
Om du behöver ytterligare hjälp med att installera utdragen, läs Googles snabbstartsguide^{( Quick Start Guide)} . Eller, om du använder WordPress , det finns flera plugins^{( several plugins)} du kan använda.
När du har skapat din behållare kan du börja lägga till taggar och utlösare för att få insikter om webbplatsens besökare.

Nedan^(Below) är ett exempel på en webbplatsåtgärd som hjälper dig att mäta dina marknadsföringsinsatser.

Spårningsknappklick^{(Tracking Button Clicks)}

Knappklick^(Button) hänvisar till hur många gånger din webbplats uppmaning ( CTA ) klickas på. Många webbplatser har flera CTA^(CTAs) :er , till exempel:

Ladda ner.
Lägg till i kundvagn.
Klicka för att ringa.
Prenumerera.
Bli Medlem.
Komma igång.
Ta din kostnadsfria rapport.
Läs mer.
Ansluta sig.

Ställ in några variabler^{(Set Up Some Variables)}

Klicka på Variables och sedan Configure från navigeringen till vänster.
Rulla ned och klicka på Element, Klasser, ID, Mål, URL^{(Element, Classes, ID, Target, URL )} och Text .

Nästa steg är att aktivera en trigger som aktiveras vid alla klick. Klicka^(Click) på Triggers från navigeringen till vänster och tryck på NYTT.^(NEW.)

Ge sedan triggern ett namn. Låt oss kalla det Button Click .
För att välja en triggertyp, klicka i triggerfönstret, scrolla ner till botten av popup-sidan och klicka på Alla element^{(All Elements)} .
Se till att du ställer in Denna utlösare aktiveras^{(This trigger fires)} på Alla klick^{(All Clicks )} och klicka på Spara^{( Save)} .

För att se till att taggen fungerar korrekt, klicka på knappen Förhandsgranska . ^(Preview)En orange stapel visas så att du vet att du är i förhandsgranskningsläge.

Öppna din webbplats i en ny webbläsarflik och uppdatera sidan. Du kommer att se sammanfattningsobjekt i snabbförhandsgranskningsläget. Eftersom vi i det här exemplet ställer in utlösaren så att den aktiveras när någon klickar någonstans på din webbplats, registreras den som ett GTM- klick.
Om du vill identifiera en specifik knapp på en sida väljer du ett av klicken i förhandsgranskningspanelen för Google Tag Manager . Klicka sedan på Variabler^(Variables) .

Du kommer att se klickklasser, klickelement och klicktexter. Alla olika klick och klickklasser noteras. När du har hittat variablerna, ta reda på vad du ska filtrera bort för knappen du vill spåra.

Klicka^(Click) på den webbplatsknappen, så kommer den att markera sammanfattningssektionen på GTM- förhandsvisningen under din webbplats.

Titta på de variabler som är relaterade till den valda knappen som klickklasser^(Click) , klickelement^{(Click Element)} och klick-ID^{(Click ID)} . Använd denna information för att ställa in ditt knappklick. Gå tillbaka till din Google Tag Manager . Navigera^(Navigate) till Knappklick^{(Button Click)} .

För syftet med denna artikel, låt oss skapa en knapp för Ta din kostnadsfria rapport^{(Grab your free report)} , så byt namn på knappen till Ta tag i din kostnadsfria rapport-CTA^{( Grab your free report CTA)} .

Navigera till Den här utlösaren aktiveras^{(This trigger fires on)} och välj Några klick^{(Some Clicks)} .

Här kommer du att kunna filtrera efter de variabler du hittade i förhandsgranskningsläge.

Gå tillbaka till förhandsvisningen av din webbplats och skriv ner variablerna för knappen du vill spåra. Olika^(Different) delar av en knapp kan ha olika klasser beroende på var du klickar.

Den bästa lösningen för detta är att byta din spårning till Link Click eftersom klasserna är desamma oavsett var du klickar. Ett länkklick är en hyperlänk som förblir konstant.

För att ändra det inuti GTM , välj Klicka – Alla element^{(Click – All Elements)} och ändra det till Bara länkar^{(Just Links)} .

Använd klassen du skrev ner från förhandsgranskningsläget och lägg till den i den tomma rutan till höger om Klicka på Klasser^{(Click Classes )} och klicka på Spara^{( Save)} .

Skapa en tagg^{(Create a Tag)}

Klicka på Taggar^(Tags) från navigeringen till vänster och tryck på Ny^(New) .

Klicka i rutan Taggkonfiguration^{(Tag Configuration)} för att öppna taggtyperna. Rulla^(Scroll) ned och välj Anpassad HTML^{(Custom HTML)} .
Du kan använda variabler i det här anpassade HTML-^{(Custom HTML)} avsnittet genom att skriva dem inom dessa parenteser { }.
När du börjar skriva parenteserna kommer du att se en snabbsökningsmeny där du kan välja dina definierade befintliga variabler.

Nu måste du koppla detta till triggern du just skapade. Klicka^(Click) i rutan Utlösande^(Triggering) , välj utlösaren och klicka på Spara^(Save) .
Uppdatera din förhandsgranskningssida igen för att testa din knapp. Klicka^(Click) på din knapp för att se om taggen aktiveras. Om det inte fungerar, gå tillbaka och kontrollera alla dina inställningar.
När de är korrekta kommer du att se Taggar aktiverade på denna händelse^{(Tags Fired on This Event)} . Du spårar nu när din knapp klickas.

Gör Taggen till ett evenemang^{(Make The Tag An Event)}

Gå tillbaka till GTM och välj taggen du just skapade. Se till att namnge den med ett identifierbart namn.
Ändra taggtypen från anpassad HTML^{(Custom HTML)} till Google Analytics: Google Analytics : Universal Analytics .

Välj händelse^(Event) för spårtyp^{(Track Type)} , CTA-knapp^{(CTA Button)} för parametrar för händelsespårning^{(Event Tracking Parameters)} , klicka^(Click) för åtgärd^(Action) och lägg till ett identifierande namn för etikett^(Label) .
Rulla^(Scroll) ned till Google Analytics-inställningar^{(Google Analytics Settings)} , välj {{Google Analytics}} och klicka på Spara^(Save) . Nu spårar du dina klick inuti Google Analytics som en händelse.
Skicka in ditt evenemang och publicera^(Publish) det sedan.
Lägg^{(Container Version Description)} till ett beskrivande namn för din händelse i avsnittet Beskrivning av behållarversion och klicka på Fortsätt^(Continue) .

Din nya trigger och nya tagg finns nu live på din webbplats för att spåra varje gång en webbplatsbesökare klickar på knappen.

Det finns ingen gräns för antalet åtgärder du kan spåra med Google Tag Manager . Ju mer data du samlar in och mäter, desto bättre kommer du att kunna finjustera dina marknadsförings- och annonskampanjer för att öka konverteringar och försäljning.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of website you have, knowing how your visitоrs interact with yоur site is essential. Google Analytics (GA) has traditionally been the tool used by webmasters to gain insights into website traffic. GA gives users statistics and reports about:

The number of visitors to your site
What country they are from
How many pages they visited per session
The most popular pages on your site
How many site visitors bounced (left without performing any action)

Tracking essential metrics such as page views, session durations, and bounce rate with GA require the placement of GA Tracking Code or a GA JavaScript code snippet on every webpage. This is ideal for keeping track of general information.

However, for more specific metrics or multiple interactions, it becomes more challenging to keep track of every action. For example, it would take a lot of time for a website owner who wants to track several different forms and various features to get all the necessary tags set up and running.

Google Tag Manager (GTM) is a free tag management tool that makes tracking all your tags easier.

What Is Google Tag Manager?

Rather than replacing GA, GTM works with GA (which is a tag itself) to help users add tracking code (tags), define rules and deploy code snippets.

The data collected by GTM is sent to and stored in GA and other tools such as Google Ads, PayPal, and Facebook.

Examples of tags website owners might want to track are:

Google Ads
Events
Facebook pixel code
Remarketing
Custom HTML/JavaScript code

Website owners should decide which behaviors will provide insights they need to make better strategic marketing decisions. Then use Google Tag Manager to collect data and analyze the results.

In this article, we will outline how to get started using GTM for your website.

Set Up Your Website

If you don’t already have a Google Tag Manager account, set one up.

Add your account name, country, container setup (your domain), and your target platform (choose web). Then click Create.
After you agree to Google’s terms of service, you will see your container ID with two code snippets.

You need to add both the snippets to each page of your site to complete the setup process. Make sure you add them in the correct place. One belongs in the <head> of your page. The other goes after the opening <body> tag.
If you need additional help installing the snippets, read Google’s Quick Start Guide. Or, if you are using WordPress, there are several plugins you can use.
Once you create your container, you can start adding tags and triggers to gain insights into your site’s visitors.

Below is an example of a website action to help you measure your marketing efforts.

Tracking Button Clicks

Button clicks refer to how many times your website call-to-action (CTA) is clicked. Many sites have multiple CTAs, such as:

Download.
Add to cart.
Click to call.
Subscribe.
Sign up.
Get started.
Grab your free report.
Learn more.
Join.

Set Up Some Variables

Click on Variables and then Configure from the navigation on the left.
Scroll down and click Element, Classes, ID, Target, URL and Text.

The next step is to enable a trigger that will fire on all clicks. Click on Triggers from the navigation on the left and hit NEW.

Then give your trigger a name. Let’s call it Button Click.
To select a trigger type, click inside the trigger window, scroll down to the bottom of the pop-up page, and click on All Elements.
Make sure you set This trigger fires on All Clicks and click Save.

To make sure the tag is working correctly, click the Preview button. An orange bar will appear so that you will know you are in preview mode.

Open your website in a new browser tab and refresh the page. You will see summary items in the quick preview mode. Because in this example we set the trigger to fire whenever anyone clicks anywhere on your site, it will register as a GTM click.
If you want to identify a specific button on a page, select one of the clicks in the Google Tag Manager preview panel. Then click Variables.

You will see click classes, click elements, and click texts. All the different clicks and click classes are notated. Once you have located the variables, figure out what to filter out for the button you want to track.

Click on that website button, and it will highlight the summary section on the GTM preview below your website.

Look at the variables that are related to your selected button such as Click classes, Click Element, and Click ID. Use this information to set up your button click. Go back to your Google Tag Manager. Navigate to Button Click.

For the purpose of this article, let’s set up a button for Grab your free report, so rename the button to Grab your free report CTA.

Navigate to This trigger fires on and choose Some Clicks.

Here is where you will be able to filter by the variables you found when in preview mode.

Go back to your website preview and write down the variables for the button you want to track. Different parts of a button might have different classes depending upon where you click.

The best solution for this is to switch your tracking to Link Click because the classes are the same no matter where you click. A link click is a hyperlink that remains constant.

To change that inside of GTM, select Click – All Elements and change it to Just Links.

Use the class you wrote down from the preview mode and add it in the blank box to the right of Click Classes and click Save.

Create a Tag

Click on Tags from the left-side navigation and hit New.

Click inside the Tag Configuration box to open the tag types. Scroll down and select Custom HTML.
You can use variables inside this Custom HTML section by typing them inside these brackets { }.
When you start typing the brackets, you will see a quick search select menu where you can choose your defined existing variables.

Now you need to hook this up to the trigger you just created. Click inside the Triggering box, select the trigger and click Save.
Refresh your preview page again to test your button. Click on your button to see if the tag is fired. If it doesn’t work, go back and check all your settings.
When they are correct, you will see Tags Fired on This Event. You are now tracking when your button is clicked.

Make The Tag An Event

Go back to GTM and select the tag you just created. Make sure to name it with an identifiable name.
Change the Tag type from Custom HTML to Google Analytics: Google Analytics: Universal Analytics.

Select Event for Track Type, CTA Button for Event Tracking Parameters, Click for Action and add an identifying name for Label.
Scroll down to Google Analytics Settings, select {{Google Analytics}} and click Save. Now you are tracking your clicks inside of Google Analytics as an event.
Submit your event and then Publish it.
In the Container Version Description section add a descriptive name for your event and click Continue.

Your new trigger and new tag are now live on your website to track any time a site visitor clicks on the button.

There is no limit to the number of actions you can track using Google Tag Manager. The more data you collect and measure, the better you will be able to tweak your marketing and ad campaigns to increase conversions and sales.

Astrid Oak

About the author

Jag är en Windows-specialist och har arbetat i mjukvarubranschen i över 10 år. Jag har erfarenhet av både Microsoft Windows och Apple Macintosh-system. Mina kunskaper inkluderar: fönsterhantering, hårdvara och ljud, apputveckling med mera. Jag är en erfaren konsult som kan hjälpa dig att få ut det mesta av ditt Windows-system.

Hur man använder Google Tag Manager för att analysera din webbplatstrafik

Vad är Google Tag Manager?^{(What Is Google Tag Manager?)}

Konfigurera din webbplats^{(Set Up Your Website)}

Spårningsknappklick^{(Tracking Button Clicks)}