Come utilizzare Google Optimize & Tag Manager per la personalizzazione

Se combinati, i due strumenti sono un potente e gratuito motore di personalizzazione. Hanno anche superato diverse sfide che, prevede Gartner, potrebbero far sì che l'80% degli esperti di marketing abbandoni gli sforzi di personalizzazione entro il 2025.

In breve, questa è la tua occasione per lanciare un programma pilota di personalizzazione – una raccomandazione dello stesso articolo – e capire se merita ulteriori investimenti o se, per ora, è meglio prevenire l'esodo.

Impostazione di Google Optimize e Google Tag Manager

Grazie alla grande introduzione di Shanelle Mullin a Google Optimize, inclusa una guida dettagliata su come configurarlo, terrò breve questa sezione.

Per assicurarti che tutto funzioni senza intoppi:

• Distribuisci il tuo snippet di Google Optimize tramite Google Tag Manager.
• Installa lo snippet anti-sfarfallio come dettagliato qui per evitare di mostrare ai visitatori i tuoi contenuti "non personalizzati".
• Assicurati che Optimize sia collegato a Google Analytics in modo da poter monitorare i risultati.

Per i siti WordPress, consiglio anche questo plug-in Google Tag Manager gratuito per distribuire Tag Manager. (In questo post, mi concentro sugli esempi di implementazione in WordPress, ma puoi facilmente adattarli per altre piattaforme.)

Il vantaggio principale rispetto alla distribuzione manuale è che avvia uno strato dati con dati utili sulla pagina, sull'utente e sugli eventi, informazioni che è possibile utilizzare per la personalizzazione.

Come identificare le opportunità di personalizzazione

La personalizzazione non può essere personalizzata solo per utenti o clienti. Deve anche essere specifico il tuo attività commerciale.

Ciò significa che non puoi semplicemente copiare e incollare altre soluzioni: ciò che potrebbe aver funzionato per gli altri potrebbe essere completamente inutile per la tua azienda. (Rhett Norton evidenzia altre potenziali insidie.)

Il miglior punto di partenza per creare una grande personalizzazione è ricordare a te stesso, "Che cosa sto davvero cercando di ottenere?" La personalizzazione, dopo tutto, mira a rendere i tuoi contenuti (copia, immagini, video – qualsiasi cosa) più pertinente ai tuoi visitatori web.

Come puoi creare questa rilevanza? Innanzitutto, applica un po 'di buon senso. Che cosa veramente fa la differenza per le persone interessate al tuo prodotto o servizio?

• Sei un'azienda locale che serve aree diverse? Valuta la possibilità di localizzare l'esperienza in base alla posizione del visitatore. Lo stesso vale se stai servendo mercati internazionali diversi; mostra ai visitatori i contenuti in base alla loro posizione e lingua.
• Sei un mercato con offerte dal lato della domanda e dell'offerta? Prova a segmentare i tuoi visitatori per aumentare la pertinenza.
• Stai conducendo una miriade di campagne di acquisizione a pagamento con diversi vantaggi o pubblicizzando prodotti diversi? Con la personalizzazione, puoi allineare i messaggi su tutte le pagine pertinenti (non solo sulla pagina di destinazione).
• Stai gestendo un sito di e-commerce con sconti per campagne specifiche? Prova ad applicare questi sconti direttamente sul sito in modo che i visitatori conoscano il prezzo finale.
• Ricevi molto traffico tramite newsletter via email? Smetti di infastidire questi visitatori con i banner "iscriviti": lo sono già! Invece, forse spostare i messaggi per indurli a fare riferimento agli amici.
• Hai un'app o un software per piattaforme diverse? Mostra i pulsanti di download solo per la piattaforma pertinente, come App Store per utenti iPhone o download di Windows per PC.

Dopo aver riflettuto su queste domande, non dimenticare di controllare i tuoi dati in Google Analytics.

I segmenti che hai identificato sono abbastanza grandi da giustificare lo sforzo necessario? Come avverte Norton, “Tutti gli sforzi di ottimizzazione comportano costi opportunità. Se scegliamo di personalizzare un pubblico, stiamo perdendo altre opportunità di ottimizzazione ".

