Digitalt

Hva er Google Tag Manager og hva den brukes til


Google Tag Manager er det mest brukte verktøyet for taghåndtering, de delene av HTML-kode som gjør at Google Analytics, AdWords, Facebook-annonser osv. Fungerer

Rollen og driften av Google Tag Manager er godt oppsummert i følgende bilde, der det er mulig å se den nære koblingen med Facebook-annonser, Google Analytics, AdWords, etc.

Som du ser blir GTM (Google Tag Manager) sett på som Tag manager, og er plassert mellom nettstedet ditt og alle verktøyene som leser og behandler kodene.

Hva er kodene?

En tag er et stykke kode som har muligheten til å samle inn data fra en webside eller mobilapp. Etter å ha installert kodene på en WEB-side eller i en app, lar de deg måle trafikk, besøk, besøkende atferd og mye mer.

Hva er kodene for?

Taggene sender informasjon til applikasjoner som Google Analytics, Google AdWords, Facebook Ads, Hotjar, DoubleClick etc ... Informasjonen blir sendt når selve taggen blir bedt om, det vil si at den aktiveres av en bestemt hendelse som taggen er knyttet til.

Så kommer vi til aktivatorene ...

Hva er aktivatorer?

Aktivatorer er triggere som defiavslutte en hendelse (eller treff) som må inntreffe for at en gitt handling skal utføres. Disse hendelsene er:

  • en sidevisning
  • ett klikk
  • en tidtaker
  • en skjemainnlevering
  • en endring i historien
  • en JavaScript-feil
  • eller andre tilpassede hendelser ...

Så disse triggerne sammenligner verdien av en variabel med pre-verdiendefiferdig i GTM-administrasjonspanelet.

Praktisk sett kjøres en tag bare hvis hendelsen assosiert med aktivatoren.

Vi har sagt at kodene sender informasjon, mye av denne informasjonen finnes i variablene.

Hva er variablene?

De er elementer som inneholder verdier, som kan endres og tilpasses. Variablene kan inneholde informasjon som:

  • Nettsteds-URL
  • Javascript
  • HTML
  • overvåkningskode
  • ...

Variabler kan være predefiferdigstilt av GTM, eller kan tilpasses etter behov.

Hva er datalaget?

Datalaget (eller datanivåvariabelen) er en bestemt type beholder med objekter som brukes til å lagre flere objekter. Praktisk talt en matrise.

Objektene som finnes i datalaget kan være praktisk talt av alle typer: strenger, konstanter, variabler eller andre matriser

Forhåndsvisningsmodus

Øverst til høyre har vi forhåndsvisningsknappen (Debug/Preview), som lar deg verifisere at de implementerte taggene fungerer korrekt før de publiseres definitivt.

I forhåndsvisningsmodus er det mulig å se kodene som er utført på siden du er på, kodene implementert, men ikke utført, verdien av variablene og dataene som er til stede i datalaget.

Når du har klikket på knappen øverst til høyre, åpnes en spesiell skjerm på en oransje bakgrunn (se skjermbildet over).

Etter å ha aktivert forhåndsvisningen, alltid i den samme nettleseren, gå til stedet der du har aktivert forhåndsvisningen, og du vil se et vindu i lavt som lar deg se taggene, variablene og verdiene som er til stede i datalaget:

Nyhetsbrev for innovasjon
Ikke gå glipp av de viktigste nyhetene om innovasjon. Registrer deg for å motta dem på e-post.

På denne måten har du muligheten til å bekrefte at taggene dine fungerer korrekt og de tilhørende modifikasjonene.

Til venstre finner du en liste over hendelsene som er sluppet løs på siden du ser på. Som standard vil du ha 3:

  • sidevisning
  • DOM Klar
  • Windows lastet

Dette er hendelser som samsvarer godt med tidsmessige øyeblikk defifullført ved lasting av HTML-siden. Ved å klikke på hver av hendelsene som vises, kan du se de tilsvarende kodene, variablene og datalagverdiene.

