Bez obzira koju vrstu web stranice imate, važno je znati kako vaši posjetitelji stupaju u interakciju s vašom web lokacijom. Google Analytics (GA) je tradicionalno bio alat koji webmasteri koriste za stjecanje uvida u promet web stranice. GA korisnicima daje statistiku i izvješća o:

Broj posjetitelja vaše stranice
Iz koje su zemlje
Koliko stranica su posjetili po sesiji
Najpopularnije stranice na vašoj web-lokaciji
Koliko je posjetitelja web-lokacije odskočilo (otišlo bez poduzimanja bilo kakve radnje)

Praćenje bitnih mjernih podataka kao što su prikazi stranica, trajanje sesije i stopa napuštanja početne stranice s GA zahtijevaju postavljanje GA koda za praćenje^{(GA Tracking Code)} ili GA JavaScript isječka koda na svaku web-stranicu. Ovo je idealno za praćenje općih informacija.

Međutim, za specifičnije mjerne podatke ili više interakcija postaje sve teže pratiti svaku radnju. Na primjer, vlasniku web-mjesta koji želi pratiti nekoliko različitih oblika i različitih značajki trebalo bi puno vremena da postavi i pokrene sve potrebne oznake.

Google upravitelj oznaka^{(Google Tag Manager)} ( GTM ) besplatan je alat za upravljanje oznakama koji olakšava praćenje svih vaših oznaka.

Što je Google upravitelj oznaka?^{(What Is Google Tag Manager?)}

Umjesto da zamjenjuje GA, GTM radi s GA (koji je sama oznaka) kako bi pomogao korisnicima da dodaju kôd za praćenje (oznake), definiraju pravila i implementiraju isječke koda.

Podaci koje prikuplja GTM šalju se i pohranjuju u GA i druge alate kao što su Google Ads , PayPal i Facebook .

Primjeri oznaka koje bi vlasnici web-mjesta mogli pratiti su:

Google Ads
Događaji
Facebook piksel kod
Remarketing
Prilagođeni HTML/JavaScript kod

Vlasnici web stranica trebali bi odlučiti koja ponašanja će im pružiti uvide potrebne za donošenje boljih strateških marketinških odluka. Zatim upotrijebite Google upravitelj oznaka^{(Google Tag Manager)} za prikupljanje podataka i analizu rezultata.

U ovom članku ćemo opisati kako početi koristiti GTM za svoju web-lokaciju.

Postavite svoju web stranicu^{(Set Up Your Website)}

Ako još nemate račun Google upravitelja oznaka^{(Google Tag Manager)} , postavite ga^{(set one up)} .

Dodajte naziv svog računa, zemlju, postavku spremnika (vašu domenu) i ciljanu platformu (odaberite web). Zatim kliknite Stvori^(Create) .
Nakon što prihvatite Googleove uvjete pružanja usluge, vidjet ćete svoj ID spremnika s dva isječka koda.

Morate dodati oba isječka na svaku stranicu svoje web-lokacije da biste dovršili postupak postavljanja. Provjerite jeste li ih dodali na pravo mjesto. Jedan pripada <head> vaše stranice. Drugi ide nakon uvodne oznake <body> .
Ako trebate dodatnu pomoć pri instaliranju isječaka, pročitajte Googleov vodič za brzi početak^{( Quick Start Guide)} . Ili, ako koristite WordPress , postoji nekoliko dodataka^{( several plugins)} koje možete koristiti.
Nakon što izradite svoj spremnik, možete početi dodavati oznake i okidače kako biste stekli uvid u posjetitelje svoje web-lokacije.

U nastavku^(Below) je primjer radnje na web-lokaciji koja će vam pomoći u mjerenju marketinških napora.

Klikovi na gumb za praćenje^{(Tracking Button Clicks)}

Klikovi na gumb^(Button) odnose se na koliko je puta kliknut poziv na radnju ( CTA ) na vašoj web-lokaciji. ^(CTA)Mnoge web-lokacije imaju više CTA^(CTAs) -ova , kao što su:

Preuzimanje datoteka.
Dodaj u košaricu.
Kliknite za poziv.
Pretplatite se.
Prijavite se.
Započnite.
Uzmite svoje besplatno izvješće.
Saznajte više.
Pridružiti.

Postavite neke varijable^{(Set Up Some Variables)}

Kliknite na Varijable^(Variables) , a zatim Konfiguriraj^(Configure) na navigaciji s lijeve strane.
Pomaknite se prema dolje i kliknite Element, Klase, ID, Cilj, URL^{(Element, Classes, ID, Target, URL )} i Tekst^(Text) .

Sljedeći korak je omogućiti okidač koji će se aktivirati na sve klikove. Kliknite^(Click) na Triggers u navigaciji s lijeve strane i pritisnite NOVO.^(NEW.)

Zatim svom okidaču dajte ime. Nazovimo to Button Click .
Da biste odabrali vrstu okidača, kliknite unutar prozora okidača, pomaknite se do dna skočne stranice i kliknite Svi elementi^{(All Elements)} .
Provjerite jeste li postavili Ovaj se okidač aktivira^{(This trigger fires)} za sve klikove^{(All Clicks )} i kliknite Spremi^{( Save)} .

Kako biste provjerili radi li oznaka ispravno, kliknite gumb Pregled^(Preview) . Pojavit će se narančasta traka tako da ćete znati da ste u načinu pregleda.

Otvorite svoju web stranicu u novoj kartici preglednika i osvježite stranicu. Vidjet ćete stavke sažetka u načinu brzog pregleda. Budući da smo u ovom primjeru postavili okidač da se aktivira kad god netko klikne bilo gdje na vašoj web-lokaciji, on će se registrirati kao GTM klik.
Ako želite identificirati određeni gumb na stranici, odaberite jedan od klikova na ploči za pregled Google upravitelja oznaka . ^{(Google Tag Manager)}Zatim kliknite Varijable^(Variables) .

Vidjet ćete klase klikova, elemente klika i tekstove klika. Zabilježeni su svi različiti klikovi i klase klikova. Nakon što ste locirali varijable, shvatite što filtrirati za gumb koji želite pratiti.

Kliknite^(Click) na gumb te web stranice i on će istaknuti odjeljak sažetka na GTM pregledu ispod vaše web stranice.

Pogledajte varijable koje su povezane s vašim odabranim gumbom, kao što su Klase klika, Element ^(Click)klika^{(Click Element)} i ID klika^{(Click ID)} . Upotrijebite ove informacije za postavljanje klika na gumb. Vratite se na svoj Google upravitelj oznaka^{(Google Tag Manager)} . Idite^(Navigate) na Klik na gumb^{(Button Click)} .

Za potrebe ovog članka, postavimo gumb za Zgrabi svoje besplatno izvješće^{(Grab your free report)} , pa preimenuj gumb u Zgrabi svoje besplatno izvješće CTA^{( Grab your free report CTA)} .

Idite na Ovaj okidač se aktivira^{(This trigger fires on)} i odaberite Neki klikovi^{(Some Clicks)} .

Ovdje ćete moći filtrirati prema varijablama koje ste pronašli u načinu pregleda.

Vratite se na pregled svoje web stranice i zapišite varijable za gumb koji želite pratiti. Različiti^(Different) dijelovi gumba mogu imati različite klase ovisno o tome gdje kliknete.

Najbolje rješenje za to je prebaciti praćenje na klik na vezu^{(Link Click)} jer su klase isti bez obzira na to gdje kliknete. Klik na vezu je hiperveza koja ostaje konstantna.

Da biste to promijenili unutar GTM -a , odaberite Kliknite – Svi elementi^{(Click – All Elements)} i promijenite ga u Samo veze^{(Just Links)} .

Upotrijebite razred koji ste zapisali u načinu pregleda i dodajte ga u prazan okvir s desne strane Kliknite Klase^{(Click Classes )} i kliknite Spremi^{( Save)} .

Napravite oznaku^{(Create a Tag)}

Kliknite na Oznake^(Tags) na lijevoj strani navigacije i pritisnite Novo^(New) .

Kliknite unutar okvira Konfiguracija oznake^{(Tag Configuration)} da biste otvorili vrste oznaka. Pomaknite^(Scroll) se prema dolje i odaberite Prilagođeni HTML^{(Custom HTML)} .
Možete koristiti varijable unutar ovog Custom HTML odjeljka tako da ih upišete unutar ovih zagrada { }.
Kada počnete tipkati zagrade, vidjet ćete izbornik za brzo pretraživanje gdje možete odabrati definirane postojeće varijable.

Sada ovo trebate spojiti na okidač koji ste upravo stvorili. Kliknite^(Click) unutar okvira Okidanje^(Triggering) , odaberite okidač i kliknite Spremi^(Save) .
Ponovno osvježite stranicu za pregled kako biste testirali svoj gumb. Kliknite^(Click) na svoj gumb da vidite je li oznaka aktivirana. Ako ne uspije, vratite se i provjerite sve postavke.
Kada su točne, vidjet ćete Oznake aktivirane na ovom događaju^{(Tags Fired on This Event)} . Sada pratite kada je vaš gumb kliknut.

Učinite oznaku događajem^{(Make The Tag An Event)}

Vratite se na GTM i odaberite oznaku koju ste upravo izradili. Obavezno ga nazovite prepoznatljivim imenom.
Promijenite vrstu oznake iz prilagođenog HTML^{(Custom HTML)} -a u Google Analytics: Google Analytics : Universal Analytics .

Odaberite Događaj^(Event) za vrstu zapisa^{(Track Type)} , CTA gumb^{(CTA Button)} za parametre praćenja događaja^{(Event Tracking Parameters)} , kliknite^(Click) za radnju^(Action) i dodajte identifikacijski naziv za oznaku^(Label) .
Pomaknite^(Scroll) se prema dolje do Postavke Google Analyticsa^{(Google Analytics Settings)} , odaberite {{Google Analytics}} i kliknite Spremi^(Save) . Sada pratite svoje klikove unutar Google Analyticsa^{(Google Analytics)} kao događaj.
Pošaljite svoj događaj, a zatim ga objavite^(Publish) .
U odjeljku Opis verzije spremnika^{(Container Version Description)} dodajte opisni naziv za svoj događaj i kliknite Nastavi^(Continue) .

Vaš novi okidač i nova oznaka sada su aktivni na vašoj web stranici kako bi pratili svaki put kada posjetitelj stranice klikne na gumb.

Ne postoji ograničenje broja radnji koje možete pratiti pomoću Google upravitelja oznaka^{(Google Tag Manager)} . Što više podataka prikupite i izmjerite, to ćete bolje moći prilagoditi svoje marketinške i oglasne kampanje kako biste povećali konverzije i prodaju.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of website you have, knowіng how yoυr visitors intеract with yoυr site is essentiаl. 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.

Ante Perić

About the author

"Ja sam slobodni stručnjak za Windows i Office. Imam više od 10 godina iskustva u radu s ovim alatima i mogu vam pomoći da iz njih izvučete maksimum. Moje vještine uključuju: rad s Microsoft Wordom, Excelom, PowerPointom i Outlookom; stvaranje weba stranice i aplikacije; i pomaganje korisnicima da ostvare svoje poslovne ciljeve."

Kako koristiti Google Tag Manager za analizu prometa vaše web stranice

Što je Google upravitelj oznaka?^{(What Is Google Tag Manager?)}

Postavite svoju web stranicu^{(Set Up Your Website)}

Klikovi na gumb za praćenje^{(Tracking Button Clicks)}