Har du spørgsmål til Gecko Booking?

Vi hjælper gerne :)

Spørgsmål til Gecko Booking?

Er du i tvivl om hvorvidt Gecko Booking er noget for dig, eller har du andre spørgsmål? Så hører vi rigtig gerne fra dig!

Felter markeret med * er påkrævede

+45 7027 1699 info@gecko.dk Log ind Online booking- & administrationssystem - Nemt og enkelt

Ofte stillede spørgsmål


Du er her: F.A.Q > Booking > Indsætningskode > Hvordan bruger jeg Google Ecommerce (e-handel) via Google Tag Manager på en indsætningskode?


Hvordan bruger jeg Google Ecommerce (e-handel) via Google Tag Manager på en indsætningskode?

Spørgsmål:

Hvordan bruger jeg Google Tag Manager til at tracke transaktioner via Google Ecommerce (E-handel) i Google Analytics når bookingsystemet er integreret på siden (via vores iframe indsætningskode)


Svar:

OBS! GECKO Booking yder ikke support på opsætning af eksterne tjenester såsom Google Analytics og Google Tag Manager.

For at kunne tracke transaktioner i vores iframe, med Google Ecommerce (E-handel) i Google Analytics, via Google Tag Manager kræves følgende:

  • At Google Ecommerce (ikke udvidet) er aktiveret i jeres Google Analytics konto
  • At Google Ecommerce via Tag Manager er aktiveret på indsætningskoden der benyttes
  • Google Tag Manager på jeres hjemmeside
  • Google Tag Manager i bookingsystemet

Jeres hjemmeside og bookingsystemet skal benytte hver sin container inde i Google Tag Manager. Bookingsystemets Google Tag Manager container benyttes til at sende oplysninger om transaktionen videre til Google Tag Manager containeren på jeres hjemmeside, som så kan videregive transaktionerne til Google Analytics.

Guiden nedenfor tager udgangspunkt i at vores standardskabelon for teksten 'Booking - Gennemført - Google Ecommerce - Tag manager' er ændret til følgende (OBS: teksten kan ændres for en specifik indsætningskode):


[GAEcommerceStart]
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'ecommerce':{
   'transactionId': '[GAEcommerceTransactionId]',
   'transactionAffiliation': '[COMPANYNAME]',
   'transactionTotal': [GAEcommerceTransactionTotal],
   'transactionTax': [GAEcommerceTransactionTax],
   'transactionProducts': [
   [GAEcommerceProductStart]
   {
       'sku': '[GAEcommerceProductNo]',
       'name': '[GAEcommerceProductName]',
       'category': '[GAEcommerceProductCategory]',
       'price': [GAEcommerceProductPrice],
       'quantity': [GAEcommerceProductQuantity]
   }[GAEcommerceProductDelimiter]
   [GAEcommerceProductEnd]
   ]
}
});
</script>
[GAEcommerceEnd]

 


Del 1: Google Tag Manager til bookingsystemet

  • Scriptet til <head> skal placeres i teksten 'Alle sider - header'. Denne finder du under Indstillinger → Generelt: Tekster, her åbnes Faneblad: 'Online booking'
  • Scriptet til <body> kan undlades.

  • Tilføj den indbyggede variabel 'Debug Mode' hvis den ikke er der i forvejen.

Variabel:

  • Navn på variabel: DLV - ecommerce
  • Konfiguration af variabel:
    • Variabeltype: Datalagsvariabel
    • Navn på datalagsvariabel: ecommerce
    • Datalagsversion: Version 2

Følgende triggers oprettes:

Trigger 1:

  • Navn på Trigger: Booking - conversion
  • Triggerkonfiguration:
    • Triggertype: Sidevisning
    • Denne trigger aktiveres ved: Nogle sidevisninger
      • Betingelser:
        • Page URL
        • indeholder
        • booking.php?show=gennemfoert

Trigger 2:

  • Navn på Trigger: Order - conversion
  • Triggerkonfiguration:
    • Triggertype: Sidevisning
    • Denne trigger aktiveres ved: Nogle sidevisninger
      • Betingelser:
        • Page URL
        • indeholder
        • onlinebetaling.php?show=confirm

Følgende Tag oprettes:

  • Navn på Tag: cHTML - postMessage - Send - ecommerce
  • Tagtype: Tilpasset HTML
  • Triggers:
    • Booking - conversion
    • Order - conversion
  • HTML:

<script>
(function(){
    try {
        if(typeof parent != "undefined" && parent != window) {
            if(typeof parent.postMessage != "undefined") {
                var message = {};
                message = {{DLV - ecommerce}};
                message["origin"] = {
                    "type" : "iframe",
                    "host" : {{Page Hostname}},
                };
                message["event"] = "custom.postMessage.ecommerce";
                // Convert message into a string
                var messageJSON = JSON.stringify(message);
                //Send message to parent
                parent.postMessage(messageJSON, "*");
            }
        }
    } catch(err){if({{Debug Mode}}) console.log(err);};
})();
</script>

 

 


Del 2: Google Tag Manager på jeres hjemmeside:

  • <head> og <body> script placeres på jeres hjemmeside efter Googles anvisninger

  • Tilføj den indbyggede variabel 'Debug Mode' hvis den ikke er der i forvejen.

Derudover skal følgende brugerdefinerede variabler oprettes:

Variabel 1:

  • Navn på variabel: DLV - ecommerce
  • Konfiguration af variabel:
    • Variabeltype: Datalagsvariabel
    • Navn på datalagsvariabel: ecommerce
    • Datalagsversion: Version 2

Variabel 2:

  • Navn på variabel: Google Analytics-indstillinger
  • Konfiguration af variabel:
    • Variabeltype: Google Analytics-indstillinger
    • Sporings-id: Jeres Google Analytics ID
    • Cookiedomæne: Auto

Følgende trigger oprettes:

  • Navn på Trigger: Custom - postMessage - Ecommerce
  • Triggerkonfiguration:
    • Triggertype: Tilpasset hændelse
    • Hændelsesnavn: custom.postMessage.ecommerce
    • Denne trigger aktiveres ved: Alle tilpassede hændelser

Følgende tags skal oprettes:

Tag 1:

  • Navn på Tag: cHTML - postMessage - Receive
  • Tagtype: Tilpasset HTML
  • Triggers: All pages
  • HTML:
	   <script>
	(function(){
	  try {
	    var receiveMessage = function(event) {
	      try {
	        if(event && typeof event.data != 'undefined') {
	          var message = JSON.parse(event.data);
	          if(message && typeof message.event != 'undefined' && message.event.indexOf('custom.postMessage') >= 0) {
	            if(dataLayer) {
	              dataLayer.push(message);
	            }
	          }
	        }
	      } catch(err) {};
	    };
	    if(typeof window.addEventListener !== 'undefined') {
	      window.addEventListener('message', function(e) {
	        receiveMessage(e);
	      });
	    } else if (typeof window.attachEvent !== 'undefined') {
	      window.attachEvent('on' + 'message', function(e) {
	        receiveMessage(e);
	      });
	    }
	  } catch(err){if({{Debug Mode}}) console.log(err);};
	  })();
	</script>

Tag 2:

  • Navn på Tag: GA - Ecommerce - Virtual - postMessage
  • Tagtype: Google Analytics - Universal Analytics
  • Sporingstype: Transaktion
  • Google Analytics-indstillinger: {{Google Analytics-indstillinger}}
  • Triggers: Custom - postMessage - Ecommerce


 


Prøv en gratis og uforpligtende demo af GECKO Booking

Udfyld formularen, og vi sender dig en demo hurtigst muligt.

 

Felter markeret med * er påkrævede