Siirry pääsisältöön

Google Tag Manager

Näin asennat Tanganica Pixelin Google Tag Manageriin, otat sen käyttöön, testaat sen ja miten se vaikuttaa sivustosi sivun latausnopeuteen.

A
Tekijä: Admin

Mittauskoodi (Tanganica Pixel) auttaa sinua seuraamaan mainos­kampanjoiden suorituskykyä, näkemään tarkat analytiikka­tiedot ja avaamaan lisäominaisuuksia. Näin otat sen käyttöön Google Tag Managerissa (GTM):

1. Tarkista GTM-kontti

  • Kirjaudu Google Tag Manageriin.

  • Jos verkkokaupassasi on jo kontti, käytä sitä.

  • Ellei ole, luo uusi (Tili → Uusi kontti → syötä kaupan URL → valitse Web → tallenna).

  • GTM antaa sinulle kaksi koodia → aseta ensimmäinen <head>-osioon, toinen heti <body>-tagin jälkeen verkkosivustollasi.

2. Lisää Tanganica Pixel -tagi

  • Siirry GTM:ssä kohtaan Tagit → Uusi.

  • Nimeä se Tanganica Pixel.

  • Valitse Tagin määritys → Mukautettu HTML.

  • Liitä Tanganica Pixelin mittauskoodi.

<!-- Tanganica pixel -->

<script>(function(w,d,s,l,i){w[l]=w[l]||[];

w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});

var f=d.getElementsByTagName(s)[0],j=d.createElement(s),

dl=l!='dataLayer'?'&l='+l:'';j.async=true;

f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-TRS5RSN');</script>

<!-- End Tanganica pixel -->

  • Aseta Laukaisin → Kaikki sivut.

  • Tallenna.

3. Julkaise muutokset

  • Klikkaa Lähetä → anna versiolle nimi (esim. Tanganica Pixel lisätty) → Julkaise.

❗ Kun julkaisu on valmis, testaa Tanganicassa, että Pixel toimii oikein.

⚡ Haittaako Tanganica Pixel verkkosivusi nopeutta?

Tanganica Pixelin mittauskoodi lataa oman konttimme GTM-TRS5RSN. Se sisältää vain Tanganica Pixelin ja latautuu asynkronisesti, joten selain ei pysäytä sivun lataamista tämän vuoksi. Kontin sisällä ei tarvitse muuttaa tai optimoida mitään.

Se ei kuitenkaan tarkoita täysin nollavaikutusta. Selain joutuu edelleen lataamaan ja suorittamaan skriptin, eli hitaalla yhteydellä se voi kilpailla sivun sisällön kanssa kaistasta tai laitteen suorituskyvystä.

Nopeampaa sivun latausta varten (LCP) Google suosittelee tekemään muutoksia erityisesti omalle verkkosivustollesi. LCP mittaa, milloin suurin kuva tai tekstilohko on näkyvissä sivun yläosassa, yleensä pääkuva:

  • Aseta pääkuvalle sivun yläosaan fetchpriority="high"-attribuutti, jotta selain lataa sen ensin.

  • Älä käytä pääkuvalla laiskaa latausta eli jätä pois loading="lazy"-attribuutti.

Voit tarkistaa verkkosivustosi latausnopeuden suoraan Tanganicassa kohdasta Verkkokaupan diagnostiikka.

Vianmääritys jos Pixel ei löydy:

  • Varmista, että julkaisu on tehty GTM:ssä.

  • Tarkista, että GTM-kontti on asennettu verkkosivustollesi.

  • Tarkista, että laukaiseva on määritetty Kaikki sivut.

  • Varmista, että verkkokauppasi sivut latautuvat oikein.

Vastasiko tämä kysymykseesi?