Inizia dove l'opportunità è più ovvia e la personalizzazione è relativamente facile da fare.

Se funziona, puoi sempre continuare con esperienze più sofisticate. Inizia in modo semplice, verifica l'impatto e ripeti. Non mirare alla perfezione.

Le limitazioni di Google Optimize per la personalizzazione

Anche se Google ha rilasciato il suo modulo di personalizzazione per tutti gli utenti più di un anno fa, è ancora abbastanza limitato. Google privilegia la facilità d'uso rispetto alla raffinatezza, il che lo rende un ottimo strumento per coloro che iniziano con questo tipo di ottimizzazione.

Comprendere i limiti ti aiuterà a decidere se ha senso investire in uno strumento diverso dall'inizio. Dal mio punto di vista, questi sono i più grandi:

1. Le regole di personalizzazione sono molto semplici. È necessario impostare ciascuna esperienza di personalizzazione separatamente. Se desideri salutare i visitatori con “Buongiorno”, “Buon pomeriggio” o “Buona sera” a seconda dell'ora locale, devi impostare un'esperienza di personalizzazione separata con regole separate per ciascuno. Questo è un incubo da gestire e misurare. (Avviso spoiler: è anche qualcosa che puoi risolvere con GTM.)
2. Sei limitato a 10 esperienze di personalizzazione alla volta. Data la prima limitazione, probabilmente colpirai rapidamente quel limite. Tuttavia, utilizzando GTM, è possibile raggruppare esperienze diverse, rendendo la limitazione molto meno un problema.
3. Se non fai parte di Google Analytics 360, non puoi scegliere come target il pubblico di Google Analytics. È un peccato, è una funzione potente. Ci sono alcune cose che puoi fare con Google Tag Manager per creare risultati simili, ma sicuramente non è lo stesso.

Poiché puoi affrontare le maggiori limitazioni di Google Optimize con GTM, ti consiglio di provare questa soluzione se stai iniziando con la personalizzazione del sito web.

3 esempi comprovati di personalizzazione

1. Personalizza in base alla posizione geografica del tuo visitatore

Come indicato nella nostra sezione precedente, segmentare il traffico in base alla posizione è un buon inizio per la personalizzazione.

Esistono limitazioni all'identificazione della posizione di un visitatore in base al suo indirizzo IP. Alcuni visitatori potrebbero utilizzare una VPN, il che significa che la loro posizione potrebbe essere in qualsiasi parte del mondo, indipendentemente dalla loro posizione fisica.

Per altri, l'IP basato sulla posizione è semplicemente impreciso, soprattutto se stai andando granulare come la città di un visitatore. Assicurati che la localizzazione non venga eseguita in modo forzato e che i visitatori possano modificarla manualmente, se necessario (ad es. Per Paese, lingua e valuta).

Con questo avvertimento in mente, iniziamo.

Ottenere i dati

Innanzitutto, potresti chiederti: "Perché ho bisogno di Google Tag Manager qui? Non è integrato in Google Optimize? "Targeting basato sulla geografia è una funzione integrata in Google Optimize:

Ma questo è un ottimo esempio di personalizzazione che supera i limiti di Google Optimize. Per farlo funzionare, devi creare un'esperienza separata per ogni Paese o regione che desideri scegliere come target.

Ad esempio, se avessi un negozio di e-commerce e volessi visualizzare i tuoi prezzi in tre valute (ad esempio, EUR, USD e GBP), potresti creare gruppi di paesi con quella valuta (e un altro come fallback), quindi cambiare la valuta di conseguenza.

Ma questo richiede la costruzione di almeno tre esperienze di personalizzazione. Non sarebbe meglio averlo in uno? È qui che entra in gioco GTM.

Dobbiamo innanzitutto trovare un modo per identificare la posizione di un utente in base al suo indirizzo IP. La geolocalizzazione di Google Optimize si basa sui dati di Google Analytics; tuttavia, non possiamo accedervi direttamente.

