Follow

Heycommerce implementering via Tag Manager  

 

Har du implementeret Google Tag Manager på dit site, kan du også bruge det til at implementeret Heycommerce på dit site.

NB: Dette er en generisk guide til, hvordan man kan implementere Heycommerce via Google Tag Manager. Du kan have specielle løsninger opsat på dit site, der kan betyde unikke behov og tilpasninger, der skal laves i din ende.

Tracking scriptet er testet via Google Tag Manager og kan implementeres med retursvar til Heyloyalty.

 

I guiden vil du komme igennem følgende punkter:

  1. Eventtyper, som bruges ved kald til Heycommerce databasen
  2. Generel implementering via Google Tag Manager og brug af undtagelser
  3. Fejlsøgning

 

Eventtyper

Når du benytter dig af Google Tag Manager (kaldet GTM fremadrettet), skal du, ligesom ved implementering direkte på shoppen, tage højde for, hvilke sider de specifikke events skal sendes fra.

Som minimum bør du benytte:

hlt.visit(PRODUCTID, CATEGORYID, CATEGORYNAME); 
dette event sendes ved besøg på undersider, produktsider og kategorisider. Dette event tager følgende værdier: produktid’et, kategori-id’et og et kategorinavn. På undersider kan værdierne være tomme, og på en kategoriside kan man undlade produktid’et

hlt.addToBasket(PRODUCTID, AMOUNT, CATEGORYID, BASKETID, CATEGORYNAME); 

Dette event skal fyres, når en kunde lægger noget i kurven eller fra kurvsiden. Hvis denne fyres fra kurvsiden, bør der være et event for hvert produkt i kurven. Der kan sendes følgende værdier:
produktId, antal produkter til dette id, kategori Id, kurvId (hvis du benytter dette, kategorinavn.

 

hlt.purchasedBasket(PRODUKTID);

Dette event skal fyres fra takke-siden, når en kunde har gennemført et køb. Dette sikrer, at vi ved, når et køb er gennemført. Dette bruges bl.a. til at definere, hvornår vi skal sende en tabt kurv. Du kan tilføje et produktID til dette kald, men det er ikke et krav.

 

 

Andre eventtyper du kan benytte:

hlt.removeFromBasket(PRODUCTID); 

Sendes fra kurvsiden, når et produkt fjernes fra kurven. Dette bruges ved opdatering af kurven.

 

hlt.pairEmail(EMAIL); 

Dette event kan bruges til at fortælle os, hvilken cookie der hører til hvilken mailadresse. Dette kaldes for en parring af data, og skal ske før i kan benytte data specifikt for et medlem. Bruger du ikke dette event, vil vi altid benytte ”klik i mail for at parre et medlem”-funktionen, som automatisk aktiveres på din liste, når du benytter HL.

 

hlt.heartbeat(); 

Dette event kan benyttes til sider, hvor der ikke er produktinformation.

 

 

Generel Implementering via Google Tag Manager

Når du implementerer via GTM, skal du ved opsætningen benytte dig af den funktion, der hedder ”tilpasset HTML” til din Tag Type

 tagmanager.png

Her indsætter du dit trackingscript med de parameter, som dit website benytter. Dette kan vi ikke forudsige, da du kan have specielle indstillinger. Din udvikler ved, hvad disse er.

 

Herudover skal du benytte det, som GTM kalder Triggers. Dette definerer, hvornår et script skal sendes. Her er det vigtigt at tage højde for hvilke events, der fyres fra hvilke sider.

På eksemplet nedenfor, kan du se, at vores ”addToBasket” script kun sendes, hvis URL’en indeholder ”https://heytarget.dk/kurv”

 

 tagmanager_2.png

Det samme gør sig gældende for hlt.purchasedBasket, som kun skal fyres fra takkesiden.

Dette event kan, på samme måde som ved kurvsiden, også begrænses ved kun at blive kaldt på takkesiden.

 

Fejlsøgning

  • Når man benytter sig af Google Tag Manager kan man bruge Chromes konsol til at fejlsøge på opsætningen.

Ved at åbne konsollen (ved at trykke F12, eller højreklikke og vælge ”undersøg”). Herefter går du ind i ”network” fanen i konsollen og reloader din hjemmeside.
Ved at filtrere på ”heyloyalty”, vil du kunne se, hvad der sendes og med hvilke værdier.

 

  • Når du benytter dig af GTM skal du huske, ved hver ændring at publicerer dine ændringer og derefter lave et refresh, hvor du også tømmer cachen.

Dette kan gøres via en opdatering på ctrl+F5

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk