Google Analytics Glossario

Aggiungere Google Analytics a Vercel

Image of Iron Brands

Pubblicato il 21 mar 2024 e modificato il 13 feb 2025 da Iron Brands

Vercel fornisce un'analisi di base delle prestazioni, ma Google Analytics fornisce informazioni molto più approfondite. Questo post vi guiderà passo dopo passo nell'aggiunta di Google Analytics ai vostri progetti ospitati da Vercel.

Tuffiamoci!

  1. Impostare Google Analytics
  2. Aggiungere Google Analytics al progetto Vercel
    1. Per i progetti Next.js:
    2. Per altri progetti:
  3. (Opzionale) Creare nuove proprietà
  4. Verificare l'integrazione
  5. Riflessioni finali

Prima di iniziare, voglio mostrarvi una cosa. Vi prometto che ne vale la pena...

Google Analytics è ottimo, ma anche complesso e un po' macchinoso. Se volete solo una dashboard semplice con le informazioni di cui avete bisogno, GA non è un ottimo punto di partenza. Inoltre, Google non si preoccupa della privacy e GA richiede un fastidioso banner sui cookie.

Ecco perché ho creato Simple Analytics, uno strumento di analisi semplice e rispettoso della privacy: nessun dato personale, nessun cookie, solo le informazioni di cui avete bisogno in una dashboard semplice.

Ecco come appare rispetto a GA. Sentitevi liberi di controllare le nostre analisi dal vivo per farvi un'idea del vostro progetto. (È gratuito, tra l'altro)

Bene, basta parlare di noi. Ora passiamo a rispondere alle vostre domande!

Can you spot the difference between the dashboards?

Impostare Google Analytics

Per integrare GA con il vostro progetto ospitato da Vercel, assicuratevi di avere un account Google Analytics per il vostro sito web. Ecco come iniziare:

  • Creare un account Google Analytics: Visitate il sito web di Google Analytics e accedete con il vostro account Google. Se non ne avete uno, dovrete crearlo.
  • Impostare una nuova proprietà: Seguire le istruzioni per creare una nuova proprietà GA4, scegliendo "Web" come tipo di piattaforma.
  • Ottenere l'ID di misurazione: Una volta configurata la proprietà, Google vi fornirà un ID di misurazione (formattato come "G-XXXXXXXX"). Questo ID è fondamentale per integrare GA con i progetti Vercel.

Aggiungere Google Analytics al progetto Vercel

L'aggiunta di Google Analytics a un progetto ospitato su Vercel varia leggermente a seconda del framework o del generatore di siti statici che si sta utilizzando. Di seguito è riportato un approccio generale per i progetti Next.js, che sono comunemente ospitati su Vercel:

Per i progetti Next.js:

  • Installare la libreria GA: è possibile utilizzare la libreria next-ga o un pacchetto simile per facilitare l'integrazione. Installare la libreria eseguendo npm install next-ga o yarn add next-ga nella directory del progetto.

  • Impostare il componente GA: Creare un nuovo componente (ad esempio, Analytics.js) nel progetto, dove importare la libreria GA e inizializzarla con l'ID della misura. Ecco un esempio di base:

import React da 'react'; import { useEffect } da 'react'; import ReactGA da 'react-ga'; const Analytics = () => { useEffect(() => { ReactGA.initialize('Your-GA-Measurement-ID'); ReactGA.pageview(window.location.pathname + window.location.search); }, []); return null; }; export default Analytics;
  • Includere il componente Analytics: Aggiungere il componente Analytics al file _app.js o alle singole pagine per garantire che GA tenga traccia delle visualizzazioni delle pagine in tutto il sito.

Per altri progetti:

Per i progetti che non utilizzano Next.js, l'approccio prevede l'aggiunta manuale dello script di tracciamento di GA ai file HTML o JavaScript. In genere, si dovrebbe includere lo script GA in un componente globale o in un modello di layout che viene visualizzato in tutto il sito.

(Opzionale) Creare nuove proprietà

Per tracciare più siti web, creare più proprietà GA e utilizzare gli ID di misurazione corrispondenti. In questo modo si evita che GA confonda i dati.

Verificare l'integrazione

Dopo aver integrato Google Analytics nel progetto Vercel:

  • Distribuire le modifiche: Spingere le modifiche al progetto Vercel e attendere il completamento della distribuzione.
  • Controllare Google Analytics: Visitate il vostro sito per generare un po' di traffico, quindi accedete al vostro account di Google Analytics e navigate nella sezione "Tempo reale" per vedere se la vostra visita viene tracciata.

Riflessioni finali

L'aggiunta di Google Analytics ai vostri progetti ospitati da Vercel può darvi grandi informazioni. Tuttavia, chiedetevi: Google Analytics è lo strumento giusto per voi?

GA è una soluzione troppo potente per un'analisi semplice. Se cercate una dashboard semplice e intuitiva con gli approfondimenti di cui avete bisogno, ci sono alternative migliori. Sì, sto parlando del mio prodotto(Simple Analytics), ma ce ne sono anche altri.

Odiavo usare Google Analytics per i miei progetti. È complicato, ci sono centinaia di dashboard e non ha un aspetto accattivante. Inoltre, Google non si preoccupa della privacy o dell'etica. Ecco perché ho deciso di costruire uno strumento di analisi web tutto mio e più intuitivo.

Se questo vi sembra interessante, provate pure Simple Analytics. Basta aggiungere lo script e si parte. Ci vuole circa un minuto e c'è anche una versione gratuita!

Buon divertimento!