Google Tag Manager (GTM)

In diesem Artikel erfahren Sie die wichtigsten Informationen rund um Google Tag Manager im Einsatz mit e-guma.

Sie können Ihren Account von Google Tag Manager mit e-guma verknüpfen. Wählen Sie dazu im Menü des e-guma Gutscheinsystems/Ticketsystems Einstellungen -> Shop -> Grundeinstellungen. Aktivieren Sie das Feld Google Tag Manager und geben Sie die Container-ID ein. Google Tag Manager Container haben eine Container-ID, die mit GTM- beginnt. 

In dieser Anleitung erfahren Sie, wo Sie die Container-ID in Ihrem Google Tag Manager-Konto finden. Nachdem Sie Ihre Container-ID in e-guma hinterlegt haben, können Sie in Google Tag Manager Tags erstellen und verwalten. 

Damit Sie über den Google Tag Manager die Besucherzahlen Ihres Onlineshops in Google Analytics messen können, nehmen Sie folgende Einstellungen vor. 

Erstellen Sie im Google Tag Manager ein neues Tag und wählen Sie in der Tag-Konfiguration den Typ  Google Analytics - GA4 Konfiguration oder Google Tag.

Fügen Sie im entsprechenden Feld Ihre  GA4 Mess-ID hinzu. 

Im Bereich Trigger fügen Sie einen Trigger vom Typ Page Views hinzu und aktivieren All Page Views.  

Bei der Integration des Google Tag Manager in e-guma ist das Standard Code-Snippet von Google für Page Views auf jeder Seite enthalten.

E-Commerce-Tracking

Auch die Aufzeichnung der verkauften Gutscheine/Tickets/Produkte in Ihrem Onlineshop ist möglich. Damit Sie diese Funktion nutzen können, müssen Sie Ihr GA4-Tag im Google Tag Manager entsprechend konfigurieren.

Erstellen Sie im Google Tag Manager ein neues Tag und wählen Sie in der Tag-Konfiguration den Typ  Google Analytics: GA4 Ereignis

Fügen Sie im entsprechenden Feld Ihre  GA4 Mess-ID hinzu. Verwenden Sie als Ereignisname die integrierte Variable {{Event}}. 

Aktiveren Sie unter Weitere Einstellungen > E-Commerce die Option E-Commerce-Daten senden. Verwenden Sie als Datenquelle DataLayer. 

Fügen Sie im Bereich Trigger einen Trigger vom Typ Benutzerdefiniertes Ereignis hinzu und verwenden Sie folgenden Ereignisnamen: 

^(view_item|view_item_list|select_item|add_to_cart|remove_from_cart|view_cart|begin_checkout|add_payment_info|add_shipping_info|purchase)$

Auf der Completion-Page speichern wir die Bestelldaten im DataLayer. Nachfolgend ein Beispiel:

<script type="text/plain" data-cookiecategory="analytics">  
dataLayer = [];     
 
	dataLayer.push({            
		'event': 'purchase',            
		'ecommerce': {                
			'transaction_id': 'VOUCHER G10004',                
			'affiliation' : 'e-guma',                
			'value': 20,                
			'currency': 'CHF',                
			'items': [
					{  
					'item_name': 'Wertgutschein (Gutschein)',  
					'item_id': '35f5d3ef-c6ab-43fc-9931-4ba7843dd938',
					'price': 20,                            
					'item_category': 'Gutschein',                            
					'quantity': 1,                          ¨
					}               
			]           
		}      
	});
</script>

Weitere Angaben zum E-Commerce-Tracking in Google Tag Manager finden Sie in der Google Anleitung Informationen zu E-Commerce.

Einschränkungen

Bitte beachten Sie folgende Einschränkungen beim E-Commerce Tracking: 

• Vorerst wird nur der purchase Event von e-guma unterstützt und im Data Layer ausgespielt.
• Weitere Events wie view_item_list, view_item, add_to_cart, view_cart sind derzeit noch nicht integriert. Die Umsetzung ist geplant.
• Bei Bedarf können Sie weitere Events manuell im Google Tag Manager hinzufügen.