Noi può ottenere questi dati utilizzando un servizio di terze parti; sono disponibili diverse API. La raccomandazione di Simo Ahava è la geolocalizzazione IP. È gratuito per un massimo di 1.000 richieste al giorno ed economico se ne hai bisogno di più; ha anche HTTP integrati. Inoltre, Ahava ha creato un modello per questo.

Registrati qui per un account gratuito, quindi copia la chiave API dalla dashboard. Successivamente, aggiungi lo script di geo location di Simo al tuo spazio di lavoro.

Vai a Tag, creane uno nuovo e seleziona il Modello di geolocalizzazione IP in "Personalizzato".

Successivamente, inserisci la chiave API ottenuta dalla dashboard.

Mantenere le altre impostazioni per il livello dati così come sono, a meno che non si sappia esattamente cosa si sta facendo.

Infine, aggiungi il trigger Visualizzazione pagina. Possiamo limitarlo in seguito se si desidera inviare una richiesta all'API solo per pagine specifiche. Salva il tag e visualizza in anteprima le modifiche.

Quando raggiungi il tuo sito in modalità anteprima, apri la console (clic destro> ispeziona) e digita "dataLayer". Se tutto è andato correttamente, dovresti vedere alcune informazioni sul tuo indirizzo IP in uno degli oggetti.

Come sottolineato in precedenza, questi dati potrebbero non essere precisi al 100%. Se non stai utilizzando una VPN, almeno il Paese dovrebbe essere corretto. Tuttavia, nel mio caso specifico, mi trovo a circa 250 miglia da Madrid, a Malaga.

Quindi utilizza la funzione con cautela! Se il tuo targeting non è troppo granulare, qui troverai molti dati utili, come valuta e lingue.

Utilizzo dei dati per la personalizzazione

Innanzitutto, dobbiamo decidere come personalizzare. Ci sono milioni di cose che noi poteva e devi scegliere ciò che ha senso per la tua attività.

Userò un esempio volutamente semplice per mostrare la logica di un caso d'uso. (Mi piacerebbe sapere cosa ti è venuto in mente: lascia un commento!) Questo esempio presuppone che tu abbia un prodotto o un servizio e stai utilizzando un modulo simile, mostrando i tuoi clienti passati come una forma di prova sociale.

Per rendere questo più pertinente e mostrare l'esperienza locale, perché non menzionare il paese del visitatore nel titolo? Quindi, invece di "Scelto da oltre 50 aziende di tutte le dimensioni", ho potuto testare il titolo, "Scelto da oltre 50 aziende nel {Paese del visitatore} e nel resto del mondo".

Prima di accedere a Google Optimize, devi apportare una piccola modifica alla tua pagina (o pubblicare) WordPress. Questo viene fatto avvolgendo a tag attorno al testo che dovrebbe cambiare. L'intervallo raggruppa questi elementi.

Inoltre, assicurati di assegnare a unico ID per questo intervallo. Nel mio caso, sto usando "vistorsCountry", ma puoi renderlo il più lungo e descrittivo che desideri. Questo ID è fondamentale: identificherà l'elemento di span che desideri personalizzare.

Visualizza l'anteprima della modifica e controlla l'elemento per vedere se l'intervallo è stato aggiunto:

Quindi, vai al tuo account Google Optimize, fai clic su "Crea esperienza", definisci un nome e scegli una pagina che contiene i contenuti che desideri modificare. Come tipo, seleziona "Personalizzazione".

Quindi, fai clic su "Crea modifiche al sito". Questo caricherà la pagina e il contenuto che desideri personalizzare. Normalmente, quindi selezionare l'elemento che si desidera modificare e applicare le modifiche. Tuttavia, in questo caso, dobbiamo usare JavaScript.

Fai clic ovunque e seleziona "Esegui JavaScript".

Innanzitutto, ottieni il paese del visitatore dal dataLayer. Esiste un codice standard per questo, quindi salvalo per riferimento futuro:

