Bez ohľadu na to, aký typ webovej stránky máte, je dôležité vedieť, ako vaši návštevníci interagujú s vašou stránkou. Google Analytics (GA) je tradične nástrojom, ktorý používajú správcovia webu na získanie prehľadu o návštevnosti webových stránok. GA poskytuje používateľom štatistiky a prehľady o:

Počet návštevníkov vašej stránky
Z akej krajiny sú
Koľko stránok navštívili na reláciu
Najpopulárnejšie stránky na vašom webe
Koľko návštevníkov stránky sa vrátilo (odišli bez vykonania akejkoľvek akcie)

Sledovanie základných metrík, ako sú zobrazenia stránky, trvanie relácií a miera odchodov pomocou GA, si vyžaduje umiestnenie kódu sledovania GA^{(GA Tracking Code)} alebo útržku kódu JavaScript GA^{(GA JavaScript)} na každej webovej stránke. To je ideálne na sledovanie všeobecných informácií.

V prípade špecifickejších metrík alebo viacerých interakcií je však náročnejšie sledovať každú akciu. Napríklad vlastníkovi webovej stránky, ktorý chce sledovať niekoľko rôznych formulárov a rôznych funkcií, by trvalo veľa času, kým by nastavil a spustil všetky potrebné značky.

Google Tag Manager ( GTM ) je bezplatný nástroj na správu značiek, ktorý uľahčuje sledovanie všetkých vašich značiek.

Čo je Správca značiek Google?^{(What Is Google Tag Manager?)}

Správca značiek Google^(GTM) namiesto toho, aby nahrádzal GA, spolupracuje s GA (čo je samotná značka), aby používateľom pomohol pridať kód sledovania (značky), definovať pravidlá a nasadiť útržky kódu.

Údaje zhromaždené GTM sa odosielajú a ukladajú do GA a iných nástrojov, ako sú Google Ads , PayPal a Facebook .

Príklady značiek, ktoré môžu chcieť vlastníci webových stránok sledovať, sú:

Google Ads
Diania
Facebook pixelový kód
Remarketing
Vlastný kód HTML/JavaScript

Majitelia webových stránok by sa mali rozhodnúť, ktoré správanie im poskytne prehľad, ktorý potrebujú na lepšie strategické marketingové rozhodnutia. Potom použite Správcu značiek Google^{(Google Tag Manager)} na zhromažďovanie údajov a analýzu výsledkov.

V tomto článku vám načrtneme, ako začať používať GTM pre váš web.

Nastavte si web^{(Set Up Your Website)}

Ak ešte nemáte účet Správcu značiek Google^{(Google Tag Manager)} , nastavte si ho^{(set one up)} .

Pridajte názov svojho účtu, krajinu, nastavenie kontajnera (vaša doména) a cieľovú platformu (vyberte web). Potom kliknite na Vytvoriť^(Create) .
Po vyjadrení súhlasu so zmluvnými podmienkami Google sa vám zobrazí ID kontajnera s dvoma útržkami kódu.

Na dokončenie procesu nastavenia musíte pridať oba úryvky na každú stránku svojho webu. Uistite sa, že ste ich pridali na správne miesto. Jeden patrí do <head> vašej stránky. Druhá nasleduje za úvodnou značkou <body>
Ak potrebujete ďalšiu pomoc s inštaláciou úryvkov, prečítajte si Rýchlu príručku^{( Quick Start Guide)} od spoločnosti Google . Alebo, ak používate WordPress , existuje niekoľko doplnkov^{( several plugins)} , ktoré môžete použiť.
Po vytvorení kontajnera môžete začať pridávať značky a spúšťače, aby ste získali prehľad o návštevníkoch svojho webu.

Nižšie^(Below) je uvedený príklad akcie webovej stránky, ktorá vám pomôže merať vaše marketingové úsilie.

Sledovanie kliknutí na tlačidlo^{(Tracking Button Clicks)}

Kliknutia na tlačidlá^(Button) vyjadrujú, koľkokrát sa kliklo na výzvu na akciu ( CTA ) vášho webu. Mnohé stránky majú viacero CTA^(CTAs) , ako napríklad:

