Come implementare Visual Website Optimizer con Google Tag Manager

[Aggiornata il 14 Maggio 2021]

Visual Website Optimizer (VWO) è uno strumento utile ai marketers, ad esempio per effettuare A/B test, analizzare Landing Pages, sviluppare contenuti personalizzati, visualizzare mappe di calore.

Visto che VWO non è tra gli strumenti predefiniti di Google Tag Manager e non è presente nella Galleria dei Modelli, con questa guida ti mostrerò come installarlo. Ricorda: Google Tag Manager permette di installare sempre servizi che non sono presenti di default in Google Tag Manager attraverso i Tag di tipo HTML personalizzato.

Step 1 – Crea l’account Visual Website Optimizer

Per prima cosa, crea un account in VWO. Una volta creato l’account, ti verrà mostrato lo snippet da inserire nel codice del tuo sito. Copia questo codice. Ovviamente non toccherai il codice del tuo sito, perché lo farai tramite Google Tag Manager 🙂

 

Step 2 – Crea il tag

• Entra in Google Tag Manager e vai in Tag > Nuovo > Configurazione tag.
• In Scegli il tipo di tag prodotto, come puoi vedere, VWO non è presente tra i Tag predefiniti.  Scegli allora Tag HTML personalizzato.

 

• Incolla lo snippet di codice fornito da VWO che avevi copiato.
• Nella voce Impostazioni avanzate visualizzerai quindi altre voci. In Opzioni di attivazione tag controlla che sia selezionato “Una volta per evento”.
• Attiva su: “Tutte le pagine”.
• Ora puoi salvare il Tag, ma prima ti suggerisco di rinominarlo: “VWO – NomeSito – Track”.
• Pubblica la nuova versione cliccando sul pulsante blu “Invia”.

Bene! Sei riuscito ad installare Visual Website Optimizer nel tuo sito! È stato semplice, vero? 😉

Puoi procedere in questo modo per implementare tutti i prodotti non elencati di default da Google Analytics in Scegli prodotto.

ATTENZIONE: Google Tag Manager viene eseguito in modo asincrono. Per questo motivo si potrebbero verificare dei problemi nel caricamento dei dati in Visual Website Optimizer, se viene installato con la procedura illustrata in questa guida. Personalmente, però, non ho riscontrato errori o problemi di questo genere. Questa implementazione l’ho usata in landing page di tipo “chiuso”.

Inizia ad ottimizzare il tuo sito e fare esperimenti con Visual Website Optimizer!

Ovviamente, se hai qualche problema con l’installazione scrivimi pure un commento qui sotto… ti risponderò appena posso!

Non ti resta che metterti all’opera… buon Tag!