Gå til indhold
Dansk
Gå til yogo.dk
  • Der er ingen forslag, da søgefeltet er tomt.

Opsætning af Google Tag Manager, Facebook Pixel og YOGO

Følg denne guide til at sætte din Google Tag Manager op, hvor du derigennem kan koble f.eks. Facebook Pixel, Google Analytics eller Google Ads til.

Integrationen til Google Tag Manager er kun tilgængelig for STUDIO-pakken og op. YOGO supporterer ikke opsætning inde fra Google Tag Manager og videre, eftersom der findes så mange forskellige måder at gøre det på. Denne guide viser, hvordan du får hul igennem fra YOGO til din container.
 
 
 

Hvad YOGO sender til din container

YOGO sender en række hændelser (events) til datalaget i din Google Tag Manager-container. Du laver en trigger på det, du vil måle, og kobler dine tags på.

Hændelserne hedder alle sammen noget med yogo_ foran:

Hændelse Hvornår sendes den Felter du kan bruge
yogo_sign_up En kunde opretter en profil method
yogo_class_booked En kunde booker en klasse, en livestream eller en plads på ventelisten booking_type, class_id, class_name, class_date, class_start_time
yogo_event_booked En kunde tilmelder sig et gratis kursus direkte i en widget event_id, event_name
yogo_begin_checkout Kunden åbner checkout med noget i kurven (én gang pr. besøg) ecommerce (value, currency, items)
yogo_purchase Et køb er betalt ecommerce (transaction_id, value, tax, currency, items)
yogo_membership_purchased Købet indeholdt et medlemskab membership_type_id, membership_name, value, currency, transaction_id

yogo_begin_checkout og yogo_purchase bruger Google Analytics 4's ecommerce-format. Det betyder, at et GA4-tag eller et Google Ads-tag kan læse købet direkte, uden at du selv skal mappe felterne.

Felter der følger med på alle hændelser

Ud over sine egne felter har hver hændelse disse med:

  • yogo_source — yogo_pages, hvis det skete på YOGOs sider, eller widget, hvis det skete i en widget på jeres egen hjemmeside.
  • yogo_channel — hvor besøget startede: widget, frontend eller app.
  • yogo_campaign — besøgets utm_*-tags (utm_source, utm_medium, utm_campaign, utm_term, utm_content), eller null hvis der ikke var nogen.
  • yogo_click_ids og yogo_fbc — annoncenetværkenes klik-id'er (fbclid, gclid, ttclid, msclkid) og Metas fbc-værdi. De sendes kun, hvis kunden har sagt ja til marketing-cookies. Ellers er de null.

yogo_fbc er det, der gør, at en Facebook Pixel på YOGOs sider kan tilskrive købet til det annonceklik, der startede besøget ovre på jeres egen hjemmeside. Klikket skete et sted, hvor YOGO aldrig selv så klik-id'et, så YOGO sender det med i stedet.

De gamle hændelser virker stadig

Hvis du allerede har sat triggere op på de gamle navne, bliver de ved med at virke. YOGO sender dem uændret:

  • paymentStarted — køb startet
  • paymentCompleted — køb gennemført
  • myProfileViewed — kunden åbnede sin profil

Sammen med paymentCompleted sendes de samme datalagsvariabler som altid: transactionId, transactionTotal, transactionTax, transactionCurrency, transactionProducts, transactionProducts.price, transactionAffiliation og userEmail.

Du behøver ikke skifte. Men de nye yogo_*-hændelser dækker mere end køb — de dækker også oprettelse af profil, booking af klasser og start af checkout — og de kommer både fra YOGOs sider og fra widgets på jeres egen hjemmeside.

Før du går i gang

  1. Opret en Google Tag Manager-konto på tagmanager.google.com
  2. Log ind på YOGO admin → Indstillinger → Google Tag Manager og indsæt jeres GTM-id.
  3. Tag stilling til cookie-samtykke (se næste afsnit).
  4. Tryk Gem.

Cookie-samtykke

På siden i YOGO admin bestemmer I, hvem der håndterer cookie-samtykke for jeres container, når den kører på YOGOs sider.

