Nem számít, milyen típusú webhelye van, elengedhetetlen annak ismerete, hogy a látogatók hogyan lépnek kapcsolatba a webhelyével. A Google Analytics (GA)^{(Google Analytics (GA))} hagyományosan a webmesterek által használt eszköz a webhely forgalmába való betekintésre. A GA statisztikákat és jelentéseket ad a felhasználóknak a következőkről:

A webhely látogatóinak száma
Milyen országból származnak
Hány oldalt látogattak meg munkamenetenként
Webhelyének legnépszerűbb oldalai
Hány webhelylátogató ugrott vissza (tevékenység nélkül távozott)

Az olyan alapvető mutatók követéséhez, mint az oldalmegtekintések, a munkamenetek időtartama és a visszafordulási arány a GA segítségével, minden weboldalon el kell helyezni a GA követőkódot^{(GA Tracking Code)} vagy egy GA JavaScript kódrészletet. Ez ideális az általános információk nyomon követéséhez.

Konkrétabb mutatók vagy több interakció esetén azonban nagyobb kihívást jelent minden művelet nyomon követése. Például sok időbe telne egy webhelytulajdonosnak, aki több különböző űrlapot és különféle funkciót szeretne nyomon követni, hogy az összes szükséges címkét beállítsa és elindítsa.

A Google Címkekezelő^{(Google Tag Manager)} ( GTM ) egy ingyenes címkekezelő eszköz, amely megkönnyíti az összes címke nyomon követését.

Mi az a Google Címkekezelő?^{(What Is Google Tag Manager?)}

Ahelyett, hogy felváltaná a GA-t, a GTM együttműködik a GA-val (ami maga egy címke), hogy segítse a felhasználókat követőkód (címkék) hozzáadásával, szabályok meghatározásával és kódrészletek telepítésével.

A GTM^(GTM) által gyűjtött adatokat a GA és más eszközök, például a Google Ads , a PayPal és a Facebook elküldik és tárolják .

Példák azokra a címkékre, amelyeket a webhelytulajdonosok nyomon szeretnének követni:

Google Ads
Események
Facebook pixel kód
Remarketing
Egyéni HTML/JavaScript kód

A webhelytulajdonosoknak el kell dönteniük, hogy mely viselkedésmódok nyújtanak betekintést a jobb stratégiai marketingdöntések meghozatalához. Ezután használja a Google Címkekezelőt^{(Google Tag Manager)} az adatok gyűjtésére és az eredmények elemzésére.

Ebben a cikkben felvázoljuk, hogyan kezdje meg a GTM használatát webhelyén.

Állítsa be webhelyét^{(Set Up Your Website)}

Ha még nincs Google Címkekezelő-^{(Google Tag Manager)} fiókja, állítson be egyet^{(set one up)} .

Adja hozzá fiókja nevét, országát, tárolóbeállításait (domainje) és célplatformját (válasszon internetet). Ezután kattintson a Létrehozás^(Create) gombra .
Miután elfogadta a Google Általános Szerződési Feltételeit, megjelenik a tárolóazonosítója két kódrészlettel.

A beállítási folyamat befejezéséhez mindkét részletet hozzá kell adnia webhelye minden oldalához. Ügyeljen arra, hogy a megfelelő helyre tegye őket. Az egyik az oldalad <head> A másik a nyitó <body> címke után megy.
Ha további segítségre van szüksége a részletek telepítéséhez, olvassa el a Google Gyors üzembe helyezési útmutatóját^{( Quick Start Guide)} . Vagy ha WordPress -t használ , több beépülő modul^{( several plugins)} is használható.
Miután létrehozta a tárolót, elkezdhet címkéket és aktiválási szabályokat hozzáadni, hogy betekintést nyerjen webhelye látogatóiba.

Az alábbiakban^(Below) egy webhelyen végrehajtott műveletre mutatunk be példát, amely segít mérni marketing erőfeszítéseit.

Gombkattintások követése^{(Tracking Button Clicks)}

A gombkattintások^(Button) arra utalnak, hogy hányszor kattintottak a webhelyen a cselekvésre ösztönzőre ( CTA ). Sok webhely több CTA^(CTAs) -val rendelkezik, például:

