Come raccogliere il 100% degli eventi di Google Analytics sul tuo sito web

Sapevi che Google Analytics è utilizzato da oltre il 50% del web? Parliamo di decine di milioni di siti!

Quindi è probabile che anche il tuo sito utilizzi Google Analytics e che tu voglia sfruttare i suoi dati e le sue funzionalità di reportistica per prendere decisioni informate su sito, contenuti, prodotto e futuro del business.

Se è così, ti invito a continuare a leggere questo tutorial pratico per capire perché e come raccogliere il 100% delle interazioni web sul tuo sito.

Ma non stavo già raccogliendo il 100% delle interazioni web?

Purtroppo, per la maggior parte dei siti non è così, a causa di diverse limitazioni. Si tratta di limiti tecnologici di base che negli ultimi 10 anni sono diventati sempre più impattanti. 

Parlo di tre cause principali:

#1 Consapevolezza della privacy e nuove normative

Un numero crescente di paesi ha adottato leggi specifiche per proteggere la privacy dei consumatori, richiedendo il consenso degli utenti per la raccolta dei dati — un grande passo avanti per la tutela della privacy.

Una conseguenza meno ovvia è che meno della metà dei visitatori concede il consenso completo. Secondo studi recenti, il tasso medio di consenso ai cookie è del 31%. In altre parole, oltre due terzi dei tuoi visitatori non accettano i cookie di terze parti; di conseguenza, le loro pageview e i loro eventi non arrivano effettivamente a Google Analytics.

#2 Ad blocker

Pur essendo progettati per bloccare gli annunci, gli ad blocker impediscono la raccolta di dati del sito bloccando automaticamente le connessioni HTTP verso le API di analytics più comuni, come Google Analytics.

L’adozione globale è salita dal 3% a oltre l’11% nell’ultimo decennio. E guardando a Europa e Nord America, ~50% dei visitatori usa ad blocker.

In altre parole, gli ad blocker potrebbero bloccare oltre il 50% delle interazioni sul tuo sito, soprattutto se il tuo pubblico è tecnico e molto istruito.

#3 Prestazioni web e adozione del mobile

La connessione a Internet lenta o instabile — spesso su dispositivi mobili — può interrompere il flusso di dati dal dispositivo ai server di tracciamento, causando un ulteriore 10% di perdita di dati. A partire dal 2024, quasi il 60% del traffico web globale è generato da dispositivi mobili, rispetto a meno del 30% di soli 10 anni fa.

In più, i framework web moderni non supportano completamente i browser più vecchi per ragioni di efficienza — il che va bene per la grande maggioranza dei visitatori. D’altra parte, è piuttosto comune trovare siti popolari con punteggi di compatibilità intorno al 90%, con conseguente ulteriore perdita di dati. In Edgee, abbiamo osservato casi estremi in cui un gap di compatibilità del 10% ha causato oltre il 40% di perdita di dati.

Ok, quindi cosa posso fare?

Come proprietario o sviluppatore di un sito, può essere frustrante rendersi conto di avere poco controllo sulle tre principali cause di perdita di dati di cui abbiamo parlato. Devi restare conforme alle normative e rispettare la privacy degli utenti. Non puoi costringere i visitatori ad aggiornare i browser o a evitare la navigazione da mobile, offrendo al contempo un’ottima esperienza d’uso.

La buona notizia è che esiste un modo per restare conforme, rispettare la privacy degli utenti ed evitare le limitazioni lato client usando l’edge computing.

Edge computing in soccorso

Edge computing è un insieme di tecnologie e architetture che ti permettono di spostare l’elaborazione e l’archiviazione dei dati più vicino all’utente per ridurre la latenza, rispetto ai data center centralizzati. Allo stesso modo, usare l’edge computing ti consente di spostare l’elaborazione fuori dal browser, tra client e server, aggirando di fatto le limitazioni dovute ad ad blocker, cookie, connettività mobile e compatibilità JavaScript.

Fortunatamente, strumenti come Edgee aiutano le organizzazioni a trasformare gli SDK lato client come Google Analytics in componenti WebAssembly che girano all’edge. Questo significa che puoi rimuovere l’SDK di Google Analytics dal tuo sito ed Edgee si occuperà di inviare pageview ed eventi personalizzati a GA, ancora prima che la pagina venga servita al browser.

Tecnicamente, questo richiede un insieme di tecniche per assicurare che i bot siano esclusi automaticamente e che gli ad blocker non intercettino gli eventi generati dal client.

Vediamo Edgee in pratica

Fin qui tutto bene! Ma come funziona davvero? E, soprattutto, come puoi integrare Edgee nel tuo sito in modo efficiente senza passare ore e ore o modificare i tuoi report di Google Analytics? Te lo mostro subito!

I passaggi seguenti non ti costringeranno a inserire una carta di credito o a sostenere costi imprevisti, dato che Edgee ha un piano gratuito.

Puoi iniziare con Edgee in 5 passaggi:

1. Crea un nuovo account Edgee gratuito
2. Crea un nuovo progetto Edgee e imposta l’URL del tuo backend, ad esempio https://youwebsite.com
3. Aggiungi un componente Google Analytics al tuo progetto, scegliendolo da un elenco di componenti pronti all’uso
4. Integra l’SDK di Edgee nel tuo codice HTML e aggiorna il mapping degli eventi
5. Integra Edgee con la tua architettura (in stile CDN)

Aspetta, perché mi serve un nuovo SDK lato client?

Ottima domanda! L’SDK di Edgee funge da bridge e sostituisce gli SDK JavaScript di tutti i componenti che hai abilitato per il tuo progetto. In altre parole, l’SDK di Edgee consente di attivare le nostre capacità di elaborazione all’edge. Quando Edgee intercetta questo script, attiva gli eventi di analytics e altri servizi in modo trasparente e direttamente all’edge. 

Il risultato? Analytics in tempo reale senza compromettere le prestazioni della tua app. La logica di edge compute gira in meno di 4 millisecondi nel 99% dei casi (99° percentile). Inoltre, l’SDK ti permette di tracciare eventi lato client come clic su pulsanti o azioni personalizzate senza ricaricare la pagina, comunicando direttamente con Edgee, così non può essere bloccato.

Ecco cosa devi aggiungere al tuo sito:

<script id="__EDGEE_SDK__" src="<YOUR_SDK_URL>" async></script>Offerto da

E se il tuo front-end è un’app React, puoi utilizzare il pacchetto react-edgee in questo modo:

import EdgeeSdk from "react-edgee";
<EdgeeSdk src={"<YOUR_SDK_URL>"} />Offerto da

Poi, devi aggiornare il tuo codice JavaScript per usare l’SDK di Edgee invece di Google Analytics:

// from this:
gtag('event', 'button-click', {
    color: ‘blue
});

// to this:
edgee.track({
    'name': 'button-click',
    'properties': {
        color: ‘blue
    }
});Offerto da

Allo stesso modo, se stai impostando proprietà specifiche dell’utente:

// from this:
gtag('config', '<tag_id>', {
  'user_id': '<user_id>'
});
// or this:
gtag('set', 'user_properties', {
  'user_id': '<user_id>',
  '<property_name>': '<property_value>',
});

// to this:
edgee.user({
    'user_id': '<user_id>',
    'anonymous_id': '<anonymous_user_id>',
    'properties': {
      '<property_name>': '<property_value>'
    }
});Offerto da

Per integrazioni più complesse, scopri come configurare il tuo Edgee Data Layer sul server e come mappare automaticamente il consenso ai cookie tramite l’SDK o integrazioni native con strumenti come Axceptio, Didomi e OneTrust.

Strategie di migrazione

Creare un sito nuovo di zecca è entusiasmante e consente di sperimentare senza vincoli. Tuttavia, nella maggior parte dei casi hai già un sito consolidato con report storici GA, ottimizzazioni e dati preziosi. E non puoi permetterti lacune o duplicazioni nei tuoi analytics.

Ecco perché consiglio una delle seguenti strategie di migrazione. Pur aggiungendo un po’ di complessità, permettono test incrementali, garantiscono affidabilità e offrono insight preziosi lungo il percorso.

#1 Integra e confronta

Questa strategia è particolarmente utile se non sei sicuro dell’entità della tua perdita di dati. È il 5%, il 20% o il 50% del totale? A seconda della risposta, potresti decidere di dare priorità all’uso di uno strumento come Edgee il prima possibile.

Un ottimo modo per misurarlo è integrare Edgee insieme alla configurazione esistente di Google Analytics, utilizzando una nuova proprietà GA all’interno dello stesso account. Questo ti permette di eseguire un proof-of-concept per alcune settimane (di solito un mese è sufficiente) e confrontare le due proprietà per quantificare il gap di dati.

L’implementazione è semplice, perché non devi modificare il codice GA esistente. Ti basta integrare l’SDK di Edgee e aggiungere gli snippet di tracciamento per pagine ed eventi personalizzati.

Una volta completato l’esperimento e quando sei pronto a passare completamente all’edge analytics, puoi adottare la strategia successiva ed eliminare gradualmente la vecchia implementazione.

#2 Integra e sostituisci

Questa strategia punta a sostituire completamente la vecchia implementazione JavaScript in quattro passaggi.

Per prima cosa, integri l’SDK di Edgee e crei un nuovo componente Google Analytics nel tuo progetto, ma lo lasci disattivato.

Poi, disattivi l’invio automatico delle pageview in questo modo:

gtag('config', '<tag_id>, {
  send_page_view: false,
});Offerto da

In terzo luogo, ti prepari a distribuire questa modifica al codice e ad attivare immediatamente il componente (inattivo) che hai configurato nel primo passaggio. Questo assicura che i dati non vengano duplicati o persi.

Infine, converti tutto il tracciamento lato client all’SDK di Edgee. Anche se puoi farlo in modo incrementale, consiglio di passare tutti gli eventi in una volta sola. In questo modo la migrazione è pulita e puoi rimuovere gli SDK ridondanti, migliorando le prestazioni del sito.

Nella documentazione di Edgee troverai una guida alla migrazione ancora più dettagliata che copre sia i cambiamenti architetturali sia quelli di codice.

Riepilogo e takeaway

In questo articolo abbiamo esplorato le sfide lato client che ti impediscono di catturare il 100% delle interazioni sul sito.

Poi abbiamo introdotto Edgee, una piattaforma basata su edge computing che supera queste sfide, offrendoti dati accurati senza sacrificare privacy o prestazioni.

Infine, se sei uno sviluppatore e vuoi saperne di più su come funziona Edgee sotto il cofano o scoprire come integrare i tuoi componenti personalizzati, sentiti libero di contattarci su questo utile hub della community per il debugging.

Questo spazio sta evolvendo rapidamente e nel 2025 arriveranno molti aggiornamenti e nuovi componenti. Nel frattempo, siamo curiosi di conoscere i tuoi casi d’uso e il tuo feedback!

Se vuoi approfondire il decision making basato sui dati, dai un’occhiata a Marketing Analytics for Business — un corso pensato per aiutarti a usare gli analytics per strategie di business più efficaci.