TIL: YOGO sender kundens cookie-valg fra jeres hjemmeside videre til jeres Tag Manager-container, før den indlæses. Hvis YOGO ikke kan finde et valg på jeres hjemmeside, viser YOGO et lille cookie-banner og sender resultatet ind i containeren.

FRA: YOGO viser aldrig et cookie-banner og fortæller ikke containeren noget om samtykke. Containeren afgør selv samtykke ud fra sine egne indstillinger, f.eks. et cookie-værktøj, I har sat op inde i Tag Manager.

Nyere YOGO-kunder har ikke valget — der håndterer YOGO altid samtykket, og der står en sætning om det på siden i stedet for en afkrydsningsboks.

YOGO læser automatisk svaret fra de mest udbredte cookie-værktøjer: Cookiebot, CookieYes, Cookie Information, Complianz, Squarespaces indbyggede banner, Cookie Script, cookiehandler.io og Google Consent Mode.

Når kunden svarer på YOGOs eget banner, sender YOGO også hændelsen yogo_consent_update med felterne analytics og marketing, så du kan lave en trigger på det.

Vær opmærksom på: utm_*-tags gemmes altid, fordi de fortæller hvilken kampagne der virkede, ikke hvem der klikkede. Klik-id'er gemmes kun ved samtykke til marketing, slettes efter 90 dage og vises aldrig nogen steder.

Widgets på jeres egen hjemmeside

De nye YOGO-widgets sender de samme yogo_*-hændelser til datalaget på jeres egen hjemmeside. Så en booking, en kunde laver i en widget, uden nogensinde at komme ind på YOGOs sider, når også frem til jeres container.

Det betyder, at du laver én trigger pr. hændelse, og den fanger det, uanset hvor kunden gjorde det.

De gamle widgets sender ingen hændelser. Kører jeres hjemmeside på dem, får I kun det, der sker på YOGOs sider — og så står der en gul besked om det på Tag Manager-siden i YOGO admin. Kontakt YOGO for at skifte til de nye widgets.

Når købet sker i et popup-vindue

På computer åbner en widget YOGOs sider i et popup-vindue oven på jeres hjemmeside. Hvis jeres hjemmeside allerede kører den container, I har indtastet i YOGO, indlæser popup-vinduet ikke containeren en gang til. I stedet sender den alting tilbage til widgeten, som lægger det på jeres egen hjemmesides datalag.

Det er med vilje: på jeres egen side passer cookies sammen med annonceklikket. Et popup-vindue fra et andet domæne får sine cookies blokeret af Safari og Firefox.

Så din trigger fyrer én gang, på jeres egen side. Hændelserne er markeret med yogo_relayed: true, hvis du har brug for at kende forskel.

Opsætning i Google Tag Manager

Herunder er et eksempel med Facebook Pixel. Fremgangsmåden er den samme for GA4, Google Ads og andre tags.

Triggere

  1. Gå til Triggere → Ny
  2. Navngiv den første trigger, f.eks. Køb gennemført, og tryk på Triggerkonfiguration
  3. Vælg Tilpasset hændelse
  4. I Hændelsesnavn skriver du yogo_purchase og trykker Gem
  5. Opret en trigger mere, f.eks. Checkout startet, vælg igen Tilpasset hændelse og skriv yogo_begin_checkout

Vil du også måle oprettelse af profil og bookinger, laver du på samme måde triggere på yogo_sign_up og yogo_class_booked.

Variabler

Gå til Variabler i menuen, scroll ned til Brugerdefinerede variabler og tryk Ny. Vælg Datalagsvariabel hver gang, giv variablen et navn, og skriv datalagsnavnet i feltet Navn på datalagsvariabel. Tryk Gem.

Lav disse fire til at begynde med:

  • Navngiv den purchaseValue — datalagsvariabel: ecommerce.value
  • Navngiv den purchaseCurrency — datalagsvariabel: ecommerce.currency
  • Navngiv den purchaseItems — datalagsvariabel: ecommerce.items
  • Navngiv den purchaseTransactionId — datalagsvariabel: ecommerce.transaction_id