Letöltés.
Kosárba.
Kattints a híváshoz.
Iratkozz fel.
Regisztrálj.
Fogj neki.
Szerezze meg ingyenes jelentését.
Tudj meg többet.
Csatlakozik.

Állítson be néhány változót^{(Set Up Some Variables)}

Kattintson a Változók^(Variables) elemre, majd a bal oldali navigációs menü Konfigurálása elemére.^(Configure)
Görgessen le, és kattintson az Elem, Osztályok, Azonosító, Cél, URL^{(Element, Classes, ID, Target, URL )} és Szöveg^(Text) elemre .

A következő lépés egy aktiválási szabály engedélyezése, amely minden kattintásra aktiválódik. A bal oldali navigációs panelen kattintson^(Click) a Triggerek elemre, és nyomja meg az ^(Triggers)ÚJ gombot.^(NEW.)

Ezután adjon nevet a triggernek. Nevezzük Gombkattintásnak^{(Button Click)} .
Az eseményindító típusának kiválasztásához kattintson az aktiválási ablak belsejébe, görgessen le az előugró oldal aljára, és kattintson az Összes elem^{(All Elements)} elemre .
Győződjön meg arról, hogy beállította Ez az aktiválási szabály ^{(This trigger fires)}minden kattintásra^{(All Clicks )} aktiválódik , majd kattintson a Mentés^{( Save)} gombra .

A címke megfelelő működésének ellenőrzéséhez kattintson az Előnézet^(Preview) gombra. Egy narancssárga sáv jelenik meg, így tudni fogja, hogy előnézeti módban van.

Nyissa meg webhelyét egy új böngészőlapon, és frissítse az oldalt. Az összefoglaló elemeket a gyors előnézeti módban láthatja. Mivel ebben a példában az aktiválási szabályt úgy állítjuk be, hogy akkor aktiválódjon, amikor bárki bárhová kattint a webhelyén, az GTM - kattintásként fog regisztrálni.
Ha egy adott gombot szeretne azonosítani egy oldalon, válassza ki az egyik kattintást a Google Címkekezelő^{(Google Tag Manager)} előnézeti paneljén. Ezután kattintson a Változók^(Variables) elemre .

Látni fogja a kattintási osztályokat, a kattintási elemeket és a kattintási szövegeket. Az összes különböző kattintás és kattintási osztály fel van jegyezve. Miután megtalálta a változókat, találja ki, mit kell kiszűrnie a nyomon követni kívánt gombhoz.

Kattintson^(Click) az adott webhely gombra, és kijelöli az összefoglaló részt a webhelye alatti GTM előnézeten.

Tekintse meg a kiválasztott gombhoz kapcsolódó változókat, például a kattintási^(Click) osztályokat, a kattintási elemet^{(Click Element)} és a kattintási azonosítót^{(Click ID)} . Használja ezt az információt a gombnyomás beállításához. Menjen vissza a Google Címkekezelőhöz^{(Google Tag Manager)} . Lépjen^(Navigate) a Gombkattintás elemre^{(Button Click)} .

Ennek a cikknek a céljaira állítsunk be egy gombot az Ingyenes jelentés^{(Grab your free report)} megszerzése , ezért nevezzük át a gombot Ingyenes jelentés CTA megragadására^{( Grab your free report CTA)} .

Lépjen az Ez az aktiválási szabály bekapcsol,^{(This trigger fires on)} és válassza a Néhány kattintás^{(Some Clicks)} lehetőséget .

Itt szűrhet az előnézeti módban talált változók alapján.

Menjen vissza a webhely előnézetéhez, és írja le a nyomon követni kívánt gomb változóit. A gomb különböző^(Different) részei eltérő osztályokkal rendelkezhetnek attól függően, hogy hol kattint.

A legjobb megoldás erre az, ha a követést linkkattintásra váltja, mert^{(Link Click)} az osztályok ugyanazok, függetlenül attól, hogy hova kattint. A linkkattintás olyan hiperhivatkozás, amely állandó marad.

Ha ezt a GTM^(GTM) -en belül szeretné módosítani , válassza a Click – All Elements lehetőséget, és módosítsa csak linkekre^{(Just Links)} .

