Först så behöver ni besöka er bokningsapplikation och navigera så långt som ni kan för att skapa "event" som ni sedan kan hitta i webbläsarens konsol. Helst vill man göra en testbokning som man sedan kan boka av och stanna på sidan med bokningsdetaljerna. Efter det så kan du kolla vilken bokningsdata som skickats till datalagret ("dataLayer"). Detta gör du genom att öppna utvecklarkonsolen i din webbläsare. På Windows så trycker man på tangenterna F12 eller Ctrl + Skift + I och på macOS trycker man på tangenterna Cmd + Option + J. Klicka sedan på "konsol"/"console".
När du har öppnat konsolen så kan du få upp loggarna genom att skriva in "dataLayer" och trycka på enter, du kan sedan se alla event som sparas och skickas till GTM där men i detta fall så är endast "waiterAidMessage" relevant. Du borde se en loggad händelse som innehåller de parametrar du är ute efter. Detta bekräftar att datan finns tillgänglig och att vi kan plocka upp den i GTM.
Därefter behöver ni konfigurera Google Tag Manager så att ni faktiskt kan spåra den här datan. Nu när vi vet att datan skickas till datalagret är det dags att ställa in GTM. Detta görs i tre delar:
Skapa användardefinierade variabler
Vi måste berätta för GTM var datan finns. För varje parameter du vill spåra skapar du en Data Layer-variabel. Navigera till Variabler och klicka på Ny. Välj Data Layer-variabel som variabeltyp. Ge variabeln ett namn, exempelvis "Message Meal". I fältet "Variabelnamn" för datalager anger du nyckeln från datalagret, alltså "message.meal". Upprepa detta för de andra parametrarna: meal, bookingDate och bookingTime. (Se exempel på färdig parameter nedan)
Skapa en utlösare (trigger)
Utlösaren talar om för GTM när en specifik händelse ska aktiveras. Navigera till Utlösare och klicka på Ny. Välj utlösartypen "Anpassad händelse". Ge den ett namn, exempelvis custom event - waiterAidMessage. I fältet Händelsenamn anger du exakt samma namn som du hittade i konsolen: event.waiterAidMessage. (se exempel nedan)
Skapa en tagg
Sist men inte minst, taggen är det som skickar all data till ditt analysverktyg, till exempel Google Analytics 4 (GA4). Gå till Taggar och klicka på Ny. Välj taggtypen Google Analytics: GA4-händelse. Ge taggen ett namn, t.ex. GA4 - waiterAidMessage. I fältet Händelsenamn anger du ett beskrivande namn för hur händelsen ska heta i GA4, till exempel waiter_aid_message. Lägg därefter till händelseparametrarna genom att använda de variabler du skapade i steg 1.
Exempelvis:
Parameternamn: amount, Värde: Message Amount
Parameternamn: meal, Värde: Message Meal
Koppla den utlösare (trigger) du skapade i steg 2 till denna tagg. När du är klar så bör det se ut som exemplet nedan.
Steg 3: Testa och publicera
Innan du publicerar ändringarna i GTM, använd förhandsgranskningsläget för att testa att allt fungerar som det ska. Genomför en bokning och se till att taggen aktiveras och att alla parametrar skickas med korrekta värden. När du är säker på att allt är korrekt, klickar du på Skicka för att publicera ändringarna. Datan kommer sedan att flöda in i ditt GA4-konto.