Stiahnuť ▼.
Pridať do košíka.
Kliknutím zavoláte.
Prihlásiť sa na odber.
Prihlásiť Se.
Začať.
Získajte svoj bezplatný prehľad.
Uč sa viac.
Pripojte sa.

Nastavte niektoré premenné^{(Set Up Some Variables)}

Kliknite na Premenné^(Variables) a potom v navigácii vľavo Konfigurovať .^(Configure)
Posuňte zobrazenie nadol a kliknite na položku Element, Classes, ID, Target, URL and Text .

Ďalším krokom je povoliť spúšťač, ktorý sa spustí pri všetkých kliknutiach. Kliknite^(Click) na Spúšťače^(Triggers) v navigácii vľavo a stlačte NOVÉ.^(NEW.)

Potom pomenujte spúšťač. Nazvime to Kliknutie na tlačidlo^{(Button Click)} .
Ak chcete vybrať typ spúšťača, kliknite do okna spúšťača, prejdite nadol do spodnej časti kontextovej stránky a kliknite na Všetky prvky^{(All Elements)} .
Uistite sa, že ste nastavili Tento spúšťač sa spúšťa^{(This trigger fires)} pri všetkých kliknutiach^{(All Clicks )} a kliknite na tlačidlo Uložiť^{( Save)} .

Ak sa chcete uistiť, že značka funguje správne, kliknite na tlačidlo Ukážka^(Preview) . Zobrazí sa oranžová lišta, takže budete vedieť, že ste v režime ukážky.

Otvorte svoj web na novej karte prehliadača a obnovte stránku. Súhrnné položky uvidíte v režime rýchleho náhľadu. Pretože v tomto príklade sme nastavili spúšťač tak, aby sa spustil vždy, keď niekto klikne kdekoľvek na váš web, zaregistruje sa to ako kliknutie Správcu značiek Google^(GTM) .
Ak chcete identifikovať konkrétne tlačidlo na stránke, vyberte jedno z kliknutí na paneli ukážky Správcu značiek Google . ^{(Google Tag Manager)}Potom kliknite na položku Premenné^(Variables) .

Uvidíte triedy kliknutí, prvky kliknutí a texty kliknutí. Všetky rôzne kliknutia a triedy kliknutí sú označené. Keď nájdete premenné, zistite, čo odfiltrovať pre tlačidlo, ktoré chcete sledovať.

Kliknite^(Click) na tlačidlo tejto webovej lokality a v ukážke Správcu značiek Google^(GTM) pod vašou webovou stránkou sa zvýrazní súhrnná sekcia .

Pozrite sa na premenné, ktoré súvisia s vybratým tlačidlom, ako sú triedy kliknutí, prvok ^(Click)kliknutia^{(Click Element)} a ID kliknutia^{(Click ID)} . Tieto informácie použite na nastavenie kliknutia na tlačidlo. Vráťte sa do Správcu značiek Google^{(Google Tag Manager)} . Prejdite^(Navigate) na Kliknutie na tlačidlo^{(Button Click)} .

Na účely tohto článku nastavíme tlačidlo na získanie bezplatného prehľadu^{(Grab your free report)} , takže tlačidlo premenujte na získanie bezplatného prehľadu CTA^{( Grab your free report CTA)} .

Prejdite na položku Tento spúšťač sa spustí^{(This trigger fires on)} a vyberte možnosť Niektoré kliknutia^{(Some Clicks)} .

Tu budete môcť filtrovať podľa premenných, ktoré ste našli v režime ukážky.

Vráťte sa na ukážku svojej webovej lokality a zapíšte si premenné pre tlačidlo, ktoré chcete sledovať. Rôzne^(Different) časti tlačidla môžu mať rôzne triedy v závislosti od toho, kam kliknete.

Najlepším riešením je prepnúť sledovanie na Kliknutie na odkaz^{(Link Click)} , pretože triedy sú rovnaké bez ohľadu na to, kam kliknete. Kliknutie na odkaz je hypertextový odkaz, ktorý zostáva konštantný.

Ak to chcete zmeniť v Správcovi značiek Google^(GTM) , vyberte možnosť Kliknutie – Všetky prvky^{(Click – All Elements)} a zmeňte to na Iba odkazy^{(Just Links)} .

