Come installare Google Analytics 4 (GA4) in un sito Webflow?

Installare Google Analytics è fondamentale per misurare le principali metriche legate al nostro sito web. In questa guida ti spieghiamo cosa fare per implementarlo.

‍

Per installare Google Analytics sul tuo sito web in Webflow i passaggi sono semplici e immediati.

‍

Webflow infatti lascia all’utente possibile svariate per sviluppare la piattaforma per monitorare cosa succede nel nostro sito web dello zio Google.

‍

INDICE:

• Creare un profilo su Google Analytics 4
• Impostare il tag Google Analytics 4 nel tuo sito Webflow

‍

Creare un profilo su Google Analytics 4

Il primo passaggio da fare per implementare GA4 nel nostro sito web in Webflow è creare un profilo in Google Analytics.

‍

In giro per il web trovate molti articoli rispetto a questo tema. Per questo motivo non abbiamo voluto soffermarci ma fare un breve recap delle informazioni da inserire per creare un account Google Analytics 4:

‍

1. Nome account
2. Nome sito web
3. URL del sito web
4. Categoria (dell’industria) del sito web

‍

‍

A volte può capitare che si faccia confusione tra i livelli che troviamo negli account di google (Account e Properties possono essere confusi).

‍

Chiariamo subito che il livello più alto è l’account e all'interno (o al di sotto) troviamo le properties che possono essere più di una.

‍

Nel nostro caso è semplice perché abbiamo creato una sola properties in un unico account a disposizione.

‍

Ma cosa succede se abbiamo più properties dentro un account? Selezioniamo la properties che vogliamo monitorare ed entriamo nelle sue impostazioni (sempre in basso a sx).

‍

✅ Se per errore abbiamo selezionato un’altra properties, la possiamo selezionare e modificare direttamente dalle impostazioni senza bisogno di tornare indietro.

(vedi screenshot in basso).

‍

‍

Impostare il tag Google Analytics 4 nel tuo sito Webflow

‍

Una volta aver creato l’account e scelto la properties dovremo recarci nelle impostazioni dell’account che si trovano in basso a sx.

‍

‍

Selezioniamo la voce “Data Streams” selezionando lo stream di dati.

‍

‍

Una volta cliccato nello stream di dati, spunterà dalla dx un menù a tendina con tutte le informazioni e impostazioni.

‍

Nel nostro esempio, Google Analytics 4 di Webflow Facile che come si nota dallo screenshot, è già stato collegato (messaggio verde: “data collection is active in the past 48 hours”).

‍

Il mio sito web ancora non è collegato a Google Analytics 4.

Per collegare il vostro account in Webflow dovrete scorrere in fondo a questa pagina e cliccare nella voce Vedere le istruzioni per il tag (in inglese, view tag instruction).

Qui in basso trovi lo screenshot di esempio.

‍

‍

Una volta cliccato, troverete 2 tab per impostare Google Analyics 4. 

La prima è utilizzata nel caso di CMS che sono già inseriti all’interno di Google Aanlytics 4. Nel caso di Webflow ancora non è presente nella lista (ve la appoggiamo qui, se volete approfondire), almeno nel momento in cui scriviamo.

‍

La seconda impostazione è quella utile a noi: installazione manuale

‍

Questo codice è il tag di Google per attivare Analytics 4 nel nostro sito web.

‍

Il tag di Google è quello che fa parlare (e comunicare) le 2 entità: 

• il nostro sito webflow
• google analytics

‍

Copiamolo e tieniamolo da parte.

‍

Ora, spostiamoci su Webflow, precisamente nelle impostazioni del nostro sito web (project settings).

Clicchiamo nell’ultima tab Custom Code.

‍

‍

Inseriamo il tag di Google sempre in Custom Code.

Una volta incollato il tag clicchiamo su Save Changes.

‍

L’installazione di GA4 all’interno del nostro sito web è terminata.

‍

⚠️TIPS: É facile confondersi in questo passaggio perchè Webflow ha implementato anche un’altra sezione in cui inserire l’ID di Analytics: nella tab Integrations.

‍

Con l’aggiornamento a Google Analytics 4, consigliamo di non utilizzare più questa impostazione per inserire il nostro tag.