Spesielt:

  • i kategorien Tagger kan du se taggene på siden, fordelt på de som er aktivert under hendelsen (avfyrt) og de som ikke aktiveres med hendelsen (ikke avfyrt);
  • ved å klikke på fanen Variabler kan du se tilleggsdetaljene om variablene som er aktivert under den valgte hendelsen;
  • endelig i datalaget kan du se verdien som sendes til datalaget på hendelsen.

Nyttige verktøy for Google Tag Manager

Google Tag Assistant er en utvidelse av Chrome-nettleseren som gjør det mulig å oppdage og vise i sanntid tilstedeværelsen av sporingskoder på de besøkte sidene. Når det er installert og aktivert, vil du se ikonet

øverst til høyre, og du kan enkelt se om det er installert koder på siden der du er:

  • Analytics
  • AdWords
  • Google Tag Manager
  • Doubleclick
  • osv ...

Når du besøker en side som har koder, endrer ikonet farge og viser antall tagger som er funnet. De mulige fargene er:

  • Grått: ingen tagger
  • Grønn: minst en tagg, alt OK
  • Blått: minst en tag, og det er forslag for å forbedre taggene på siden
  • Gult: det er en tagg med noen problemer
  • Rødt: det er en kode med alvorlige problemer

Det er mulig å ha flere detaljer om hver Detected Tag ved ganske enkelt å klikke på den.

Du kan også bruke opptaksmodus, som utvidelsen registrerer sekvensen av besøkte sider og oppretter en rapport om lastingstiden for sidene, de oppdagede taggene og informasjonen til disse taggene.

I en blogg eller et institusjonelt nettsted kan det for eksempel være nyttig å registrere sekvensen for brukerregistrering eller nyhetsbrevregistreringsoperasjoner.

For å bruke opptaksmodus, må du klikke på Record (i nedre del av forrige vindu), besøk de ønskede sidene, og på slutten tilbake til Google Tag Assistant-vinduet og klikk på stopp innspillingen. Klikk på for å få tilgang til rapporten Vis hele rapporten

Ved å klikke på ikonet for utvidelsen, har du muligheten til å velge hvilken hendelse du vil analysere:

GTM ekkolodd

Etter at du har installert GTM Sonar-plugin, har du muligheten til å følge med på variablene og datalaget, som er tilstede i feilsøkingen, under sidebytte. Faktisk blokkerer GTM Sonar sideforandringen og holder dataene i feilsøking.


Ved å klikke på Link Click Listener, vil plugin spore alle hendelsene som GTM automatisk oppretter, det vil si gtm.linkClick for klikketype-hendelser på lenker, gtm.click for generiske klikk, f.eks gtm.formSubmit.

WASP-inspektør

WASP Inspector er en chrome nettleser-plugin, som lar deg se et diagram med alle kodene og skriptene installert på den gjeldende siden:

Hvis du klikker på en hvilken som helst tagg eller skript, blir alle relaterte tagger, hendelser eller implementerte JavaScript-elementer kaskaderet.

Ercole Palmeri: Innovasjonsavhengig

Nyhetsbrev for innovasjon
Ikke gå glipp av de viktigste nyhetene om innovasjon. Registrer deg for å motta dem på e-post.

Siste artikler

Strålende idé: Bandalux presenterer Airpure®, gardinen som renser luften

Resultat av konstant teknologisk innovasjon og engasjement for miljø og menneskers velvære. Bandalux presenterer Airpure®, et telt...

12 april 2024

Designmønstre vs SOLID prinsipper, fordeler og ulemper

Designmønstre er spesifikke lavnivåløsninger på tilbakevendende problemer innen programvaredesign. Designmønstre er...

11 april 2024

Magica, iOS-appen som forenkler livene til bilistene i å administrere kjøretøyet deres

Magica er iPhone-appen som gjør kjøretøyadministrasjon enkel og effektiv, og hjelper sjåfører med å spare og...

11 april 2024

Excel-diagrammer, hva de er, hvordan lage et diagram og hvordan velge det optimale diagrammet

Et Excel-diagram er en visualisering som representerer data i et Excel-regneark...

9 april 2024