Siirry pääsisältöön

Google Tag Manager

Näin asennat Tanganica Pixelin Google Tag Managerilla, julkaiset ja testaat sen toiminnan sekä näet, miten se vaikuttaa sivustosi latausnopeuteen.

A
Tekijä: Admin

Tanganica Pixel -mittauskoodin avulla seuraat mainoskampanjoidesi tuloksia, näet tarkat tilastot ja saat lisää ominaisuuksia käyttöösi. Näin otat Pixelin käyttöön Google Tag Managerissa (GTM):

📷 Katso vaiheittainen ohje kuvakaappauksin: Asenna mittauskoodi Google Tag Managerilla. Voit myös jakaa tämän linkin kehittäjällesi.

1. Tarkista GTM-konttisi

  • Kirjaudu Google Tag Manageriin.

  • Jos sinulla on jo kontti kaupassasi, käytä sitä.

  • Jos konttia ei ole, luo uusi (Tili → Uusi kontti → lisää kaupan URL → valitse Web → tallenna).

  • GTM antaa sinulle 2 koodia — aseta ensimmäinen <head>-osioon ja toinen heti <body>-tagin jälkeen omalla sivustollasi.

2. Lisää Tanganica Pixel -tagi

  • GTM:ssä mene kohtaan Tunnisteet → Uusi.

  • Nimeä tunniste Tanganica Pixel.

  • Valitse Tunnisteen 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 tunniste.

3. Julkaise muutokset

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

❗ Julkaisun jälkeen klikkaa Suorita testi aloitusoppaan Lisää mittauskoodi -vaiheen lopussa. Verkkokauppasi avautuu uuteen ikkunaan — voit sulkea sen hetken kuluttua. Kun olet käynyt oppaan loppuun, voit testata myös kohdassa Asetukset → Mittauskoodi.

⚡ Hidastaako Tanganica Pixel sivustoasi?

Tanganica Pixelin mittauskoodi käyttää omaa konttia, jonka tunnus on GTM-TRS5RSN. Se sisältää vain Tanganica Pixelin ja latautuu asynkronisesti, eli selain ei pysäytä sivun avaamista tämän vuoksi. Konttia ei tarvitse muokata tai optimoida erikseen.

Tämä ei kuitenkaan tarkoita täysin nollavaikutusta. Selain lataa ja suorittaa Pixelin skriptin — erityisesti hitaalla nettiyhteydellä tämä voi hetkellisesti kilpailla verkkosivusi muun sisällön kanssa kaista- ja laiteresursseista.

Jos haluat nopeuttaa sivun latausta (LCP), keskity oman sivustosi optimointiin. LCP mittaa, milloin sivun näkyvässä osassa suurin kuva tai teksti ehtii latautua — yleensä pääkuva:

  • Aseta sivun pääkuvaan fetchpriority="high" niin selain lataa sen ensin.

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

Voit tarkistaa sivusi nopeuden suoraan Tanganican Diagnostiikka-osiosta.

Vianmääritys jos Pixel ei tunnistu:

  • Tarkista että muutokset on julkaistu GTM:ssä.

  • Varmista että GTM-kontti on asennettu sivustollesi.

  • Vahvista että laukaisin on Kaikki sivut.

  • Varmista että verkkokauppasi sivut latautuvat normaalisti.

Vastasiko tämä kysymykseesi?