Použite triedu, ktorú ste si zapísali v režime ukážky a pridajte ju do prázdneho poľa napravo od Kliknite na Triedy^{(Click Classes )} a kliknite na Uložiť^{( Save)} .

Vytvorte značku^{(Create a Tag)}

Kliknite na Značky^(Tags) na ľavom navigačnom paneli a stlačte Nové^(New) .

Kliknutím do poľa Konfigurácia značky^{(Tag Configuration)} otvorte typy značiek. Posuňte zobrazenie^(Scroll) nadol a vyberte možnosť Vlastné HTML^{(Custom HTML)} .
Premenné môžete použiť v tejto sekcii Custom HTML tak, že ich napíšete do týchto hranatých zátvoriek { }.
Keď začnete písať zátvorky, zobrazí sa ponuka rýchleho vyhľadávania, kde si môžete vybrať svoje definované existujúce premenné.

Teraz to musíte pripojiť k spúšťaču, ktorý ste práve vytvorili. Kliknite^(Click) do poľa Spúšťanie^(Triggering) , vyberte spúšťač a kliknite na Uložiť^(Save) .
Znova obnovte stránku s ukážkou a otestujte tlačidlo. Kliknutím^(Click) na tlačidlo zistíte, či sa značka spustila. Ak to nefunguje, vráťte sa a skontrolujte všetky nastavenia.
Keď sú správne, uvidíte značky spustené pri tejto udalosti^{(Tags Fired on This Event)} . Teraz sledujete, kedy sa kliklo na vaše tlačidlo.

Urobte zo značky udalosť^{(Make The Tag An Event)}

Vráťte sa do GTM a vyberte značku, ktorú ste práve vytvorili. Nezabudnite ho pomenovať identifikovateľným názvom.
Zmeňte typ značky z Custom HTML na Google Analytics: Google Analytics : Universal Analytics .

Vyberte Udalosť^(Event) pre Typ sledovania^{(Track Type)} , Tlačidlo CTA^{(CTA Button)} pre Parametre sledovania udalosti^{(Event Tracking Parameters)} , Kliknite^(Click) pre akciu^(Action) a pridajte identifikačný názov pre Označenie^(Label) .
Posuňte zobrazenie^(Scroll) nadol na Nastavenia služby Google Analytics^{(Google Analytics Settings)} , vyberte položku {{Google Analytics}} a kliknite na tlačidlo Uložiť^(Save) . Teraz sledujete svoje kliknutia v službe Google Analytics^{(Google Analytics)} ako udalosť.
Odošlite svoju udalosť a potom ju zverejnite^(Publish) .
V časti Popis verzie kontajnera^{(Container Version Description)} pridajte popisný názov udalosti a kliknite na Pokračovať^(Continue) .

Váš nový spúšťač a nová značka sú teraz aktívne na vašom webe, aby ste mohli sledovať, kedy návštevník webu klikne na tlačidlo.

Počet akcií, ktoré môžete sledovať pomocou Správcu značiek Google^{(Google Tag Manager)} , nie je obmedzený . Čím viac údajov zhromaždíte a zmeriate, tým lepšie budete môcť vyladiť svoje marketingové a reklamné kampane na zvýšenie konverzií a predaja.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of website you have, knowing how your visitors interact with your site іs 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.

Ferdinand Vico

About the author

Som softvérový vývojár s viac ako 10-ročnými skúsenosťami. Špecializujem sa na programovanie pre Mac a napísal som niekoľko tisíc riadkov kódu pre rôzne aplikácie Mac, vrátane, ale nie výlučne: TextEdit, GarageBand, iMovie a Inkscape. Mám skúsenosti aj s vývojom pre Linux a Windows. Moje zručnosti vývojára mi umožňujú písať vysokokvalitné a komplexné návody pre rôzne platformy vývoja softvéru – od macOS po Linux – vďaka čomu sú moje návody ideálnou voľbou pre tých, ktorí sa chcú dozvedieť viac o nástrojoch, ktoré používajú.

Ako používať Správcu značiek Google na analýzu návštevnosti vašich webových stránok

Čo je Správca značiek Google?^{(What Is Google Tag Manager?)}

Nastavte si web^{(Set Up Your Website)}

Sledovanie kliknutí na tlačidlo^{(Tracking Button Clicks)}