window.google_tag_manager['GTM-XXXXXX'].dataLayer.get ( 'nome_variabile')

Il nome della variabile, in questo caso, è "geoData.country_name"; sostituire "GTM-XXXXXX" con l'ID contenitore di Google Tag Manager.

Quindi, crea il testo personalizzato, incluso il Paese del visitatore, e sostituisci il contenuto nell'intervallo con l'id "visitorsCountry".

Ecco il codice finale:

// Ottieni il paese del visitatore dal tuo DataLayer
<var country = window.google_tag_manager['GTM-MBWL58'].dataLayer.get ( 'geoData.country_name');
// Crea un nodo di testo, incluso il paese e il testo che lo circonda.
var customContent = 'in' + country + 'e il resto del mondo';
// Usa l'elemento appena creato e sostituisci il testo nell'intervallo
document.getElementById ( 'visitorsCountry') textContent = personalizedContent.;

Incollalo nel campo JavaScript e salva:

Se hai seguito correttamente i passaggi, dovresti vedere quanto segue (a seconda della posizione corrente) nella schermata di anteprima:

Hai quasi finito; tuttavia, se dovessi spingerlo dal vivo, i tuoi visitatori vedrebbero quanto segue:

Yikes. Il problema è che l'API non risponde alla velocità di caricamento della pagina. Per farlo funzionare correttamente, modifica l'evento di attivazione in modo che la modifica venga attivata solo quando i dati sono pronti.

Fortunatamente, questo è semplicissimo da fare con Google Tag Manager. Innanzitutto, vai su Google Optimize e modifica l'evento di attivazione dell'esperimento. È possibile utilizzare l'evento predefinito chiamato "optimize.activate".

Successivamente, vai a Tag Manager per attivare l'evento quando i dati sono disponibili. Vai a Trigger e creane uno nuovo. Chiamalo come "Geolocate Done" e, come tipo di trigger, seleziona "Evento personalizzato".

Il nome dell'evento personalizzato è "geolocalizzazione" e viene creato automaticamente dal modello di Ahava.

Impostalo per attivare "Tutti gli eventi personalizzati" e salvare.

Quindi, vai su Tag e crea un nuovo Tag chiamato "Execute optim.activate" (o qualcosa di simile). Questo tag genererà l'evento optim.activate definito in Google Optimize.

Scegli "HTML personalizzato" come tipo e usa il seguente codice:

Come trigger, scegli il trigger che hai appena creato (ad esempio, "Geolocate Fatto").

Adesso hai finito. Torna all'anteprima e voilà: funziona!

Fai clic su "Start" e la personalizzazione è in esecuzione.

2. Personalizza in base al canale, alla campagna o al referral

Puoi anche personalizzare l'esperienza in base alla campagna di provenienza del tuo visitatore. Per questo, indirizzerai gli utenti in base ai parametri UTM. Possono essere utilizzati su tutti i canali, purché sia ​​possibile controllare il collegamento.

Ottenere i dati

Immagina di vendere servizi di marketing e tre canali sono i principali driver del traffico verso il tuo sito:

1. Sei attivo su Quora, aiutando le persone con problemi di marketing legati alla crescita. Alla fine dei tuoi post, includi un link al tuo sito web. Oltre a utilizzare "utm_source = quora", utilizzi il parametro "utm_campaign" in base all'argomento del post, quindi se è relativo alla SEO imposta "utm_campaign = seo", "utm_campaign = personalization" per la personalizzazione, ecc.
2. Stai anche pubblicando Google Ads per parole chiave correlate al SEO. Stai utilizzando "utm_campaign = seo" qui.
3. E stai pubblicando un'altra campagna pubblicitaria di Google per parole chiave correlate alla personalizzazione del sito web. Qui stai utilizzando "utm_campaign = personalization".

Questa è una configurazione semplice, ma ottieni il punto. Questo può essere espanso quanto vuoi, ma sappilo impostare ogni variazione può essere molto più rapida di creando il contenuto per supportarlo.

