Riippumatta siitä, minkä tyyppinen verkkosivusto sinulla on, on tärkeää tietää, kuinka kävijät ovat vuorovaikutuksessa sivustosi kanssa. Google Analytics (GA) on perinteisesti ollut verkkovastaavien käyttämä työkalu saadakseen tietoa verkkosivuston liikenteestä. GA tarjoaa käyttäjille tilastoja ja raportteja seuraavista aiheista:

Sivustosi kävijöiden määrä
Mistä maasta he ovat
Kuinka monella sivulla he vierailivat istunnon aikana
Sivustosi suosituimmat sivut
Kuinka monta sivuston vierailijaa poistui (poistui tekemättä mitään)

Keskeisten mittareiden, kuten sivujen katselukertojen, istuntojen kestojen ja välittömän poistumisprosentin seuranta GA:n avulla edellyttää GA-seurantakoodin^{(GA Tracking Code)} tai GA:n JavaScript^{(GA JavaScript)} -koodinpätkän sijoittamista jokaiselle verkkosivulle. Tämä on ihanteellinen yleisten tietojen seuraamiseen.

Tarkempien mittareiden tai useiden vuorovaikutusten osalta on kuitenkin haastavampaa seurata jokaista toimintaa. Esimerkiksi verkkosivuston omistajalta, joka haluaa seurata useita erilaisia lomakkeita ja ominaisuuksia, kuluisi paljon aikaa, jotta kaikki tarvittavat tunnisteet saadaan käyttöön ja käyttöön.

Google Tag Manager ( GTM ) on ilmainen tunnisteiden hallintatyökalu, joka helpottaa kaikkien tunnisteiden seurantaa.

Mikä on Google Tag Manager?^{(What Is Google Tag Manager?)}

Sen sijaan, että GTM korvaisi GA:n, se toimii GA:n (joka on itse tagi) kanssa auttaakseen käyttäjiä lisäämään seurantakoodia (tageja), määrittelemään sääntöjä ja ottamaan käyttöön koodinpätkiä.

GTM :n keräämät tiedot lähetetään ja tallennetaan GA:han ja muihin työkaluihin, kuten Google Adsiin^{(Google Ads)} , PayPaliin^(PayPal) ja Facebookiin^(Facebook) .

Esimerkkejä tunnisteista, joita verkkosivustojen omistajat saattavat haluta seurata:

Google Ads
Tapahtumat
Facebookin pikselikoodi
Uudelleenmarkkinointi
Muokattu HTML/JavaScript-koodi

Verkkosivustojen omistajien tulee päättää, mitkä käyttäytymismallit tarjoavat heidän tarvitsemiaan oivalluksia tehdäkseen parempia strategisia markkinointipäätöksiä. Käytä sitten Google Tag Manageria^{(Google Tag Manager)} tietojen keräämiseen ja tulosten analysointiin.

Tässä artikkelissa kerromme, kuinka voit aloittaa GTM :n käytön verkkosivustossasi.

Luo verkkosivustosi^{(Set Up Your Website)}

Jos sinulla ei vielä ole Google Tag Manager -tiliä, luo sellainen^{(set one up)} .

Lisää tilisi nimi, maa, säilön asetukset (verkkotunnuksesi) ja kohdealusta (valitse verkko). Napsauta sitten Luo^(Create) .
Kun olet hyväksynyt Googlen käyttöehdot, näet säilötunnuksesi kahdella koodinpätkällä.

Sinun on lisättävä molemmat katkelmat sivustosi jokaiselle sivulle määritysprosessin viimeistelemiseksi. Varmista, että lisäät ne oikeaan paikkaan. Yksi kuuluu sivusi <head> Toinen menee avaavan <body> -tunnisteen jälkeen.
Jos tarvitset lisäapua katkelmien asentamisessa, lue Googlen pika-aloitusopas^{( Quick Start Guide)} . Tai jos käytät WordPressiä^(WordPress) , voit käyttää useita laajennuksia .^{( several plugins)}
Kun olet luonut säilön, voit alkaa lisätä tunnisteita ja triggereitä saadaksesi tietoa sivustosi vierailijoista.

Alla^(Below) on esimerkki verkkosivustotoiminnosta, jonka avulla voit mitata markkinointiponnistelujasi.

Painikkeiden napsautusten seuranta^{(Tracking Button Clicks)}

Painikkeiden^(Button) klikkaukset viittaavat siihen, kuinka monta kertaa verkkosivustosi toimintakehotusta ( CTA ) napsautetaan. Monilla sivustoilla on useita toimintakehotuksia^(CTAs) , kuten:

Ladata.
Lisää ostoskoriin.
Klikkaa soittaaksesi.
Tilaa.
Kirjaudu.
Aloittaa.
Hanki ilmainen raporttisi.
Lue lisää.
Liittyä seuraan.

Aseta joitain muuttujia^{(Set Up Some Variables)}

Napsauta Muuttujat^(Variables) ja sitten Configure vasemmalla olevasta navigointipalkista.
Vieritä alas ja napsauta Elementti, luokat, tunnus, kohde, URL-osoite^{(Element, Classes, ID, Target, URL )} ja teksti^(Text) .

Seuraava vaihe on ottaa käyttöön triggeri, joka käynnistyy kaikissa klikkauksissa. Napsauta^(Click) vasemmalla olevasta navigointipaneelista Triggerit ja napsauta ^(Triggers)UUSI.^(NEW.)

Anna sitten käynnistimellesi nimi. Kutsutaan sitä Painikenapsautus^{(Button Click)} .
Valitse triggerin tyyppi napsauttamalla laukaisuikkunan sisällä, vieritä alas ponnahdusikkunan alaosaan ja napsauttamalla Kaikki elementit^{(All Elements)} .
Varmista, että olet asettanut Tämä triggeri käynnistyy^{(This trigger fires)} kaikissa klikkauksissa^{(All Clicks )} ja napsauta Tallenna^{( Save)} .

Napsauta Esikatselu^(Preview) - painiketta varmistaaksesi, että tunniste toimii oikein . Oranssi palkki tulee näkyviin, jotta tiedät olevasi esikatselutilassa.

Avaa verkkosivustosi uudella selaimen välilehdellä ja päivitä sivu. Näet yhteenvetokohteet pikaesikatselutilassa. Koska tässä esimerkissä asetamme triggerin käynnistymään aina, kun joku klikkaa missä tahansa sivustossasi, se rekisteröidään GTM - klikkaukseksi.
Jos haluat tunnistaa tietyn painikkeen sivulla, valitse jokin napsautuksista Google Tag Managerin^{(Google Tag Manager)} esikatselupaneelista. Napsauta sitten Muuttujat^(Variables) .

Näet napsautusluokat, napsautuselementit ja napsautustekstit. Kaikki erilaiset napsautukset ja napsautusluokat on merkitty muistiin. Kun olet löytänyt muuttujat, selvitä, mitä haluat suodattaa pois painikkeesta, jota haluat seurata.

Napsauta^(Click) kyseistä verkkosivustopainiketta, niin se korostaa GTM - esikatselun yhteenvetoosion verkkosivustosi alla.

Katso muuttujia, jotka liittyvät valitsemaasi painikkeeseen, kuten napsautusluokat^(Click) , napsautuselementti^{(Click Element)} ja napsautustunnus^{(Click ID)} . Käytä näitä tietoja painikkeen napsautuksen määrittämiseen. Palaa Google Tag Manageriin^{(Google Tag Manager)} . Siirry^(Navigate) kohtaan Painike Napsauta^{(Button Click)} .

Määritetään tätä artikkelia varten painike Hae ilmainen raporttisi^{(Grab your free report)} , joten nimeä painike uudelleen muotoon Tartu ilmainen raporttisi^{( Grab your free report CTA)} toimintakehotus .

Siirry kohtaan Tämä triggeri käynnistyy^{(This trigger fires on)} ja valitse Jotkut napsautukset^{(Some Clicks)} .

Täällä voit suodattaa esikatselutilassa löytämiesi muuttujien mukaan.

Palaa verkkosivustosi esikatseluun ja kirjoita muistiin sen painikkeen muuttujat, jota haluat seurata. Painikkeen eri^(Different) osilla voi olla eri luokkia sen mukaan, missä napsautat.

Paras ratkaisu tähän on vaihtaa seurantasi linkin napsautukseen^{(Link Click)} , koska luokat ovat samat riippumatta siitä, missä napsautat. Linkin napsautus on hyperlinkki, joka pysyy vakiona.

