Categories: Guida Base

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!

Matteo Zambon

View Comments

  • Ciao Matteo,

    scusa il disturbo.
    Volevo seguire la tua guida su come collegare Optimize al sito tramite GTM, ma ora GTM è cambiato.
    Ora che hanno fatto il tag di Optimize integrato, io ho usato quello, e ho messo come Id Container Optimize una variabile {{Container ID}} ( lasciandola così, senza metterci dentro l'ID del mio contenitore Optimize) e poi nelle impostazioni GA ho messo la mia GA ID Var.
    Ho fatto bene?
    In più se posso approfitto per dirti che è la prima volta che collego GTM al sito web (che però è in costruzione, online ma non visibile). e siccome è un sito e-commerce volevo tracciare l'Enhanced e-commerce come da tuo suggerimento con il plugin di Duracell Tomi's GTM for Wordpress. Il punto è che me lo ha installato il mio sviluppatore, al quale ho fatto installare anche il Tag di GTM (non mi dire niente :-( ); immagino non ci voglia un genio per capire il perché io legga un doppio track di GTM su GTA? :-( Cosa faccio, levo il tag perché tanto viene già gestito dal plugin?
    Scusami grazie mille!! Devo decisamente acquistare il tuo libro!!!

    Alessandro

    • Ciao Alessandro, si va benissimo anche il tag di Optimizee invece del Tag HTML custom :)

      Per il GTM fai togliere quello del programmatore e usa il Plugin, così da gestire tutte le info nel dataLayer per l'enhanced ecommerce. Nel libro trovi anche un capitolo al riguardo.
      Trovi tutto qui nello SHOP: https://club.tagmanageritalia.it/shop/

      Buon Tag!

Recent Posts

Caso studio: LUISAVIAROMA ottimizza il tracciamento dei dati Ecommerce e le performance Advertising grazie GA4 e BigQuery

LUISAVIAROMA è uno dei principali fashion e-tailer di lusso al mondo, con oltre 5 milioni…

13 ore ago

Caso studio: Mondo Convenienza realizza +85% di vendite ecommerce e +100% di conversioni aggiuntive per le campagne Meta Ads grazie GA4 e Server-Side Tracking

All’interno del vasto e competitivo mercato della Grande Distribuzione Organizzata (GDO), Mondo Convenienza rappresenta uno…

3 giorni ago

Come creare un report in GA4 per analizzare il funnel di conversione di un sito web o ecommerce

Se ti occupi di marketing o advertising, saprai che i funnel rappresentano il percorso che…

1 settimana ago

Attribuzioni errate in GA4: cause e soluzioni al problema

Negli ultimi mesi hai notato in Google Analytics 4 un calo improvviso e inspiegabile nelle…

4 mesi ago

Come creare una Dashboard Ecommerce per analizzare i dati degli acquisti Nuovi e di Ritorno

Se ti trovi su questa guida è perché hai compreso che solo attraverso la Data…

5 mesi ago