Das view_item_list Event in Google Analytics 4 (GA4)

Das view_item_list Event in Google Analytics 4 (GA4) ist dafür gedacht, die Ansicht einer Liste von Produkten zu erfassen.
Dass es um eine Liste von Produkten geht unterscheidet das view_item_list Event vom view_item Event, das den Aufruf einer einzelnen Produktseite trackt.

Produktlisten

Was genau mit Produktliste gemeint ist, ist dir überlassen. Die üblichsten Beispiele:

Implementierung

Damit view_item_list in GA4 sauber funktioniert, sind ein paar Dinge wichtig:

• items ist Pflicht (das ist die eigentliche Produktliste).
• Pro Item sollte mindestens item_id oder item_name gesetzt sein (idealerweise beides).
• item_list_id und item_list_name helfen dir später zu verstehen, welche Liste das war (Kategorie, Suche, „Ähnliche Produkte“, …). Du kannst sie auf Event-Ebene setzen und/oder pro Item; wenn du beides setzt, ist der Wert auf Item-Ebene der, der zählt.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
	event: "view_item_list",
	item_list_id: "category",
    item_list_name: "Category page",
	ecommerce: {
		items: [{
			item_id: "SKU12345",
			item_name: "T-Shirt mit V-Ausschnitt",
			item_category: "T-Shirts",
			item_variant: "Schwarz",
			item_brand: "MyFashion",
			item_list_id: "category",
    		item_list_name: "Category page",
            index: 1,
			price: 19.90,
			quantity: 1
		}]
	}
});

Sichtbarkeit & Produkte pro Event

Gerade auf Kategorieseiten großer Shops ist es üblich, hunderte Produkte in einer Liste anzuzeigen. Auch wenn sie technisch betrachtet bereits auf der Seite sind, ist es nicht sinnvoll, alle Produkte in einem Event zu übermitteln:

1. Die Datenmenge wäre zu groß und würde die maximale Größe eines GA4 Events überschreiten.
2. Nutzer können nicht alle Produkte gleichzeitig wahrnehmen, sondern nur die, die gerade im Viewport sind. Alle Produkte auf einmal zu tracken würde also nicht die Realität der Nutzerinteraktion widerspiegeln.

Als Faustregel hilft es sich zu merken: GA4 erlaubt zwar bis zu 200 Items pro Event, aber in der Praxis wirst du bei langen Listen (und vielen Parametern pro Produkt) oft viel früher an Größenlimits stoßen. Viewport-basiertes Tracking ist deshalb nicht nur „nice“, sondern meistens notwendig.

Deshalb ist es sinnvoll, nur die Produkte zu übermitteln, die aktuell im Viewport des Nutzers sichtbar sind bzw. sichtbar werden, wenn der Nutzer scrollt.

Live-Demo

In der folgenden Live-Demo wird das view_item_list Event getrackt, wenn der Nutzer auf der Seite scrollt und neue Produkte sichtbar werden. Du kannst dir den Code kopieren und für deinen eigenen Shop anpassen oder leite das Beispiel an deine Entwickler weiter, um zu zeigen, wie das view_item_list Event korrekt implementiert werden kann.

Klicke in der unten angezeigten Box auf den Button “View App”, um die Produktliste anzuzeigen.