In questo caso, abbiamo due gruppi di intenti: uno in cerca di servizi SEO, uno per la personalizzazione. Puoi farlo in Google Optimize senza l'aiuto di Tag Manager, ma Tag Manager può consentire esperienze più elaborate.

Utilizzo dei dati per la personalizzazione

Poiché stiamo utilizzando Google Optimize, avremo bisogno di un'esperienza separata per ogni campagna. Cominciamo con quello che vogliamo creare per l'intento "SEO". Inizia andando su WordPress e creando il contenuto che i visitatori dovrebbero vedere:

Dopo averlo creato in WordPress, dobbiamo aggiungere del codice a:

• Identificarlo in seguito;
• Nascondilo per quelli senza Intento SEO.

Per ogni blocco di WordPress, assegna un ID univoco e aggiungi lo stile "display: none", che nasconderà il blocco per le persone che non cercano servizi SEO:

id = "h_seo" style = "display: none"

Vai all'editor di codice e aggiungi questi due attributi ai blocchi che hai creato. Ecco l'intero codice per il mio titolo:

  
Scopri come ho aiutato a far crescere il traffico organico di 15 15 di Truly in 18 mesi con Content & Technical SEO.
  

Per il pulsante, assegnare l'id "button_seo":

  
15X? Voglio leggere di più!
   

Questo è tutto. Salva la pagina e visualizzala in anteprima. Il contenuto sarà nascosto. (È possibile che venga visualizzato un avviso su WordPress che contiene "contenuti imprevisti o non validi." Ignoralo.)

Quindi, vai a Google Optimize e crea una nuova esperienza con un nome descrittivo; scegli "personalizzazione" come tipo. Definisci la pagina su cui vuoi che venga eseguita (puoi aggiungerne altre in seguito), che utilizzerai anche per visualizzare in anteprima le modifiche.

Fai clic su "Apporta modifiche al sito" e attendi fino al caricamento del sito. Quindi, come in precedenza, fai clic in un punto qualsiasi della pagina e seleziona "Modifica elemento" e "Esegui JavaScript".

Incolla questo codice, che rivela gli elementi specificati:

$ ( "# H_seo") a ginocchiera ().; $ ( "# Button_seo") a ginocchiera ().;

Nota: questo codice utilizza jQuery, che consente di utilizzare molto meno codice. Tuttavia, richiede di avere il libreria jQuery installato sul tuo sito.

Salvarlo. Dovresti già visualizzare nuovamente il testo specifico per SEO.

Successivamente, definire il targeting per questo gruppo di intenti. Google Optimize lo rende semplice. Torna alle impostazioni di personalizzazione e scorri verso il basso fino a Targeting per pubblico. Seleziona il targeting "Parametro UTM". Per la campagna utm_, basta impostarlo in modo che corrisponda a "seo":

Questa volta, è possibile utilizzare il "caricamento della pagina" come evento di attivazione. Questo è tutto. Salva l'esperienza e inviala dal vivo.