Használja az előnézeti módból felírt osztályt, és adja hozzá az üres mezőbe a Kattintson az Osztályok^{(Click Classes )} elemre, majd kattintson a Mentés^{( Save)} gombra .

Hozzon létre egy címkét^{(Create a Tag)}

Kattintson a Címkék^(Tags) elemre a bal oldali navigációs panelen, és kattintson az Új^(New) gombra .

Kattintson a Címkekonfiguráció^{(Tag Configuration)} mezőbe a címketípusok megnyitásához. Görgessen^(Scroll) le, és válassza az Egyéni HTML lehetőséget^{(Custom HTML)} .
Az egyéni HTML^{(Custom HTML)} szakaszon belül is használhat változókat, ha beírja őket ezekbe a zárójelekbe { }.
Amikor elkezdi beírni a zárójeleket, megjelenik egy gyorskeresési kiválasztási menü, ahol kiválaszthatja a definiált meglévő változókat.

Most ezt az imént létrehozott triggerhez kell csatlakoztatnia. Kattintson^(Click) az Aktiválás^(Triggering) mezőbe, válassza ki az eseményindítót, majd kattintson a Mentés^(Save) gombra .
A gomb teszteléséhez frissítse újra az előnézeti oldalt. Kattintson^(Click) a gombra annak megtekintéséhez, hogy a címke aktiválva van-e. Ha nem működik, menjen vissza, és ellenőrizze az összes beállítást.
Ha helyesek, az eseményen aktivált címkék^{(Tags Fired on This Event)} láthatók . Most nyomon követi, hogy mikor kattintanak a gombra.

Legyen a címke eseménnyel^{(Make The Tag An Event)}

Menjen vissza a GTM -hez , és válassza ki az imént létrehozott címkét. Ügyeljen arra, hogy azonosítható névvel nevezze el.
Módosítsa a címketípust Egyéni HTML^{(Custom HTML)} -ről Google Analytics-re: Google Analytics : Universal Analytics .

Válassza az Esemény^(Event) lehetőséget a Nyomon követési típushoz^{(Track Type)} , a CTA gombot^{(CTA Button)} az Eseménykövetési paraméterekhez^{(Event Tracking Parameters)} , kattintson^(Click) a Művelethez^(Action) , és adjon hozzá egy azonosító nevet a címkéhez^(Label) .
Görgessen^(Scroll) le a Google Analytics beállításaihoz^{(Google Analytics Settings)} , válassza ki a {{Google Analytics}} lehetőséget , majd kattintson a Mentés^(Save) gombra . Most eseményként követi nyomon a kattintásait a Google Analytics rendszerben.
Küldje be eseményét, majd tegye közzé^(Publish) .
A Tárolóverzió leírása^{(Container Version Description)} szakaszban adjon hozzá egy leíró nevet az eseményhez, majd kattintson a Folytatás^(Continue) gombra .

Az új aktiválási szabály és az új címke mostantól elérhető a webhelyén, és nyomon követheti, amikor a webhely látogatója rákattint a gombra.

A Google Címkekezelővel^{(Google Tag Manager)} nyomon követhető műveletek száma nincs korlátozva . Minél több adatot gyűjt és mér, annál jobban tudja majd módosítani marketing- és hirdetési kampányait a konverziók és az eladások növelése érdekében.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of website you have, knowing how your νiѕitors interact with your site is eѕsential. 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.

Imre Fülöp

About the author

Informatikus vagyok, aki az adatvédelemre, a felhasználói fiókokra és a család biztonságára összpontosít. Az elmúlt néhány évben az okostelefonok biztonságának javításán dolgozom, és van tapasztalatom a szerencsejáték-cégekkel való együttműködésben. Többször írtam a felhasználói fiókokkal és a játékkal kapcsolatos problémákról is.

A Google Címkekezelő használata webhelye forgalmának elemzésére

Mi az a Google Címkekezelő?^{(What Is Google Tag Manager?)}

Állítsa be webhelyét^{(Set Up Your Website)}

Gombkattintások követése^{(Tracking Button Clicks)}