Creare un esperimento a più pagine
Indice dei contenuti
Breve e dolce
Se si desidera apportare modifiche simultanee a tutte le pagine di un esperimento, è necessario un esperimento a più pagine. Ci sono due modi per creare un esperimento di questo tipo in Varify.io:
- Il metodo sempliceCreate diversi esperimenti separati e collegateli tra loro.
- Il metodo avanzatoUtilizzare un singolo esperimento e controllare le varianti utilizzando JavaScript. Tuttavia, ciò richiede una buona conoscenza di JavaScript.
Entrambi gli approcci consentono di realizzare esperimenti multipagina efficaci, a seconda delle competenze tecniche e dei requisiti.
1a opzione: Creare diversi esperimenti (principianti + avanzati)
Il modo più semplice per creare un esperimento a più pagine è creare diversi esperimenti e collegarli tra loro. È possibile memorizzare le modifiche desiderate in un esperimento separato per ogni pagina. Non appena tutti gli esperimenti sono stati creati, il collegamento viene effettuato aggiungendo un JavaScript in Audience Targeting. In questo modo, gli esperimenti vengono sincronizzati in modo efficiente e possono essere testati su tutte le pagine.
Come ottimizzare l'implementazione di un esperimento a più pagine:
1. creare un esperimento per pagina
Creare un esperimento separato per ogni sito web in cui si intende apportare una modifica.
2. definire l'esperimento primario
Determinare quale sia l'esperimento principale. Nell'esperimento primario, i visitatori diventano partecipanti al test. L'esperimento primario è l'esperimento sulla pagina che i partecipanti al test vedono per prima.
3. inserire il codice per il targeting del pubblico
Aggiungete tutti gli esperimenti che fanno parte dell'esperimento a più pagine, ma non l'esperimento primario Se non siete un membro del pubblico, inserite il seguente codice nel target del pubblico.
const EXPERIMENT_ID = 13013; // Change this to the experiment ID you're interested in
const STORAGE_KEY_PREFIX = 'varify-experiment-';
const specificStorageKey = STORAGE_KEY_PREFIX + EXPERIMENT_ID;
const targetVariationId = 17347; // The specific variation ID to check for
// Retrieve the value for specificStorageKey
const storedValue = localStorage.getItem(specificStorageKey);
if (storedValue) {
// Parse the stored JSON string
const storedData = JSON.parse(storedValue);
// Check if the current user has the specific variation ID
if (storedData.variationId === targetVariationId) {
console.log('User has the specific variation ID');
return true;
} else {
console.log('User does not have the specific variation ID');
return false;
}
} else {
console.log('No data found for this experiment ID');
return false;
}
4. regolare Experiment_ID
Sostituire ID esperimento nel codice con l'ID dell'esperimento primario.
5. regolare targetVariationId
Giogo targetVariationId nel codice all'ID della variante dell'esperimento primario.
6. regolare la distribuzione del traffico
Per tutti gli esperimenti, tranne quello primario, la distribuzione del traffico è stata impostata su 100 % della variante.
2a opzione: Creare un esperimento e utilizzare JavaScript (avanzato)
È possibile creare un esperimento a più pagine senza creare più esperimenti. Tuttavia, ciò richiede una conoscenza avanzata di JavaScript poiché la logica di riproduzione delle varianti è controllata dal vostro codice. Di seguito troverete una guida passo-passo:
Come creare un esperimento a più pagine con un solo esperimento
1. creare un nuovo esperimento
2. aggiungere il proprio JavaScript alla variante, che viene eseguito a seconda della pagina richiamata.
Esempio:
if (window.location.href.includes('/produktseite')) {
// Änderungen für die Produktseite
document.querySelector('.produkt-titel').innerText = 'Neue Variante';
} else if (window.location.href.includes('/checkout')) {
// Änderungen für die Checkout-Seite
document.querySelector('.checkout-banner').style.display = 'none';
}
3. salvare la variante
4. per il targeting delle pagine, aggiungere tutte le pagine/tipi di pagina all'esperimento su cui deve essere visualizzata la variante