(Google Optimize memorizza automaticamente il parametro UTM_campaign per la sessione dell'utente, quindi il visitatore vedrà lo stesso contenuto se naviga tra le pagine. Maggiori informazioni su questo qui.)

Ora, impostiamo il gruppo di intenti di "personalizzazione". Crea semplicemente una copia di quanto sopra, ma questa volta sostituisci "seo" con "personalizzazione". In WordPress, assicurati di avere gli elementi della pagina definiti come sopra, quindi crea un'esperienza separata in Google Optimize per questo secondo intento, usando UTM parametro "personalizzazione".

Ecco dove entra in gioco Google Tag Manager. Se stai creando diversi gruppi di intenti, puoi utilizzare GTM per combinare tutte le personalizzazioni in un'unica esperienza in Google Optimize:

1. Salva la campagna utm (o utm_source, utm_content, ecc.) Nella sessione.store dell'utente con uno script personalizzato in Google Tag Manager. (Questa sezione di uno dei miei articoli spiega come farlo; consiglio di utilizzare "sessionStorage" invece di "localStorage" per renderlo solo basato sulla sessione.)
2. Usa JavaScript per estrarre utm_campaign da sessionStorage.
3. Crea una semplice condizione "if this, then that" per scoprire il contenuto pertinente.

Il codice che combina i passaggi due e tre è simile al seguente:

3. Personalizza in base al comportamento passato (ad es. Utenti esistenti, acquisti precedenti, contenuti consumati)

In questo ultimo esempio, vogliamo personalizzare qualcosa sul nostro sito in base al comportamento precedente dei visitatori. Questo può essere complicato per due motivi:

1. Google Tag Manager è un ambiente "senza stato", il che significa che non salva alcun dato stesso.
2. La versione gratuita di Google Optimize non ci consente di accedere al pubblico di Google Analytics, il che renderebbe tutto più semplice.

Puoi aggirare queste limitazioni (gratuitamente) utilizzando i cookie o localStorage. L'unica cosa che devi garantire è che i visitatori accettare questi biscotti — chiedi bene.

Ecco una panoramica di come appare:

• Un visitatore mostra alcune intenzioni basate sul venire da una determinata campagna, visitare una pagina specifica o completare un'azione.
• Memorizzi questo comportamento nel magazzino locale del visitatore.
• Quando il visitatore ritorna, recuperi queste informazioni utilizzando JavaScript e le trasferisci nel DataLayer.
• Tali informazioni generano modifiche al sito.

Esistono molti casi d'uso:

• Se hai una canalizzazione di conversione, spingi i visitatori alla fase successiva dopo aver completato una prima azione, come scaricare un white paper.
• Mostra contenuti diversi sulla tua home page per i visitatori che hanno visitato una pagina dei prezzi.
• Nascondi i campi di acquisizione e-mail per le persone che ti hanno già fornito le loro informazioni di contatto.
• Per l'e-commerce, mostra agli acquirenti passati un messaggio sulla home page diverso.
• Per gli utenti che hanno aggiunto al carrello ma non completano il loro ordine, attiva una finestra pop-up che chiede se hanno bisogno di aiuto.

Un altro esempio è comune ai siti WordPress. Un visitatore legge alcuni post sul blog. Quindi, giorni dopo, tornano a consumare nuovi contenuti.

Desideri mostrare contenuti pertinenti per l'interesse del visitatore. Potresti chiedere loro cosa vorrebbero vedere di più, ma puoi anche dedurre il loro interesse in base al comportamento passato.

Ottenere i dati

Puoi configurarlo in quattro passaggi:

1. Cattura l'interesse del visitatore in base ai tag degli articoli.
2. Salva questi tag nel magazzino locale del visitatore.
3. Al ritorno del visitatore, recupera il tag più popolare da localStorage.
4. Personalizza il contenuto della home page (o altro) in base a quel tag.

Il mio amico Ben Jackson ha aiutato a programmare gli script per questa funzionalità. Innanzitutto, cattura l'interesse del visitatore salvando i tag degli articoli che hanno letto, insieme alla loro frequenza.

Quindi, ad esempio, supponi di avere i seguenti due articoli:

1. L'articolo 1 è contrassegnato con "personalizzazione", "CRO" e "google-optimise".
2. L'articolo 2 è contrassegnato con "CRO" e "google-analytics".

Il tuo visitatore visita entrambi gli articoli. Di conseguenza, salviamo nel loro archivio locale: "personalizzazione": 1; “CRO”: 2; "Google-optimise": 1; "Google-analytics": 1.

Per fare ciò, abbiamo bisogno di tag (pageAttributes) disponibili in dataLayer. Se non lo hai ancora, utilizza il plug-in GTM a cui fa riferimento la prima parte di questo articolo o crealo manualmente.

Crea una variabile GTM per la tua pagina Attributi (tag) per rendere ancora più facile l'accesso ad essi. Vai su Variabili e crea una nuova variabile chiamata "pageAttributes". Come tipo di variabile, seleziona "Variabile livello dati", chiamala "pageAttributes" e salva.

Successivamente, crea un nuovo tag con HTML personalizzato. Chiamalo, ad esempio, "Salva tag WP in LocalStorage + DataLayer".

Incolla questo codice nel tag che hai appena creato:

Lo script inserirà il "tag principale" (il tag più frequentemente visto) nel dataLayer. Vedrai anche la variabile {{pageAttributes}}, che fa riferimento alla variabile in GTM che abbiamo appena creato. (Se stai usando un nome diverso, modificalo di conseguenza.)

Come trigger per il tag, scegliere "Visualizzazione pagina" su tutte le pagine. Salvarlo.

Mentre visualizzi l'anteprima della funzionalità, sfoglia gli articoli sul tuo sito WordPress, quindi vai nella tua console e digita "localStorage.myPrefs". Dovresti vedere un elenco dei tag degli articoli che hai visualizzato.

Successivamente, crea una variabile in GTM per la variabile dataLayer appena creata "topTag". Aggiungi una nuova variabile (ad esempio, "dlv – topTag") e usa il nome della variabile del livello dati "topTag".

Vuoi anche convertire "null", "undefined" e "false" in "none", che sarà utile in seguito. Ecco come dovrebbe apparire:

Salvalo, visualizza l'anteprima e controlla se è incluso nei tuoi dati

Utilizzo dei dati per la personalizzazione

Ora devi impostare la tua esperienza di personalizzazione. Userò il mio blog come esempio (rudimentale), aggiungendo un piccolo modulo di testo con un link ad articoli pertinenti per il visitatore di ritorno.

Ecco cosa vede il visitatore:

In WordPress, ho creato un nuovo titolo e aggiunto ID ai diversi elementi, che vengono modificati in base al visitatore. Nascondo anche l'H4 usando lo stile "display: none" (uguale al primo esempio). Sarà nascosto solo per i visitatori di ritorno.

Ecco il codice per questo piccolo modulo:

► Torna per di più? ? Clicca qui per leggere il mio ultimo articolo taggato . ◀ ︎

Next, go to Google Optimize and create a new personalization experience and define the page on which you’re going to make changes. Simply select any part of your page and click “Run JavaScript,” then paste the following code:

var topTag = window.google_tag_manager['GTM-XXXXXX'].dataLayer.get('topTag');  $("#returning").toggle();  $("#tag-link").attr("href", "https://www.your-website.com/tag/" + topTag + "/");  $("#tag").text(topTag);

Adjust the code:

1. Replace “GTM-XXXXXX” with your Container ID.
2. Use the IDs you’ve assigned to the elements you’d like to change.
3. Use your website to append the “/tag/XXX/” to. (This is standard WordPress format and should work, but you need to use your own domain.)

Save it, click Finish, and preview the change. You should see the personalized module.

Lastly, define the audience targeting conditions for this tag. You want to show this module only to returning visitors.

To define that, select “Behavior” in the targeting criteria and set it, for example, to a minimum of two hours. This could be set to more, depending on your liking.

Second, make sure that you show this module only to people with a valid dataLayer variable for their “topTag.” Thanks to the dataLayer integration in Google Optimize, simply click on “Create new variable,” set the value “topTag,” and give it a name.

As the condition, define it as “does not equal” and “none” (as per the variable rules defined earlier in GTM).

Your audience definition should look like this:

Now, you’re ready to start the experience. If you have problems, use the “Debug Live” mode to see what’s going on. In my case, the experience shows as expected:

Conclusione

This step-by-step guide has walked you through how to use Google Optimize in combination with Google Tag Manager to make changes to your website based on:

• User location;
• Acquisition channel;
• Past behavior.

With a little bit of JavaScript, any marketer can create sophisticated personalization experiences, which—deployed intelligently—allow you to test more targeted, intent-based messages and site elements.

These tools and examples are free to use, and they use data that is non-identifiable (i.e. legal). This type of personalization also avoids the “creepy” personalization that no one wants, no matter how well executed.

If you’ve wanted to test personalization as a way to improve your website, here’s your chance.