Jos haluat muuttaa tätä GTM :n sisällä , valitse Click – All Elements ja muuta se arvoksi Vain linkit^{(Just Links)} .

Käytä esikatselutilassa muistiin kirjoittamaasi luokkaa ja lisää se tyhjään ruutuun Napsauta Luokat^{(Click Classes )} ja napsauta Tallenna^{( Save)} .

Luo tunniste^{(Create a Tag)}

Napsauta Tunnisteet^(Tags) vasemmalla olevasta navigointipalkista ja napsauta Uusi^(New) .

Napsauta Tag Configuration -ruutua avataksesi tunnistetyypit. Vieritä^(Scroll) alas ja valitse Muokattu HTML^{(Custom HTML)} .
Voit käyttää muuttujia tässä mukautetun HTML^{(Custom HTML)} -osiossa kirjoittamalla ne näihin hakasulkeisiin { }.
Kun aloitat hakasulkujen kirjoittamisen, näet pikahaun valintavalikon, josta voit valita määrittämäsi olemassa olevat muuttujat.

Nyt sinun on kytkettävä tämä juuri luomaasi laukaisuun. Napsauta^(Click) Triggering- ruutua^(Triggering) , valitse triggeri ja napsauta Tallenna^(Save) .
Testaa painiketta päivittämällä esikatselusivusi uudelleen. Napsauta^(Click) painiketta nähdäksesi, onko tagi käynnistetty. Jos se ei toimi, palaa takaisin ja tarkista kaikki asetukset.
Kun ne ovat oikein, näet tässä tapahtumassa käynnistetyt tunnisteet^{(Tags Fired on This Event)} . Seuraat nyt, milloin painikettasi klikataan.

Tee tagista tapahtuma^{(Make The Tag An Event)}

Palaa GTM :ään ja valitse juuri luomasi tagi. Muista nimetä se tunnistettavalla nimellä.
Muuta tunnistetyyppi muokatusta HTML^{(Custom HTML)} :stä Google Analyticsiin: Google Analytics : Universal Analytics .

Valitse Track Type - kohteeksi Tapahtuma , CTA^(Event) - painike^{(CTA Button)} Tapahtuman seurantaparametreille^{(Event Tracking Parameters)} , napsauta ^(Click)toimintoa^(Action) varten ja lisää tunnistenimi^(Label) .
Vieritä^(Scroll) alas Google Analyticsin asetuksiin^{(Google Analytics Settings)} , valitse {{Google Analytics}} ja napsauta Tallenna^(Save) . Nyt seuraat napsautuksiasi Google Analyticsissa^{(Google Analytics)} tapahtumana.
Lähetä tapahtumasi ja julkaise^(Publish) se.
Lisää Säilön version kuvaus^{(Container Version Description)} -osioon tapahtumallesi kuvaava nimi ja napsauta Jatka^(Continue) .

Uusi triggerisi ja uusi tagisi ovat nyt käytössä verkkosivustollasi, jotta voit seurata aina, kun sivuston vierailija napsauttaa painiketta.

Google Tag Managerin^{(Google Tag Manager)} avulla seurattavien toimintojen määrää ei ole rajoitettu . Mitä enemmän tietoja keräät ja mittaat, sitä paremmin pystyt muokkaamaan markkinointi- ja mainoskampanjoitasi tulosten ja myynnin lisäämiseksi.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of website you have, knowing how your visitors interaсt with your 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.

Vilho Laitinen

About the author

Olen ohjelmistosuunnittelija ja Windows 10 -asiantuntija. Minulla on yli kahden vuoden kokemus älypuhelimien, Windows 10:n ja Microsoft Edgein kanssa työskentelystä. Pääpaino on saada laitteesi toimimaan paremmin ja nopeammin. Olen työskennellyt erilaisissa projekteissa yrityksille, kuten Verizon, IMac, HP, Comcast ja monet muut. Olen myös sertifioitu ohjaaja Microsoft Azure -pilvikoulutuksessa.

Kuinka käyttää Google Tag Manageria verkkosivustosi liikenteen analysointiin

Mikä on Google Tag Manager?^{(What Is Google Tag Manager?)}

Luo verkkosivustosi^{(Set Up Your Website)}

Painikkeiden napsautusten seuranta^{(Tracking Button Clicks)}