Google Analytics 4 - GA4

Einführung

Tixly unterstützt das E-Commerce-Tracking mit Google Analytics 4.
Dies funktioniert in Kombination mit Ihrem Google Tag Manager Code und Ihrer eigenen Cookie-Lösung.

Auf Ihrer Skin platzieren wir eine GA4-kompatible Datenebene mit Auftragsdetails, lösen E-Commerce-Veranstaltungen aus und binden einen Google Tag Manager (GTM)-Container ein. Ihr Marketingteam oder Ihre externe Agentur konfiguriert einen GTM-Container, der diese Data Layer-Informationen und Veranstaltungen nutzt. Den GTM-Code dieses Containers können Sie an den Tixly-Support weitergeben, der diesen dann auf Ihrer Skin platzieren kann.

Erläuterung der einzelnen Elemente

GA4 ist die Version 4 von Google Analytics. GA3 ist seit Juli 2023 eingestellt. Wir haben in der Vergangenheit Version 3 verwendet. Alle Google-Codes, die mit UA- beginnen, sind Version 3.

Die Datenebene (Data Layer) ist ein Speicherort im Browser des:der Besucher:in, an dem der Warenkorb in einem Format verfügbar ist, das von Marketing-Tools genutzt werden kann. Von den Tixly-Seiten werden Daten in die Datenebene übertragen, beispielsweise: Der Inhalt des Warenkorbs „2 Tickets für Konzert X im Warenkorb mit einem Gesamtwert von 60 €“.
Zusätzlich können wir Veranstaltungen in die Datenebene senden, um Marketing-Tools über bestimmte Aktionen zu informieren, etwa: „Etwas wurde zum Auftrag hinzugefügt“ oder „Der Kauf wurde abgeschlossen“.

Der Google Tag Manager (GTM) ist ein System von Google, das als Content-Management-System für Marketing-Tags dient. Marketing-Teams können damit festlegen, welche Marketing-Tools, Tags und Tracker auf welchen Seiten verwendet werden. Dazu gehören beispielsweise Chatbots, Google Analytics oder Facebook-Tracker.

Im beigefügten Diagramm wird der GTM als blaues Quadrat dargestellt. Die darin konfigurierten Tracker können auf die Informationen und Veranstaltungen aus der Datenebene (Data Layer) zugreifen und diese nutzen.

Sowohl GA4 als auch das ältere GA3 können mit einer Datenebene (Data Layer) arbeiten. Allerdings unterscheidet sich Aufbau der Datenebene und die Veranstaltungen sind in GA 3 und GA 4 nicht vollständig identisch.

Daher war es notwendig, eine eigene GA4-Version der Datenebene zu erstellen. Eine Kombination beider Versionen wird nicht unterstützt und kann zu unerwünschten Ergebnissen führen.

Vorbereitung durch den:die Kund:in

Dies muss vom:von der Kund:in vorbereitet werden: Erstellen Sie einen GTM-Container, der für die folgenden Elemente verantwortlich ist:

• Einen Cookie-Manager laden, z. B. Cookiebot oder Cookie Hub, und auf die Antworten der Besucher:innen reagieren. Durch die Nutzung Ihres eigenen Cookie-Managers können Sie die gleiche Lösung wie auf Ihrer Haupt-Website verwenden. Dadurch muss der:die Besucher:in die Frage „Dürfen wir Cookies verwenden?“ nur einmal beantworten.
•  GA4-Code einfügen, um Tracking-Daten an Google Analytics zu senden, einschließlich Seitenaufrufen oder anderer Ereignisse, die nicht von Tixly gesendet werden.
• Weitere Marketing-Tools laden, z. B. Facebook-Pixel, Umfragen oder Chatbots, die Sie nutzen möchten.

Geben Sie den GTM-Code dieses Containers an den Tixly-Support weiter.

Einrichtung in Tixly

Was Tixly einrichtet:
Auf Ihrer Skin platzieren wir die GA4-kompatible Data Layer mit Auftragsdetails, lösen E-Commerce-Events aus und integrieren Ihren Google Tag Manager-Container.

Im Tixly-Tracker-Modul wird ein neuer Web-Tracker vom Typ GTM und DataLayer erstellt. Als Tracker-ID wird der Google Tag Manager des Kunden hinterlegt, zum Beispiel GTM-NQK7R5.

Auf der Skin:

• Tixly-Tracker deaktivieren
• Alle Cookie-Warnungen deaktivieren
• Andere vorhandene Tracker entfernen
• Den neu erstellten „GTM und DataLayer“-Tracker hinzufügen

Dieser GA4-Datenlayer sollte nun der einzige Google-Tracker auf der Skin sein. Da keine anderen Tracker vorhanden sind, lädt Tixly auch keine Marketing-Skripte, die Cookies verwenden.

Alle Tracker wie Google Analytics, aber auch Facebook und andere, müssen vom:von der Kund:in über den Google Tag Manager verwaltet werden. 

Um den Anforderungen der DSGVO gerecht zu werden, muss eine Cookie-Manager-Lösung bereitgestellt werden, um die Zustimmung des:der Käufer:in zum Laden dieser Tracker einzuholen. Der Vorteil dabei ist, dass der:die Kund:in dieselbe Cookie-Lösung wie auf der Veranstaltungswebsite auch auf den Tixly-Seiten verwenden kann.

Details zum Data-Layer

Auf allen Seiten der Skin wird ein Data Layer geladen, und an mehreren Stellen im Kaufprozess werden E-Commerce-Events ausgelöst.

Auf der Tixly “View Event Group”-Seite

Das event view_item_list wird mit der Tixly Event group ID und dem Namen der event group ausgelöst. Ein items object mit allen Positionen auf der Seite wird ebenfalls beigefügt.

{
"event": "view_item_list",
"event_group_id": "22587",
"event_group_name": "Slapstick - The roaring twenties",
"item_list_id": "event_group",
"item_list_name": "event group",
"ecommerce": {
"value": 0,
"currency": "EUR",
"items": [
{
"item_name": "Slapstick - The roaring twenties-17-1-2023 20:00:00",
"item_id": 66939,
"item_brand": "Senf Theaterpartners",
"item_category": "Slapstick - The roaring twenties",
"item_category2": "16 - Mary Dresselhuys",
"item_category3": 0,
"item_category4": null,
"price": 22.5
},
{
"item_name": "Slapstick - The roaring twenties-18-1-2023 20:00:00",
"item_id": 66941,
"item_brand": "Senf Theaterpartners",
"item_category": "Slapstick - The roaring twenties",
"item_category2": "16 - Mary Dresselhuys",
"item_category3": 0,
"item_category4": null,
"price": 22.5
},
{
"item_name": "Slapstick - The roaring twenties-19-1-2023 20:00:00",
"item_id": 66943,
"item_brand": "Senf Theaterpartners",
"item_category": "Slapstick - The roaring twenties",
"item_category2": "16 - Mary Dresselhuys",
"item_category3": 0,
"item_category4": null,
"price": 22.5
}
]
}
}

Bei der Auswahl einer Veranstaltungen wird ein event view_item ausgelöst, wobei das “items”-Objekt das angezeigte Element enthält. Wenn die Website direkt auf ein bestimmtes Datum verlinkt, werden view_item_list und view_item kurz nacheinander ausgelöst.

Wenn Tickets zu einem Auftrag hinzugefügt werden

Wenn der:die Käufer:in die Tickets zu seiner Bestellung hinzufügt, wird add_to_cart event ausgelöst. Dadurch wird auch ein E-Commerce-Objekt ausgelöst, das zeigt, was hinzugefügt wurde.

{
event : "add_to_cart",
ecommerce : {
value : 65
currency : "EUR",
items : [
{
item_name : "Slapstick - The roaring twenties-18-1-2023 20:00:00",
item_id : 66941,
price : 32.5,
original_price : null,
item_brand : "Senf Theaterpartners",
item_category : "Slapstick - The roaring twenties",
item_category2 : "Mary Dresselhuys",
item_category3 : 661,
item_category4 : 22587,
item_variant : "Regulier"
},
{
item_name : "Slapstick - The roaring twenties-18-1-2023 20:00:00",
item_id : 66941,
price : 32.5,
original_price : null,
item_brand : "Senf Theaterpartners",
item_category : "Slapstick - The roaring twenties",
item_category2 : "16 - Mary Dresselhuys",
item_category3 : 661,
item_category4 : 22587,
item_variant : "Regulier"
}
]
}
}

View_cart 

Auf der Seite /buyingflow/order/ sieht der:die Nutzer:in die Bestellung. Dies löst das view_cart aus, bei dem das E-Commerce-Objekt alle Elemente in der Bestellung enthält. Dies umfasst auch die Standard-Versandart und Transaktionsgebühren, die Tixly für Aufträge festgelegt hat.

Weiter zum Check-Out
Wenn der:die Käufer:in mit dem Checkout fortfährt, wird das begin_checkout event ausgelöst. Möglicherweise wird dem:der Käufer:in die Möglichkeit geboten, eine Versandart auszuwählen. Wenn der:die Käufer:in dies tut und fortfährt, wird add_shipping_info event ausgelöst.

Beachten Sie, dass diese events mehrmals ausgelöst werden, wenn der:die Kund:in in einer Sitzung mehrfach auf diese Seiten zurückkehrt.

{
"event": "add_shipping_info",
"ecommerce": {
"value": 72.7,
"currency": "EUR",
"items": [
{
"item_name": "Slapstick - The roaring twenties-18-1-2023 20:00:00",
"item_id": 66941,
"price": 32.5,
"original_price": null,
"item_brand": "Senf Theaterpartners",
"item_category": "Slapstick - The roaring twenties",
"item_category2": "16 - Mary Dresselhuys",
"item_category3": 661,
"item_category4": 22587,
"item_variant": "Regulier"
},
{
"item_name": "Slapstick - The roaring twenties-18-1-2023 20:00:00",
"item_id": 66941,
"price": 32.5,
"original_price": null,
"item_brand": "Senf Theaterpartners",
"item_category": "Slapstick - The roaring twenties",
"item_category2": "16 - Mary Dresselhuys",
"item_category3": 661,
"item_category4": 22587,
"item_variant": "Regulier"
},
{
"item_name": "Transactiekosten",
"item_id": "SERVICES-0",
"price": 3.5,
"item_variant": 5
},
{
"item_name": "Postbezorging",
"item_id": "DELIVERY-82",
"price": 4.2,
"item_variant": 82
}
]
}
}

Zum externen Zahlungsanbieter gehen

Wenn der:die Kund:in auf Bezahlen klickt, um zu einem Zahlungsanbieter weitergeleitet zu werden, wird event add_payment_info ausgelöst.

{
"event": "add_payment_info",
"ecommerce": {
"value": 72.7,
"currency": "EUR",
"transaction_id" : 118781,
"items": [
{
"item_name": "Slapstick - The roaring twenties-18-1-2023 20:00:00",
"item_id": 66941,
"price": 32.5,
"original_price": null,
"item_brand": "Senf Theaterpartners",
"item_category": "Slapstick - The roaring twenties",
"item_category2": "16 - Mary Dresselhuys",
"item_category3": 661,
"item_category4": 22587,
"item_variant": "Regulier"
},
{
"item_name": "Slapstick - The roaring twenties-18-1-2023 20:00:00",
"item_id": 66941,
"price": 32.5,
"original_price": null,
"item_brand": "Senf Theaterpartners",
"item_category": "Slapstick - The roaring twenties",
"item_category2": "16 - Mary Dresselhuys",
"item_category3": 661,
"item_category4": 22587,
"item_variant": "Regulier"
},
{
"item_name": "Transactiekosten",
"item_id": "SERVICES-0",
"price": 3.5,
"item_variant": 5
},
{
"item_name": "Postbezorging",
"item_id": "DELIVERY-82",
"price": 4.2,
"item_variant": 82
}
]
}
} 

Auftrag abschließen

Wenn die Zahlung eingegangen ist und die Auftragsbestätigungsseite geöffnet wird, wird purchase ausgelöst. Ein E-Commerce-Objekt, das alle bestellten Positionen enthält, wird ebenfalls übertragen. 

{
"event": "purchase",
"ecommerce": {
"value": 72.7,
"currency": "EUR",
"transaction_id" : 118781,
"items": [
{
"item_name": "Slapstick - The roaring twenties-18-1-2023 20:00:00",
"item_id": 66941,
"price": 32.5,
"original_price": null,
"item_brand": "Senf Theaterpartners",
"item_category": "Slapstick - The roaring twenties",
"item_category2": "16 - Mary Dresselhuys",
"item_category3": 661,
"item_category4": 22587,
"item_variant": "Regulier"
},
{
"item_name": "Slapstick - The roaring twenties-18-1-2023 20:00:00",
"item_id": 66941,
"price": 32.5,
"original_price": null,
"item_brand": "Senf Theaterpartners",
"item_category": "Slapstick - The roaring twenties",
"item_category2": "16 - Mary Dresselhuys",
"item_category3": 661,
"item_category4": 22587,
"item_variant": "Regulier"
},
{
"item_name": "Transactionskosten",
"item_id": "SERVICES-0",
"price": 3.5,
"item_variant": 5
},
{
"item_name": "Postversand",
"item_id": "DELIVERY-82",
"price": 4.2,
"item_variant": 82
}
]
}
}

Erklärung von Eigenschaften der Positionen im Data-Layer

1. 
   
   

   item_name

   
   
   
   1. Für Tickets: „Veranstaltungsname - Datum - Uhrzeit“.
   2. Andere Positionen zeigen den Namen der Position an.
2. 
   
   

   item_id

   
   
   
   1. Wenn es sich bei der Position um ein Ticket handelt, hat es die Tixly Event ID.
   2. Bei anderen Positionen wird der Positionsart die ID vorangestellt. Zum Beispiel DELIVERY-82 ist die Lieferoption mit der ID 82. Oder DONATION-12 für eine Spendenart mit der ID 12. 
3. 
   
   

   price

   
   
   
   1. Den Preis, den der:die Kund:in für diese Position bezahlen muss.
4. 
   
   

   original price

   
   
   
   1. Zeigt den ursprünglichen Preis der Tickets an, wenn eine Warenkorbregel den Preis geändert hat.
5. 
   
   

   item_brand

   
   
   
   1. Für Tickets: Der Name des:der Veranstalter:in der Veranstaltung
   2. Bei anderen Positionen ist dies der Name der Art der Position: Gutschein, Artikel, Abonnement
6. 
   
   

   item_category

   
   
   
   1. Veranstaltungsname 
   2. Leer für Positionen, die keine Tickets sind.
7. 
   
   

   item_category2

   
   
   
   1. Spielstätten-ID - Name der Spielstätte
   2. Leer für Positionen, die keine Tickets sind.
8. 
   
   

   item_category3

   
   
   
   1. Saal-ID
   2. Leer für Positionen, die keine Tickets sind.
9. 
   
   

   item_category4

   
   
   
   1. Produktion-ID
   2. Leer für Positionen, die keine Tickets sind.
10. 
    
    

    item_variant

    
    
    
    1. Name des Tickettyps bzw. bei Nicht-Ticket-Positionen die ID der Position
       
       

Testen

Die Einrichtung des GTM-Containers und Ihrer GA-Umgebung ist etwas, das Sie wahrscheinlich testen möchten, bevor Sie es auf Ihrer Live-Verkaufsskin aktivieren. Ein einfacher Ansatz ist die Verwendung einer temporären zweiten Skin in Tixly zum Testen. Erstellen Sie eine neue Skin mit diesen Eigenschaften (alle hier nicht erwähnten Felder können leer gelassen oder auf die Standardwerte gesetzt werden).

1. 
   
   

   Organisation

   
   
   
   1. Ihre Organisation (oder leer lassen)
2. 
   
   

   SkinUrl

   
   
   
   1. Test1 (oder einen anderen Namen, Sie benötigen diesen in der Url).
3. 
   
   

   Hosted Skin

   
   
   
   1. Nein
4. 
   
   

   Position

   
   
   
   1. Eine hohe Zahl, so dass er in den Auswahllisten des BoxOffice nicht ganz oben stehen wird.
5. 
   
   

   DisableTixlyTracker

   
   
   
   1. Setzen Sie diese Option auf Ja, wenn Sie testen möchten, ob keine Tracking-Cookies gesetzt sind.
6. 
   
   

   Web trackers

   
   
   
   1. Wählen Sie die Tracker [GTM and DataLayer].
7. 
   
   

   Custom login

   
   
   
   1. Ja
8. 
   
   

   CustomLoginSkinId

   
   
   
   1. Setzen Sie dies auf den gleichen Wert wie bei Ihrer Live-Skin. Dadurch können Sie dasselbe Login für den Test wie für den Live-Betrieb verwenden.

Jetzt können Sie diese Skin für alle Ihre Veranstaltungen verwenden, die auch live verkauft werden. Zum Beispiel so:
https://tix.se/sv/Test1/buyingflow/tickets/12877/61741

Hier können Sie Ihre GTM-Einrichtung testen. Wenn Sie Trigger in GTM verwenden, um bestimmte Tags nur auf bestimmten Website-URLs auszulösen, stellen Sie sicher, dass sie auch auf der URL der Test-Skins ausgelöst werden. 

GTM hat einen guten Debugging-Modus (siehe Beispiel), aber eine einfache Überprüfung kann auch mit einem GTM / GA Debugger durchgeführt werden.

Wenn der Test erfolgreich war, kann die GA4-Datenschicht auf der Live-Skin platziert werden, die anderen Live-Tracker können entfernt und die Test-Skin gelöscht werden.