Page Targeting
Inhaltsverzeichnis
Kurz & Knapp
Mit Hilfe des Page Targetings legst du fest, auf welchen Seiten deiner Website ein Experiment ausgespielt wird. In den Experiment-Einstellungen findest du unter „Page Targeting“ verschiedene Optionen, um die Ausspielung regelbasiert zu steuern. Ein korrekt konfiguriertes Page Targeting ist außerdem Voraussetzung, damit ein Experiment gestartet werden kann.
Page Targeting Optionen
Mit Hilfe von Regeln im Page Targeting legst du fest, auf welchen Seiten oder Seitentypen Besucher zu Experiment-Teilnehmern werden. Dafür stehen dir verschiedene Methoden zur Verfügung, um Seiten eindeutig zu identifizieren. Ein Experiment wird nur dann ausgespielt, wenn die definierten Bedingungen erfüllt sind.
Es ist außerdem möglich, mehrere Regeln miteinander zu verknüpfen und dabei UND- sowie ODER-Bedingungen zu nutzen.
| Methode | Wann sinnvoll |
|---|---|
| URL-Regeln | Wenn Seiten eindeutig über Domain, Pfad oder Parameter unterscheidbar sind oder wenn nur eine bestimmte URL targetiert werden soll. |
| Regex | Wenn mehrere ähnliche URLs mit einem Muster abgedeckt werden sollen. |
| CSS-Selektor | Wenn du mehrere Seiten targeten willst, die sich nicht sauber über URL-Regeln unterscheiden lassen, aber ein eindeutiges Element teilen. |
| JavaScript | Wenn du komplexe Bedingungen brauchst, die über URL und DOM hinausgehen, z.B. Logik, Zustände oder DataLayer Einträge. |
Mit Hilfe von Regeln definierst du, auf welchen Seiten bzw. Seitentypen deine Besucher zu Experiment Teilnehmern werden. Dazu hast du mehrere Möglichkeiten, Seiten zu identifizieren.
Der Einsatz des CSS Selectors ist dann sinnvoll, wenn du mehrere Seiten targetieren möchtest, diese aber nicht eindeutig über URL Regeln zu identifizieren sind.
Mittels JavaScript kannst du komplexere Targeting Regeln definieren. Beispielsweise hast du damit auch die Möglichkeit, auf spezielle DataLayer Einträge zu prüfen.
URL Match
Mit dem URL Match legst du über URL-Regeln fest, auf welchen Seiten dein Experiment ausgespielt wird. Du kannst mehrere URL-Regeln kombinieren und definieren, welche zutreffen müssen und welche ausgeschlossen werden sollen.
Verknüpfung mehrerer URL Regeln
Du kannst mehrere URL-Regeln gleichzeitig anlegen und miteinander verknüpfen. Über das Plus-Symbol fügst du weitere Regeln hinzu. Mit „matches“ oder „does not match“ legst du fest, ob das Experiment auf den angegebenen URLs ausgespielt oder ausgeschlossen werden soll.
Wenn du komplexere Regeln abbilden möchtest, kannst du mehrere URL-Matches kombinieren. So kannst du zum Beispiel festlegen, dass ein Experiment auf https://www.demo.de angezeigt wird, außer auf https://www.demo.de/impressum.
Matching Type
Rechts neben dem Eingabefeld kannst du den Matching Type deiner Targeting Bedingung festlegen. Je nach Auswahl wird die URL im Eingabefeld daneben auf verschiedene Bedingungen geprüft. Du hast folgende Bedingungen zur Auswahl:
- Simple Match
- Exact Match
- Contains
- Regex
Nachfolgend werden die Targeting Bedingungen mit Anwendungsbeispielen genauer erklärt.
Simple Match
Beim Simple Match werden alle eingetragenen URLs getargetet, inklusive der zugehörigen URL-Parameter.
Im folgenden Beispiel siehst du, welche URL-Varianten beim Page Targeting „Simple Match“ für die URL www.demo.de als Treffer gelten:
| URL | Targeting trifft zu |
|---|---|
| www.demo.de | ✅ trifft zu |
| www.demo.de#about | ✅ trifft zu |
| www.demo.de?color=red | ✅ trifft zu |
| www.demo.de/category | ❌ trifft nicht zu |
| www.demo.com | ❌ trifft nicht zu |
| subdomain.demo.de | ❌ trifft nicht zu |
| URL | Targeting trifft zu |
|---|---|
|
www.demo.de |
trifft zu |
|
www.demo.de#about |
trifft zu |
|
www.demo.de?color=red |
trifft zu |
|
www.demo.de/category |
trifft nicht zu |
|
www.demo.com |
trifft nicht zu |
|
sub.demo.de |
trifft nicht zu |
Wenn du mehrere Seiten, Seitentypen oder Subdomains gleichzeitig targeten möchtest, kannst du dafür Regex verwenden. Alternativ ist Targeting auch über einen CSS-Selektor möglich, zum Beispiel wenn ein bestimmtes Element auf der Seite vorhanden ist. Lies einfach weiter.
Exact Match
Nutze die Bedingung „Exact Match“, wenn das Page Targeting ausschließlich für eine konkrete URL gelten soll, also ohne URL-Parameter.
Im folgenden Beispiel siehst du, welche URL-Varianten beim Page Targeting „Exact Match“ für die URL www.demo.de als Treffer gelten:
| URL | Targeting trifft zu |
|---|---|
| www.demo.de | ✅ trifft zu |
| www.demo.de#about | ❌ trifft nicht zu |
| www.demo.de?color=red | ❌ trifft nicht zu |
| www.demo.de/category | ❌ trifft nicht zu |
| www.demo.com | ❌ trifft nicht zu |
| subdomain.demo.de | ❌ trifft nicht zu |
| URL | Targeting trifft zu |
|---|---|
|
www.demo.de |
trifft zu |
|
www.demo.de/ |
trifft nicht zu |
|
www.demo.de#about |
trifft nicht zu |
|
www.demo.de?color=red |
trifft nicht zu |
|
www.demo.de/category |
trifft nicht zu |
|
www.demo.com |
trifft nicht zu |
|
sub.demo.de |
trifft nicht zu |
Contains
Die Page-Targeting-Bedingung „Contains“ nutzt du, wenn du mehrere Seiten einer bestimmten Gruppe targeten möchtest. Voraussetzung ist, dass sich die Seiten über eine konsistente URL-Struktur abgrenzen lassen. Wenn du zum Beispiel nur Produktseiten testen willst, kannst du „Contains“ mit „/products/“ verwenden, um genau diese Seiten zu erfassen. Dabei muss der angegebene Ausdruck mindestens einmal vollständig in der URL vorkommen.
Im folgenden Beispiel siehst du verschiedene URL-Varianten, bei denen das Page Targeting „/products/“ zutrifft.
| URL | Targeting trifft zu |
|---|---|
| www.demo.com | ❌ trifft nicht zu |
| www.demo.com/products | ❌ trifft nicht zu |
| www.demo.com/products/t-shirts | ✅ trifft zu |
| www.demo.com/products/pants | ✅ trifft zu |
| www.demo.com/blog/products-reviews | ❌ trifft nicht zu |
| www.demo.com/blog/products/tests | ✅ trifft zu |
| URL | Targeting trifft zu |
|---|---|
|
www.demo.de |
trifft nicht zu |
|
www.demo.de/produkte |
trifft nicht zu |
|
www.demo.de/produkte/t-shirts |
trifft zu |
|
www.demo.de/produkte/hosen |
trifft zu |
|
www.demo.de/blog/produkte-reviews |
trifft nicht zu |
|
www.demo.de/blog/produkte/tests |
trifft zu |
Regular Expressions (Regex)
Regular Expressions ermöglichen es dir, deine A/B Tests auf bestimmte Einzelseiten oder Seitengruppen gezielt zu targeten. Das ist in vielen Fällen exakter als die zuvor vorgestellten Targeting-Bedingungen.
Diese Option richtet sich vor allem an fortgeschrittene Nutzer, die bereits Erfahrung mit Regex haben oder sehr präzise Regeln abbilden möchten. Damit dir der Einstieg leichter fällt, haben wir diese Anleitung zum Page Targeting mit Regex erstellt. In vielen Fällen reicht es aus, eines unserer Beispiele zu kopieren und nur die eigene URL auszutauschen.
Zum Validieren deiner regulären Ausdrücke kannst du Regex Editoren nutzen wie regexr.com.
Beispiel zum Erstellen einer Regex
Auf Plomo-o-Plata sollen auf allen Produkt-Detailseiten in der Kategorie Outlet-Sale die Sales Preise in rot dargestellt werden. Produkt-Detailseiten in anderen Kategorien sollen unverändert bleiben.
Durch den Einsatz von Regex beim URL Targeting hast du die Möglichkeit, explizit diese Targeting Bedingung abzubilden.
Exemplarisch sieht man hier eine URL, die in der Kategorie Outlet-Sale verortet ist.
Die Struktur der URLs ist für alle Produkt-Detailseiten gleich, die in dieser Kategorie zu finden sind:
https://plomo-o-plata.de/collections/plomo-o-plata-outlet-sale/products/…
In der Tabelle Nützliche Anwendungsfälle findest du bereits vordefinierte Regex, die du anhand dieses Beispiels auf deine URL Struktur deiner Website übertragen kannst. In unserem Fall trifft Anwendungsfall 3 zu.
–> Targeting aller Seiten, die nach dem Pfad www.demo.de/category/ sind.
–> ^.*www\.demo\.de\/category\/.+
Zunächst gehen wir auf https://regexr.com/ und übertragen den gleichartigen Anwendungsfall.
An diesem Anwendungsfall können wir uns nun orientieren, und auf unser Beispiel von Plomo-o-Plata übertragen.
Nützliche Anwendungsfälle
| Anwendungsfall | Beispielseite | Regular Expression |
|---|---|---|
| Targeting exakt einer Seite | www.demo.de/product-list | ^.*www\.demo\.de\/product-list$ |
| Targeting exakt einer Seite inkl. Ankerlinks, Parameter und optionalem „/“ | www.demo.de/?utm_source=google_cpc | ^.*www\.demo\.de(#.*|\/#.*|$|\/$|\/\?.*) |
| Targeting aller Seiten, die im Pfad www.demo.de/category/ aufgehangen sind | www.demo.de/category/product | ^.*www\.demo\.de\/category\/.+ |
| Globales Targeting einer Seite ohne „www.“ | demo.de/ | ^.*demo.de\/.* |
| Globales Targeting auf der gesamten Domain www.demo.de/ | www.demo.de/ | ^.*www\.demo.de\/.* |
| Targeting auf eine Subdomain blog.demo.de/ | blog.demo.de/category/article | ^.*blog\.demo.de\/.* |
| Targeting auf eine gesamte Domain inkl. Subdomains demo.de/ |
blog.demo.de/category/article www.demo.de/category/product |
^.*demo.de\/.* |
| Targeting auf zwei bestimmte Produktkategorien |
www.demo.de/shirts/product www.demo.de/pants/product |
^.*www\.demo.de\/(shirts|pants)\/.* |
| Anwendungsfall | Beispielseite | Regular Expression |
|---|---|---|
|
Targeting exakt einer Seite |
www.demo.de/product-list |
^.*www\.demo\.de\/product-list$ |
|
Targeting exakt einer Seite inkl. Ankerlinks, Parameter, und optionalem “/” |
www.demo.de/?utm_source=google_cpc |
^.*www\.demo\.de(#.*|\/#.*|$|\/$|\/\?.*) |
|
Targeting aller Seiten, die im Pfad www.demo.de/category/ aufgehangen sind |
www.demo.de/category/product |
^.*www\.demo\.de\/category\/.+ |
|
Globales Targeting einer Seite ohne “www.” |
demo.de/ |
^.*demo.de\/.* |
|
Globales Targeting auf der gesamten Domain www.demo.de/ |
www.demo.de/ |
^.*www\.demo.de\/.* |
|
Targeting auf eine Subdomain blog.demo.de/ |
blog.demo.de/category/article
|
^.*blog\.demo.de\/.* |
|
Targeting auf eine gesamte Domain inkl. Subdomains demo.de/ |
blog.demo.de/category/article
www.demo.de/category/product |
^.*demo.de\/.* |
|
Targeting auf zwei bestimmte Produktkategorien |
www.demo.de/shirts/product
www.demo.de/pants/product |
^.*www\.demo.de\/(shirts|pants)\/.* |
Du brauchst Unterstützung bei dem Einrichten deiner Regex? Kein Problem!
Schreibe uns einfach eine Nachricht mit der Seitengruppe, die du targeten möchtest. Wir schicken dir schnellstmöglich die passende Regex dazu.
CSS Selector
Targetiere nur Seiten oder Seitentypen, auf denen ein bestimmtes Element mit einem eindeutigen CSS-Selektor vorhanden ist. Das ist besonders hilfreich, wenn sich Seiten nicht zuverlässig über URL-Regeln unterscheiden lassen. Beispiel: Du möchtest alle Produktdetailseiten deines Shops targetieren, aber die URL-Struktur enthält keinen eindeutigen Hinweis wie „/products/“. In diesem Fall kannst du ein Element verwenden, das ausschließlich auf Produktdetailseiten vorkommt, zum Beispiel den „In den Warenkorb“-Button. Den CSS-Selektor dieses Elements hinterlegst du anschließend im Page Targeting.
Am einfachsten findest du einen passenden CSS-Selektor direkt im visuellen Varify Editor: Öffne eine passende Seite, klicke das Element an, das nur auf diesem Seitentyp vorkommt, und kopiere den angezeigten CSS-Selektor. Diesen kannst du anschließend im Page Targeting unter „CSS Selector“ einfügen.
JavaScript
Für komplexere Page Targetings kannst du JavaScript verwenden. Auf diese Weise kannst du auch nach beliebigen Tags oder Attributen im DOM deiner Website suchen. Zudem ermöglicht dir JavaScript, Daten aus Variablen der Data Layer zu überprüfen.
Anwednungsbeispiel - Data Layer Eintrag
Um nur User zu targetieren, die eine bestimmten Parameter oder einen bestimmten Wert im Data Layer haben, kannst du dich durch das Data Layer hangeln. Im nachfolgenden Beispiel werden nur User targetiert, die sich zuvor ein bestimmtes Produkt angesehen haben mit der ID 1111 oder ID 2222.
Code Beispiel - Data Layer Targeting
return dataLayer?.some(item => item?.ecommerce?.checkout?.products?.[0]?.id==='1111' || item?.ecommerce?.checkout?.products?.[0]?.id==='2222');
Advanced Settings
Cleanup Experiment on URL change
Webseiten, die Inhalte dynamisch nachladen – wie beispielsweise Single Page Applications (SPAs) oder Online-Shops, die auf der Produktdetailseite mehrere Produktvarianten anbieten – verhalten sich anders als traditionelle statische Seiten. Bei statischen Seiten werden alle Inhalte bei jedem URL-Wechsel komplett neu geladen. Bei SPAs und ähnlichen dynamischen Webseiten werden hingegen nur die Inhalte aktualisiert, die sich ändern.
Verhalten bei URL-Änderungen
Standardmäßig führt Varify bei jeder URL-Änderung eine Rücksetzung der Variantenausspielung durch. Das bedeutet, dass alle Variationen auf der Seite zurückgesetzt werden, die URL erneut überprüft wird und alle zutreffenden Variationen für die neue URL wieder angewendet werden.
Deaktivierung der Standardfunktion
Das Deaktivieren der Funktion “Cleanup Experiment on URL change” kann besonders auf Produktseiten in Online-Shops nützlich sein, wo du verschiedene Produktvarianten wie Farben auswählen kannst. Bei einer solchen Auswahl kann sich die URL ändern, um die ausgewählte Farbe widerzuspiegeln. Wenn es jedoch eine Variation gibt, die sich auf Inhalte bezieht, die sich nicht ändern (zum Beispiel der „In den Warenkorb“-Button), wäre es nicht wünschenswert, diese Variation zu löschen und erneut anzuwenden. Dies könnte zu unerwünschten Effekten führen, wie etwa Bildschirmflackern.
Reapply Experiment on DOM Change
Bei aktiviertem Setting wird der DOM der Webseite dauerhaft überwacht, um sicherzustellen, dass die Optimierung der Variante aktiv bleibt. Wird die Optimierung durch Skripte oder Seitenelemente der Webseite überschrieben, erkennt das System dies und wendet die Optimierung erneut an. Das kann beispielsweise passieren, wenn nach bestimmten Produktvarianten gefiltert wird.
Ist das Setting deaktiviert, wird die Optimierung nur einmal angewendet – eine laufende Überwachung findet nicht statt.