Targeting della pagina
Indice dei contenuti
Breve e dolce
Con l'aiuto del targeting delle pagine, è possibile stabilire su quali pagine del sito web viene visualizzato un esperimento. Nelle impostazioni dell'esperimento, alla voce „Page targeting“ si trovano diverse opzioni per controllare la visualizzazione in base a regole. La corretta configurazione del targeting delle pagine è anche un prerequisito per avviare un esperimento.
Opzioni di targeting della pagina
Con l'aiuto delle regole del Page Targeting, si stabilisce su quali pagine o tipi di pagine i visitatori diventano partecipanti all'esperimento. Sono disponibili diversi metodi per identificare in modo univoco le pagine. Un esperimento viene eseguito solo se sono soddisfatte le condizioni definite.
È anche possibile collegare più regole tra loro e utilizzare condizioni AND e OR.
| Metodo | Quando ha senso |
|---|---|
| Regole URL | Se le pagine possono essere chiaramente distinte in base al dominio, al percorso o ai parametri o se si vuole colpire solo un URL specifico. |
| Regex | Se si vogliono coprire diversi URL simili con un unico modello. |
| Selettore CSS | Se si desidera indirizzare diverse pagine che non possono essere chiaramente distinte tramite le regole URL, ma che condividono un elemento unico. |
| JavaScript | Se avete bisogno di condizioni complesse che vanno oltre l'URL e il DOM, ad esempio logica, stati o voci DataLayer. |
È possibile utilizzare le regole per definire le pagine o i tipi di pagina in cui i visitatori diventano partecipanti all'esperimento. Esistono diverse opzioni per identificare le pagine.
L'uso del selettore CSS è utile se si desidera indirizzare diverse pagine, ma queste non possono essere chiaramente identificate tramite le regole URL.
È possibile utilizzare JavaScript per definire regole di targeting più complesse. Ad esempio, è possibile verificare la presenza di voci speciali del DataLayer.
Corrispondenza URL
Con URL Match, si utilizzano le regole URL per definire le pagine su cui visualizzare l'esperimento. È possibile combinare più regole URL e definire quali devono essere applicate e quali escluse.
Collegamento di più regole URL
È possibile creare più regole URL contemporaneamente e collegarle tra loro. Utilizzare il simbolo più per aggiungere altre regole. Utilizzare „corrisponde“ o „non corrisponde“ per specificare se l'esperimento deve essere eseguito sugli URL specificati o escluso.
Se si desidera mappare regole più complesse, è possibile combinare diverse corrispondenze di URL. Ad esempio, è possibile specificare che un esperimento viene visualizzato su https://www.demo.de, tranne che su https://www.demo.de/impressum.
Tipo di abbinamento
A destra del campo di immissione, è possibile specificare il tipo di corrispondenza della condizione di targeting. A seconda della selezione, l'URL nel campo di immissione accanto viene controllato per diverse condizioni. È possibile scegliere tra le seguenti condizioni:
- Abbinamento semplice
- Corrispondenza esatta
- Contiene
- Regex
Le condizioni di puntamento e gli esempi di applicazione sono illustrati in dettaglio di seguito.
Abbinamento semplice
Con Simple Match, vengono presi di mira tutti gli URL inseriti, compresi i parametri URL associati.
Nell'esempio seguente, è possibile vedere quali varianti di URL sono considerate hit per l'URL www.demo.de nel targeting di pagina „Simple Match“:
| URL | Si applica il targeting |
|---|---|
| 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 |
| sottodominio.demo.de | ❌ non si applica |
| URL | Si applica il targeting |
|---|---|
|
www.demo.de |
si applica |
|
www.demo.de#about |
si applica |
|
www.demo.de?color=red |
si applica |
|
www.demo.de/category |
Non applicabile |
|
www.demo.com |
Non applicabile |
|
sub.demo.de |
Non applicabile |
Se si desidera puntare contemporaneamente a più pagine, tipi di pagine o sottodomini, è possibile utilizzare le regex. In alternativa, il targeting è possibile anche tramite un selettore CSS, ad esempio se un elemento specifico è presente nella pagina. Continuate a leggere.
Corrispondenza esatta
Utilizzare la condizione „Exact Match“ se il targeting della pagina deve essere applicato solo a un URL specifico, cioè senza parametri URL.
Nell'esempio seguente, è possibile vedere quali varianti di URL sono considerate hit per l'URL www.demo.de nel targeting di pagina „Exact Match“:
| URL | Si applica il targeting |
|---|---|
| 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 |
| sottodominio.demo.de | ❌ non si applica |
| URL | Si applica il targeting |
|---|---|
|
www.demo.de |
si applica |
|
www.demo.de/ |
Non applicabile |
|
www.demo.de#about |
Non applicabile |
|
www.demo.de?color=red |
Non applicabile |
|
www.demo.de/category |
Non applicabile |
|
www.demo.com |
Non applicabile |
|
sub.demo.de |
Non applicabile |
Contiene
Si utilizza la condizione di targeting delle pagine „Contiene“ se si desidera indirizzare diverse pagine di un gruppo specifico. Il prerequisito è che le pagine possano essere delimitate con una struttura URL coerente. Ad esempio, se si desidera testare solo le pagine dei prodotti, è possibile utilizzare „Contiene“ con „/prodotti/“ per indirizzare esattamente queste pagine. L'espressione specificata deve comparire almeno una volta per intero nell'URL.
Nell'esempio seguente, si possono vedere diverse varianti di URL in cui si applica il targeting di pagina „/products/“.
| URL | Si applica il targeting |
|---|---|
| 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 |
| URL | Si applica il targeting |
|---|---|
|
www.demo.de |
Non applicabile |
|
www.demo.de/produkte |
Non applicabile |
|
www.demo.de/produkte/t-shirts |
si applica |
|
www.demo.de/produkte/hosen |
si applica |
|
www.demo.de/blog/produkte-reviews |
Non applicabile |
|
www.demo.de/blog/produkte/tests |
si applica |
Espressioni regolari (Regex)
Le espressioni regolari consentono di indirizzare i test A/B a singole pagine o gruppi di pagine specifici. In molti casi, questo è più preciso delle condizioni di targeting presentate in precedenza.
Questa opzione è rivolta principalmente agli utenti avanzati che hanno già esperienza con le regex o che vogliono mappare regole molto precise. Per facilitare i primi passi, abbiamo creato questa guida al targeting delle pagine con le regex. In molti casi, è sufficiente copiare uno dei nostri esempi e sostituire semplicemente il proprio URL.
Per convalidare le espressioni regolari, si possono usare editor di regex come regexr.com.
Esempio di creazione di una regex
Su Plomo-o-Plata, tutte le pagine di dettaglio dei prodotti nella categoria Vendita all'outlet i prezzi di vendita sono visualizzati in rosso. Le pagine di dettaglio dei prodotti nelle altre categorie dovrebbero rimanere invariate.
Utilizzando le regex nel targeting degli URL, si ha la possibilità di mappare esplicitamente questa condizione di targeting.
Ecco un esempio di URL che si trova nella categoria outlet.
La struttura degli URL è la stessa per tutte le pagine di dettaglio dei prodotti che si trovano in questa categoria:
https://plomo-o-plata.de/collections/plomo-o-plata-outlet-sale/products/…
Nella tabella Applicazioni utili trovi delle regex predefinite che puoi trasferire alla struttura degli URL del tuo sito web utilizzando questo esempio. Nel nostro caso, si applica il caso d'uso 3.
-> Targeting di tutte le pagine che seguono il percorso www.demo.de/category/.
-> ^.*www\.demo\.de\/categoria\/.+
Per prima cosa, andiamo su https://regexr.com/ e trasferiamo un caso d'uso simile.
Possiamo ora orientarci su questo caso d'uso e trasferirlo al nostro esempio di Plomo-o-Plata.
Applicazioni utili
| Caso d'uso | Pagina di esempio | Espressione regolare |
|---|---|---|
| Targettizzazione di una sola pagina | www.demo.de/product-list | ^.*www.demo.de/product-list$ |
| Il targeting di una sola pagina, compresi i link di ancoraggio, i parametri e il „/“ opzionale“ | www.demo.de/?utm_source=google_cpc | ^.*www\.demo\.de(#.*|\/#.*|$|\/$|\/\?.*) |
| Targeting di tutte le pagine che sono appese nel percorso www.demo.de/category/ | www.demo.de/category/product | ^.*www\.demo\.de\/categoria\/.+ |
| Targeting globale di una pagina senza „www.“.“ | demo.de/ | ^.*demo.de\/.* |
| Targeting globale sull'intero dominio www.demo.de/ | www.demo.de/ | ^.*www\.demo.de\/.* |
| Targeting su un sottodominio blog.demo.de/ | blog.demo.de/categoria/articolo | ^.*blog\.demo.de\/.* |
| Targeting su un intero dominio compresi i sottodomini demo.de/ |
blog.demo.de/categoria/articolo www.demo.de/category/product |
^.*demo.de\/.* |
| Targettizzazione su due specifiche categorie di prodotti |
www.demo.de/shirts/product www.demo.de/pants/product |
^.*www.demo.de/(camicie|pantaloni)\/.* |
| Caso d'uso | Pagina di esempio | Espressione regolare |
|---|---|---|
|
Targettizzazione di una sola pagina |
www.demo.de/product-list |
^.*www.demo.de/product-list$ |
|
Il targeting di una sola pagina, compresi i link di ancoraggio, i parametri e l'opzione "/". |
www.demo.de/?utm_source=google_cpc |
^.*www\.demo\.de(#.*|\/#.*|$|\/$|\/\?.*) |
|
Targeting di tutte le pagine che sono appese nel percorso www.demo.de/category/ |
www.demo.de/category/product |
^.*www\.demo\.de\/categoria\/.+ |
|
Targeting globale di una pagina senza "www.". |
demo.de/ |
^.*demo.de\/.* |
|
Targeting globale sull'intero dominio www.demo.de/ |
www.demo.de/ |
^.*www\.demo.de\/.* |
|
Targeting su un sottodominio blog.demo.de/ |
blog.demo.de/categoria/articolo
|
^.*blog\.demo.de\/.* |
|
Targeting su un intero dominio compresi i sottodomini demo.de/ |
blog.demo.de/categoria/articolo
www.demo.de/category/product |
^.*demo.de\/.* |
|
Targettizzazione su due specifiche categorie di prodotti |
www.demo.de/shirts/product
www.demo.de/pants/product |
^.*www.demo.de/(camicie|pantaloni)\/.* |
Avete bisogno di aiuto per impostare la vostra regex? Nessun problema!
Ci scrivi semplicemente un messaggio con il gruppo di pagine che desideri targettizzare. Ti invieremo la regex appropriata il prima possibile.
Selettore CSS
Consente di indirizzare solo le pagine o i tipi di pagina in cui è presente un elemento specifico con un selettore CSS univoco. Ciò è particolarmente utile se le pagine non possono essere differenziate in modo affidabile utilizzando le regole URL. Esempio: si desidera puntare a tutte le pagine di dettaglio dei prodotti del proprio negozio, ma la struttura degli URL non contiene un riferimento chiaro come „/prodotti/“. In questo caso, si può utilizzare un elemento che compare solo nelle pagine di dettaglio dei prodotti, ad esempio il pulsante „Aggiungi al carrello“. Si può quindi memorizzare il selettore CSS per questo elemento in Page Targeting.
Il modo più semplice per trovare un selettore CSS adatto è direttamente nell'editor visuale di Varify: aprire una pagina adatta, fare clic sull'elemento che appare solo su questo tipo di pagina e copiare il selettore CSS visualizzato. Lo si può poi inserire nel Page Targeting alla voce „Selettore CSS“.
JavaScript
È possibile utilizzare JavaScript per il targeting di pagine più complesse. In questo modo, è possibile cercare qualsiasi tag o attributo nel DOM del sito web. JavaScript consente anche di controllare i dati delle variabili del livello dati.
Esempio di applicazione - Inserimento del livello dati
Per indirizzare solo gli utenti che hanno un parametro specifico o un valore specifico nel livello di dati, è possibile scorrere il livello di dati. Nell'esempio seguente, vengono presi di mira solo gli utenti che hanno precedentemente visualizzato un prodotto specifico con ID 1111 o ID 2222.
Esempio di codice - Targeting del livello dati
return dataLayer?.some(item => item?.ecommerce?.checkout?.products?.[0]?.id==='1111' || item?.ecommerce?.checkout?.products?.[0]?.id==='2222');
Impostazioni avanzate
Esperimento di pulizia sulla modifica dell'URL
I siti web che ricaricano dinamicamente i contenuti, come le applicazioni a pagina singola (SPA) o i negozi online che offrono diverse varianti di prodotto nella pagina di dettaglio, si comportano in modo diverso dalle pagine statiche tradizionali. Con le pagine statiche, tutti i contenuti vengono ricaricati completamente a ogni cambio di URL. Nelle SPA e in siti web dinamici simili, invece, vengono aggiornati solo i contenuti che cambiano.
Comportamento con le modifiche dell'URL
Per impostazione predefinita, Varify esegue un reset del playout delle varianti a ogni cambio di URL, ossia tutte le varianti della pagina vengono azzerate, l'URL viene ricontrollato e tutte le varianti applicabili al nuovo URL vengono riapplicate.
Disattivazione della funzione standard
La disattivazione della funzione "Esperimento di pulizia al cambio di URL" può essere particolarmente utile nelle pagine di prodotto dei negozi online, dove è possibile selezionare diverse varianti di prodotto, ad esempio i colori. Con tale selezione, l'URL può cambiare per riflettere il colore selezionato. Tuttavia, se esiste una variazione che si riferisce a un contenuto che non cambia (ad esempio, il pulsante "Aggiungi al carrello"), non sarebbe auspicabile cancellare e riapplicare questa variazione. Ciò potrebbe causare effetti indesiderati come lo sfarfallio dello schermo.
Riapplicare l'esperimento alla modifica del DOM
Quando l'impostazione è attivata, il DOM del sito web viene costantemente monitorato 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 riconosce e riapplica l'ottimizzazione. Ciò può accadere, ad esempio, quando si filtra per determinate varianti di prodotto.
Se l'impostazione è disattivata, l'ottimizzazione viene applicata solo una volta e non viene effettuato il monitoraggio continuo.