Vil du segmentere på kampagne eller kanal, kan du lave flere:

  • Navngiv den yogoCampaignSource — datalagsvariabel: yogo_campaign.utm_source
  • Navngiv den yogoCampaignName — datalagsvariabel: yogo_campaign.utm_campaign
  • Navngiv den yogoChannel — datalagsvariabel: yogo_channel
  • Navngiv den yogoFbc — datalagsvariabel: yogo_fbc

Tags

  1. Gå til Tags og tryk Ny
  2. Navngiv det, f.eks. FB pixel køb gennemført
  3. Tryk på Tagkonfiguration → Find flere tagtyper i Skabelongalleri for fællesskabet
  4. Søg på facebook, vælg Facebook Pixel, tryk Føj til arbejdsområde og derefter Tilføj
  5. Indsæt jeres Facebook Pixel-id
  6. Ved Event Name vælger du Purchase
  7. Tryk på Object Properties → Add property tre gange, så du får tre rækker. Udfyld dem sådan her — i feltet Property Value trykker du på plus-ikonet til højre og vælger variablen fra listen, i stedet for at skrive den i hånden:
  • value → vælg variablen purchaseValue
  • currency → vælg variablen purchaseCurrency
  • contents → vælg variablen purchaseItems
  1. Ved Triggere vælger du Køb gennemført, og trykker Gem

Lav et tag mere på samme måde til checkout startet, med hændelsesnavnet InitiateCheckout og triggeren Checkout startet.

Tip til Facebook Pixel: Sker købet på YOGOs sider, er der ikke noget fbclid i adressen, som pixelen selv kan finde. Derfor sender YOGO yogo_fbc med. Har du brug for at tilskrive købet til annonceklikket, kan du sende variablen yogoFbc med i pixelens opsætning.

Hvis du bruger Google Analytics 4

Så er det nemmere: både yogo_begin_checkout og yogo_purchase kommer allerede i GA4's ecommerce-format.

  1. Lav et GA4-hændelses-tag
  2. Sæt hændelsesnavnet til purchase (eller begin_checkout)
  3. Slå Send ecommerce-data til, og vælg Datalag som kilde
  4. Vælg den tilsvarende trigger

Du behøver ikke lave variabler til det.

Test integrationen

  1. Tryk på Forhåndsvisning i Google Tag Manager
  2. Indtast jeres YOGO-kunde-URL, f.eks. https://xxxx.yogo.dk (xxxx udskiftes med navnet på jeres studie), og tryk Aktiver
  3. Der åbnes et nyt browservindue med kundedelen
  4. Log ind, gå til Priser, læg noget i kurven og gå til checkout

Nu skulle du gerne se hændelserne komme ind i GTM-vinduet:

  • yogo_begin_checkout, når checkout åbner
  • yogo_purchase, når købet er betalt
  • yogo_sign_up, hvis du opretter en ny profil undervejs

Klik på hændelsen i listen til venstre og vælg fanen Data layer for at se, hvad der kom med.

Vil du teste widgets på jeres egen hjemmeside? Indtast jeres egen hjemmesides adresse i stedet for YOGO-URL'en i trin 2, og lav en booking i widgeten.

Når det hele ser rigtigt ud, går du tilbage til hovedsiden i GTM og trykker Indsend.

Du er nu klar til at tracke fra YOGO 🥳

Hvis der ikke kommer noget igennem

Ingen hændelser overhovedet: Tjek at jeres GTM-id er gemt i YOGO admin → Indstillinger → Google Tag Manager, og at I er på Studio-pakken eller opad.

Kun køb, ingen bookinger fra widgets: Jeres hjemmeside kører de gamle widgets. Kontakt YOGO for at skifte.

yogo_click_ids og yogo_fbc er altid null: Kunden har ikke sagt ja til marketing-cookies, eller YOGO kan ikke læse svaret fra jeres cookie-værktøj. Prøv at slå Håndtér cookie-samtykke til på Tag Manager-siden i YOGO admin.

Hændelsen kommer to gange: Tjek om I har triggere på både det gamle og det nye navn for det samme køb — f.eks. både paymentCompleted og yogo_purchase. Vælg ét af dem.