Targeting delle pagine
In breve
Con l'aiuto del targeting delle pagine, puoi determinare su quali pagine del tuo sito web viene visualizzato un esperimento. Nelle impostazioni dell'esperimento, troverai varie opzioni sotto „Page targeting“ per controllare la riproduzione in base a regole. Un targeting delle pagine configurato correttamente è anche un prerequisito per avviare un esperimento.
Opzioni di targeting delle pagine
Con l'aiuto delle regole in Page Targeting, stabilisci su quali pagine o tipi di pagina i visitatori diventano partecipanti dell'esperimento. Sono disponibili vari metodi per identificare in modo univoco le pagine. Un esperimento viene mostrato solo se le condizioni definite sono soddisfatte.
È inoltre possibile collegare più regole tra loro e utilizzare condizioni AND e OR.
| Metodo | Quando ha senso |
|---|---|
| URL rules | Se le pagine possono essere distinte chiaramente per dominio, percorso o parametri o se deve essere targetizzato solo un URL specifico. |
| Regex | Se più URL simili devono essere coperti con un unico pattern. |
| CSS selector | Se vuoi targetizzare più pagine che non possono essere distinte chiaramente tramite le URL rules, ma condividono un elemento univoco. |
| JavaScript | Se hai bisogno di condizioni complesse che vanno oltre URL e DOM, ad es. logica, stati o voci del DataLayer. |
Puoi utilizzare regole per definire le pagine o i tipi di pagina in cui i tuoi visitatori diventano partecipanti all'esperimento. Hai diverse opzioni per identificare le pagine.
L'uso del CSS Selector è utile se vuoi targetizzare più pagine, ma queste non possono essere identificate chiaramente tramite regole URL.
Puoi utilizzare JavaScript per definire regole di targeting più complesse. Ad esempio, hai anche la possibilità di verificare voci speciali nel DataLayer.
Corrispondenza URL
Con URL Match, utilizzi regole URL per definire le pagine in cui viene mostrato il tuo esperimento. Puoi combinare più regole URL e definire quali devono essere applicate e quali devono essere escluse.
Collegare più regole URL
Puoi creare più regole URL contemporaneamente e collegarle tra loro. Usa il simbolo più per aggiungere ulteriori regole. Usa „corrisponde“ o „non corrisponde“ per specificare se l'esperimento deve essere eseguito sugli URL specificati o escluso.
Se vuoi mappare regole più complesse, puoi combinare più corrispondenze URL. Ad esempio, puoi specificare che un esperimento venga mostrato su https://www.demo.de, eccetto su https://www.demo.de/impressum.
tipo di corrispondenza
A destra del campo di inserimento, puoi specificare il tipo di corrispondenza della tua condizione di targeting. A seconda della selezione, l'URL nel campo di inserimento accanto viene verificato in base a varie condizioni. Hai a disposizione le seguenti condizioni tra cui scegliere:
- Corrispondenza semplice
- Corrispondenza esatta
- Contiene
- Regex
Le condizioni di targeting con esempi applicativi sono spiegate più in dettaglio di seguito.
Corrispondenza semplice
Con Simple Match, tutti gli URL inseriti vengono targettizzati, compresi i parametri URL associati.
Nell'esempio seguente puoi vedere quali varianti URL vengono considerate corrispondenze per l'URL www.demo.de nel targeting di pagina «Simple Match»:
| URL | Il targeting si applica |
|---|---|
| www.demo.de | ✅ si applica |
| www.demo.de#about | ✅ si applica |
| www.demo.de?color=red | ✅ si applica |
| www.demo.de/category | ❌ non si applica |
| www.demo.com | ❌ non si applica |
| subdomain.demo.de | ❌ non si applica |
Se vuoi targettizzare più pagine, tipi di pagina o sottodomini contemporaneamente, puoi utilizzare regex per farlo. In alternativa, il targeting è possibile anche tramite un selettore CSS, ad esempio se un elemento specifico è presente sulla pagina. Continua a leggere.
Corrispondenza esatta
Usa la condizione „Corrispondenza esatta“ se il targeting della pagina deve applicarsi solo a un URL specifico, ovvero senza parametri URL.
Nell'esempio seguente puoi vedere quali varianti di URL sono considerate corrispondenze per l'URL www.demo.de nel targeting di pagina „Corrispondenza esatta“:
| URL | Il targeting si applica |
|---|---|
| www.demo.de | ✅ si applica |
| www.demo.de#about | ❌ non si applica |
| www.demo.de?color=red | ❌ non si applica |
| www.demo.de/category | ❌ non si applica |
| www.demo.com | ❌ non si applica |
| subdomain.demo.de | ❌ non si applica |
Contiene
Usi la condizione di targeting di pagina „Contiene“ se vuoi targettizzare più pagine di un gruppo specifico. Il presupposto è che le pagine possano essere delimitate utilizzando una struttura URL coerente. Ad esempio, se vuoi testare solo le pagine prodotto, puoi usare „Contiene“ con „/products/“ per targettizzare esattamente queste pagine. L'espressione specificata deve comparire almeno una volta per intero nell'URL.
Naturalmente, „Contiene“ può essere usato anche per targettizzare l'intero sito web (come https://www.demo.com)—ad esempio, per un test A/A. Per fare ciò, basta inserire il dominio del tuo sito.
Nell'esempio seguente puoi vedere diverse varianti di URL in cui si applica il targeting di pagina „/products/“.
| URL | Il targeting si applica |
|---|---|
| www.demo.com | ❌ non si applica |
| www.demo.com/products | ❌ non si applica |
| www.demo.com/products/t-shirts | ✅ si applica |
| www.demo.com/products/pants | ✅ si applica |
| www.demo.com/blog/products-reviews | ❌ non si applica |
| www.demo.com/blog/products/tests | ✅ si applica |
Espressioni Regolari (Regex)
Le espressioni regolari ti permettono di indirizzare i tuoi A/B test a pagine specifiche o gruppi di pagine. In molti casi, questo è più preciso delle condizioni di targeting presentate sopra.
Questa opzione è rivolta principalmente a utenti avanzati che hanno già esperienza con regex o che vogliono mappare regole molto precise. Per aiutarti a iniziare più facilmente, abbiamo creato questa guida al targeting delle pagine con regex. In molti casi, è sufficiente copiare uno dei nostri esempi e semplicemente sostituire il tuo URL.
Per validare le tue espressioni regolari puoi usare editor regex come regexr.com.
Esempio di creazione di una regex
Su Plomo-o-Plata su tutte le pagine di dettaglio prodotto nella categoria Outlet Sale i prezzi di vendita verranno visualizzati in rosso. Le pagine di dettaglio prodotto in altre categorie dovrebbero rimanere invariate.
Utilizzando le regex nel targeting URL hai la possibilità di mappare esplicitamente questa condizione di targeting.
Come esempio, qui puoi vedere un URL che si trova nella categoria Outlet Sale.
La struttura degli URL è la stessa per tutte le pagine di dettaglio prodotto che si trovano in questa categoria:
https://plomo-o-plata.de/collections/plomo-o-plata-outlet-sale/products/…
Nella tabella Casi d'uso utili trovi regex predefinite che puoi applicare alla struttura URL del tuo sito web utilizzando questo esempio. Nel nostro caso, si applica il caso d'uso 3.
-> Targeting di tutte le pagine che sono www.demo.de/category/ dopo il percorso.
-> ^.*www.demo.de/category/.+
Per prima cosa, andiamo su https://regexr.com/ e trasferiamo il caso d'uso simile.
Possiamo ora usare questo caso d'uso come guida e applicarlo al nostro esempio di Plomo-o-Plata.
Nello screenshot puoi vedere come abbiamo personalizzato la regex per il nostro caso d'uso. Poiché l'URL di Plomo-o-Plata aveva due directory in più rispetto al caso d'uso, sono state aggiunte in modo analogo all'esempio del caso d'uso. Un altro strumento molto utile per definire le regex è: https://www.autoregex.xyz/ Qui puoi definire in inglese quali tipi di pagina dovrebbero essere targettizzati. Lo strumento converte questa specifica in una regex.
Casi d'uso utili
| Caso d'uso | Pagina di esempio | Espressione regolare |
|---|---|---|
| Targettizzare esattamente una pagina | www.demo.de/product-list | ^.*www\.demo\.de\/product-list$ |
| Targettizzare esattamente una pagina incl. anchor link, parametri e „/“ opzionale | www.demo.de/?utm_source=google_cpc | ^.*www\.demo\.de(#.*|\/#.*|$|\/$|\/\?.*) |
| Targettizzare tutte le pagine appese al percorso www.demo.de/category/ | www.demo.de/category/product | ^.*www\.demo\.de\/category\/.+ |
| Targettizzare globalmente una pagina senza „www.“ | demo.de/ | ^.*demo.de\/.* |
| Targettizzare globalmente l'intero dominio www.demo.de/ | www.demo.de/ | ^.*www\.demo.de\/.* |
| Targettizzare un sottodominio blog.demo.de/ | blog.demo.de/category/article | ^.*blog\.demo.de\/. |
| Targettizzare un intero dominio incl. sottodomini demo.de/ | blog.demo.de/category/article www.demo.de/category/product | ^.*demo.de\/.* |
| Targettizzare due categorie di prodotto specifiche | www.demo.de/shirts/product www.demo.de/pants/product | ^.*www\.demo.de\/(shirts|pants)\/.* |
Selettore CSS
Targettizza solo pagine o tipi di pagina su cui è presente un elemento specifico con un selettore CSS univoco. Questo è particolarmente utile se le pagine non possono essere distinte in modo affidabile tramite regole URL. Esempio: vuoi targettizzare tutte le pagine di dettaglio prodotto del tuo store, ma la struttura URL non contiene un riferimento chiaro come „/products/“. In questo caso, puoi usare un elemento che appare solo nelle pagine di dettaglio prodotto, ad esempio il bottone „Add to cart“. Salvi quindi il selettore CSS di questo elemento in Page Targeting.
Il modo più semplice per trovare un selettore CSS adatto è direttamente nell'editor visuale di Varify: apri una pagina adatta, clicca sull'elemento che appare solo su questo tipo di pagina e copia il selettore CSS visualizzato. Puoi quindi inserirlo in Page Targeting sotto «CSS Selector».
JavaScript
Per un page targeting più complesso, puoi usare JavaScript. In questo modo, puoi anche cercare qualsiasi tag o attributo nel DOM del tuo sito web. JavaScript ti permette inoltre di controllare i dati delle variabili del data layer.
Esempio di applicazione - Voce nel data layer
Per targetizzare solo gli utenti che hanno un determinato parametro o un determinato valore nel data layer, puoi navigare attraverso il data layer. Nell'esempio seguente, vengono targetizzati solo gli utenti che hanno precedentemente visualizzato un prodotto specifico con ID 1111 o ID 2222.
Esempio di codice - Data Layer Targeting
return dataLayer?.some(item => item?.ecommerce?.checkout?.products?.[0]?.id==='1111' || item?.ecommerce?.checkout?.products?.[0]?.id==='2222');
Impostazioni avanzate
Pulizia dell'esperimento al cambio di URL
I siti web che ricaricano dinamicamente i contenuti, come le single page application (SPA) o i negozi online che offrono più varianti di prodotto nella pagina di dettaglio del prodotto, si comportano diversamente rispetto alle pagine statiche tradizionali. Con le pagine statiche, tutto il contenuto viene ricaricato completamente ogni volta che l'URL viene modificato. Con le SPA e altri siti web dinamici simili, invece, viene aggiornato solo il contenuto che cambia.
Comportamento con i cambi di URL
Per impostazione predefinita, Varify esegue un reset della riproduzione delle varianti ogni volta che l'URL viene modificato, ovvero tutte le variazioni sulla pagina vengono azzerate, l'URL viene controllato nuovamente e tutte le variazioni applicabili al nuovo URL vengono riapplicate.
Disattivazione della funzione standard
Disattivare la funzione "Cleanup Experiment on URL change" può essere particolarmente utile nelle pagine prodotto dei negozi online in cui è possibile selezionare diverse varianti di prodotto, come i colori. Con una selezione di questo tipo, l'URL potrebbe cambiare per riflettere il colore selezionato. Tuttavia, se esiste una variazione relativa a un contenuto che non cambia (ad esempio, il pulsante "Add to cart"), non sarebbe auspicabile eliminare e riapplicare questa variazione. Ciò potrebbe portare a effetti indesiderati come lo sfarfallio dello schermo.
Riapplica esperimento in caso di modifica del DOM
Quando l'impostazione è attivata, il DOM del sito web viene monitorato permanentemente per garantire che l'ottimizzazione della variante rimanga attiva. Se l'ottimizzazione viene sovrascritta da script o elementi della pagina del sito web, il sistema lo rileva e riapplica l'ottimizzazione. Questo può accadere, ad esempio, durante il filtraggio di determinate varianti di prodotto.
Se l'impostazione è disattivata, l'ottimizzazione viene applicata una sola volta - non avviene un monitoraggio continuo.