Targeting della pagina
Indice dei contenuti
Breve e dolce
Con l'aiuto del targeting delle pagine, è possibile stabilire su quali pagine del proprio sito web deve essere visualizzato un esperimento. Nelle impostazioni dell'esperimento, alla voce "Page targeting" si trovano diverse opzioni per controllare gli esperimenti in base a regole. La corretta configurazione del targeting delle pagine è anche un prerequisito per avviare un esperimento.
Opzioni di targeting della pagina
È 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.
È 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 la corrispondenza URL, si utilizzano le regole URL per definire le pagine in cui viene visualizzato l'esperimento. È possibile definire diverse regole URL da applicare o meno.
Collegamento di più regole URL
È possibile applicare più regole URL contemporaneamente e collegarle tra loro. A tale scopo, è possibile inserire diversi URL utilizzando il simbolo più. Con "corrisponde" o "non corrisponde" si può impostare la visualizzazione o meno dell'esperimento sugli URL inseriti.
Se si desidera applicare regole di targeting più complesse, ad esempio: L'esperimento deve essere visualizzato su tutte le pagine di https://www.demo.de, tranne che su https://www.demo.de/impressum, è possibile collegare più corrispondenze di URL tra loro.
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
Al Abbinamento semplice tutti gli URL vengono presi di mira, compresi i parametri URL associati.
Nell'esempio seguente, è possibile vedere le versioni di un URL utilizzate per il targeting delle pagine Abbinamento semplice per l'URL www.demo.de applicare:
| 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 indirizzare contemporaneamente più pagine, tipi di pagine o sottodomini, è possibile utilizzare l'opzione Regex. Continuate a leggere.
Corrispondenza esatta
Utilizzare la condizione Corrispondenza esattase la pagina che punta a esplicitamente solo per un URL specifico - senza parametro URL.
Nell'esempio seguente, è possibile vedere le versioni di un URL utilizzate per il targeting delle pagine Corrispondenza esatta per l'URL www.demo.de applicare:
| 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
La condizione di targeting della pagina Contiene che si usa quando si diverse pagine di un determinato gruppo che si desidera indirizzare. Ad esempio, se si vuole eseguire un test solo sulle pagine dei prodotti, si può usare "Contiene" con "/prodotti/" per includere solo queste pagine. L'espressione completa specificata deve comparire almeno una volta nell'URL.
Nell'esempio seguente si possono vedere diverse versioni di URL in cui si applica il targeting "/products/".
| 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 impostare i test A/B su alcune singole pagine o gruppi di pagine per puntare in modo specifico. Questo può essere più preciso rispetto, ad esempio, alle condizioni di targeting appena presentate.
Abbiamo creato questa guida al targeting delle pagine con le regex per facilitarvi il compito di iniziare a usare le regex. In molti casi, è sufficiente copiare uno dei nostri esempi e sostituire 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 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.
Targeting tramite selettore CSS
Indirizzare solo le pagine o i tipi di pagina che contengono un elemento specifico con un selettore CSS univoco. Ad esempio, si desidera puntare a tutte le pagine di dettaglio dei prodotti del proprio negozio online in un esperimento, ma non esiste un riferimento come "/prodotti/" nell'URL che consenta di effettuare questa assegnazione. In questo caso, si può cercare un elemento disponibile solo nelle pagine di dettaglio dei prodotti, come il pulsante "Aggiungi al carrello". È quindi possibile utilizzare il selettore CSS corrispondente per questo pulsante nel targeting della pagina.
Il modo più semplice per determinare un selettore CSS unico è aprire una delle pagine pertinenti nell'editor visuale di Varify. Quindi fare clic sull'elemento che appare solo su questo tipo di pagina specifica. È quindi possibile copiare il selettore CSS visualizzato e incollarlo in Targeting di pagina, alla voce
Targeting tramite 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.