Indipendentemente dal tipo di sito Web che hai, sapere in che modo i tuoi visitatori interagiscono con il tuo sito è essenziale. Google Analytics (GA) è stato tradizionalmente lo strumento utilizzato dai webmaster per ottenere informazioni dettagliate sul traffico del sito web. GA fornisce agli utenti statistiche e rapporti su:

Il numero di visitatori del tuo sito
Da che paese provengono
Quante pagine hanno visitato per sessione
Le pagine più popolari del tuo sito
Quanti visitatori del sito sono rimbalzati (lasciati senza eseguire alcuna azione)

Il monitoraggio di metriche essenziali come visualizzazioni di pagina, durata delle sessioni e frequenza di rimbalzo con GA richiede il posizionamento del codice di monitoraggio GA^{(GA Tracking Code)} o di uno snippet di codice JavaScript GA su ogni pagina web. ^{(GA JavaScript)}Questo è l'ideale per tenere traccia di informazioni generali.

Tuttavia, per metriche più specifiche o interazioni multiple, diventa più difficile tenere traccia di ogni azione. Ad esempio, il proprietario di un sito Web che desidera monitorare diversi moduli e varie funzionalità richiederebbe molto tempo per ottenere tutti i tag necessari impostati e funzionanti.

Google Tag Manager ( GTM ) è uno strumento gratuito di gestione dei tag che semplifica il monitoraggio di tutti i tuoi tag.

Che cos'è Google Tag Manager?^{(What Is Google Tag Manager?)}

Invece di sostituire GA, GTM funziona con GA (che è un tag stesso) per aiutare gli utenti ad aggiungere codice di monitoraggio (tag), definire regole e distribuire frammenti di codice.

I dati raccolti da GTM vengono inviati e archiviati in GA e altri strumenti come Google Ads , PayPal e Facebook .

Esempi di tag che i proprietari di siti web potrebbero voler monitorare sono:

Annunci Google
Eventi
Codice pixel di Facebook
Remarketing
Codice HTML/JavaScript personalizzato

I proprietari di siti Web dovrebbero decidere quali comportamenti forniranno le informazioni di cui hanno bisogno per prendere decisioni di marketing strategico migliori. Quindi utilizza Google Tag Manager per raccogliere dati e analizzare i risultati.

In questo articolo, illustreremo come iniziare a utilizzare GTM per il tuo sito web.

Configura il tuo sito web^{(Set Up Your Website)}

Se non disponi già di un account Google Tag Manager^{(Google Tag Manager)} , configurane uno^{(set one up)} .

Aggiungi il nome del tuo account, il paese, la configurazione del container (il tuo dominio) e la tua piattaforma di destinazione (scegli web). Quindi fare clic su Crea^(Create) .
Dopo aver accettato i Termini di servizio di Google, vedrai il tuo ID contenitore con due snippet di codice.

Devi aggiungere entrambi gli snippet a ciascuna pagina del tuo sito per completare il processo di configurazione. Assicurati di aggiungerli nel posto corretto. Uno appartiene alla <head> della tua pagina. L'altro va dopo il tag di apertura <body> .
Se hai bisogno di ulteriore assistenza per l'installazione degli snippet, leggi la Guida^{( Quick Start Guide)} introduttiva di Google . Oppure, se stai usando WordPress , ci sono diversi plugin^{( several plugins)} che puoi usare.
Una volta creato il contenitore, puoi iniziare ad aggiungere tag e attivatori per ottenere informazioni dettagliate sui visitatori del tuo sito.

Di seguito^(Below) è riportato un esempio di un'azione su un sito Web per aiutarti a misurare i tuoi sforzi di marketing.

Monitoraggio dei clic sui pulsanti^{(Tracking Button Clicks)}

I clic sui pulsanti^(Button) si riferiscono al numero di volte in cui viene fatto clic sull'invito all'azione ( CTA ) del tuo sito web. Molti siti hanno più CTA^(CTAs) , come ad esempio:

Scarica.
Aggiungi al carrello.
Clicca per chiamare.
Sottoscrivi.
Iscriviti.
Iniziare.
Prendi il tuo rapporto gratuito.
Per saperne di più.
Giuntura.

Imposta alcune variabili^{(Set Up Some Variables)}

Clicca su Variabili^(Variables) e poi su Configura^(Configure) dalla navigazione a sinistra.
Scorri verso il basso e fai clic su Elemento, Classi, ID, Destinazione, URL^{(Element, Classes, ID, Target, URL )} e Testo^(Text) .

Il passaggio successivo è abilitare un trigger che si attiverà su tutti i clic. Fai clic^(Click) su Trigger^(Triggers) dalla navigazione a sinistra e premi NUOVO.^(NEW.)

Quindi dai un nome al tuo trigger. Chiamiamolo Click Pulsante^{(Button Click)} .
Per selezionare un tipo di trigger, fai clic all'interno della finestra del trigger, scorri verso il basso fino alla parte inferiore della pagina a comparsa e fai clic su Tutti gli elementi^{(All Elements)} .
Assicurati di impostare Questo trigger si attiva^{(This trigger fires)} su Tutti i clic^{(All Clicks )} e fai clic su Salva^{( Save)} .

Per assicurarti che il tag funzioni correttamente, fai clic sul pulsante Anteprima^(Preview) . Apparirà una barra arancione in modo da sapere che sei in modalità anteprima.

Apri il tuo sito web in una nuova scheda del browser e aggiorna la pagina. Vedrai elementi di riepilogo nella modalità di anteprima rapida. Poiché in questo esempio impostiamo il trigger in modo che si attivi ogni volta che qualcuno fa clic in un punto qualsiasi del tuo sito, verrà registrato come clic GTM .
Se desideri identificare un pulsante specifico su una pagina, seleziona uno dei clic nel pannello di anteprima di Google Tag Manager . Quindi fare clic su Variabili^(Variables) .

Vedrai classi di clic, elementi di clic e testi di clic. Tutti i diversi clic e le classi di clic sono annotati. Una volta individuate le variabili, scopri cosa filtrare per il pulsante che desideri monitorare.

Fai clic^(Click) sul pulsante del sito Web e verrà evidenziata la sezione di riepilogo sull'anteprima GTM^(GTM) sotto il tuo sito Web.

Osserva le variabili correlate al pulsante selezionato come Classi clic, Elemento ^(Click)clic^{(Click Element)} e ID clic^{(Click ID)} . Utilizzare queste informazioni per impostare il clic del pulsante. Torna al tuo Google Tag Manager . Passa^(Navigate) a Pulsante clic^{(Button Click)} .

Ai fini di questo articolo, impostiamo un pulsante per Afferra il tuo rapporto gratuito^{(Grab your free report)} , quindi rinomina il pulsante per Afferra il tuo rapporto gratuito CTA^{( Grab your free report CTA)} .

Passa a Questo trigger si attiva^{(This trigger fires on)} e scegli Alcuni clic^{(Some Clicks)} .

Qui è dove potrai filtrare in base alle variabili che hai trovato in modalità anteprima.

Torna all'anteprima del tuo sito Web e annota le variabili per il pulsante che desideri monitorare. Parti diverse^(Different) di un pulsante potrebbero avere classi diverse a seconda di dove si fa clic.

La soluzione migliore per questo è cambiare il tuo monitoraggio su Link Click perché le classi sono le stesse indipendentemente da dove fai clic. Un clic sul collegamento è un collegamento ipertestuale che rimane costante.

Per cambiarlo all'interno di GTM , seleziona Click - All Elements e cambialo in Just Links .

Usa la classe che hai annotato dalla modalità di anteprima e aggiungila nella casella vuota a destra di Fare clic su Classi^{(Click Classes )} e fare clic su Salva^{( Save)} .

Crea un'etichetta^{(Create a Tag)}

Fai clic su Tag^(Tags) nella barra di navigazione a sinistra e premi Nuovo^(New) .

Fare clic all'interno della casella Configurazione tag^{(Tag Configuration)} per aprire i tipi di tag. Scorri^(Scroll) verso il basso e seleziona HTML personalizzato^{(Custom HTML)} .
Puoi utilizzare le variabili all'interno di questa sezione HTML personalizzato^{(Custom HTML)} digitandole all'interno di queste parentesi { }.
Quando inizi a digitare le parentesi, vedrai un menu di selezione della ricerca rapida in cui puoi scegliere le variabili esistenti definite.

Ora devi collegarlo al trigger che hai appena creato. Fare clic^(Click) all'interno della casella Trigger^(Triggering) , selezionare il trigger e fare clic su Salva^(Save) .
Aggiorna di nuovo la pagina di anteprima per testare il pulsante. Fai clic^(Click) sul tuo pulsante per vedere se il tag è stato attivato. Se non funziona, torna indietro e controlla tutte le tue impostazioni.
Quando sono corretti, vedrai Tag attivati su questo evento^{(Tags Fired on This Event)} . Ora stai monitorando quando si fa clic sul pulsante.

Rendi il tag un evento^{(Make The Tag An Event)}

Torna a GTM e seleziona il tag che hai appena creato. Assicurati di nominarlo con un nome identificabile.
Modifica il tipo di tag da HTML personalizzato^{(Custom HTML)} a Google Analytics: Google Analytics : Universal Analytics .

Selezionare Evento^(Event) per Tipo di traccia^{(Track Type)} , Pulsante CTA^{(CTA Button)} per Parametri di tracciamento evento^{(Event Tracking Parameters)} , Fare clic^(Click) per Azione^(Action) e aggiungere un nome identificativo per Etichetta^(Label) .
Scorri^(Scroll) verso il basso fino a Impostazioni di Google Analytics^{(Google Analytics Settings)} , seleziona {{Google Analytics}} e fai clic su Salva^(Save) . Ora stai monitorando i tuoi clic all'interno di Google Analytics come un evento.
Invia il tuo evento e poi pubblicalo^(Publish) .
Nella sezione Descrizione versione contenitore^{(Container Version Description)} aggiungi un nome descrittivo per il tuo evento e fai clic su Continua^(Continue) .

Il tuo nuovo trigger e il nuovo tag sono ora attivi sul tuo sito Web per monitorare ogni volta che un visitatore del sito fa clic sul pulsante.

Non c'è limite al numero di azioni che puoi monitorare utilizzando Google Tag Manager . Più dati raccogli e misuri, meglio sarai in grado di modificare le tue campagne di marketing e pubblicitarie per aumentare le conversioni e le vendite.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what typе of website you have, knowing how your visіtors interact with your site iѕ essential. Google Analytics (GA) has traditionally been the tool used by webmasters to gain insights into website traffic. GA gives users statistics and reports about:

The number of visitors to your site
What country they are from
How many pages they visited per session
The most popular pages on your site
How many site visitors bounced (left without performing any action)

Tracking essential metrics such as page views, session durations, and bounce rate with GA require the placement of GA Tracking Code or a GA JavaScript code snippet on every webpage. This is ideal for keeping track of general information.

However, for more specific metrics or multiple interactions, it becomes more challenging to keep track of every action. For example, it would take a lot of time for a website owner who wants to track several different forms and various features to get all the necessary tags set up and running.

Google Tag Manager (GTM) is a free tag management tool that makes tracking all your tags easier.

What Is Google Tag Manager?

Rather than replacing GA, GTM works with GA (which is a tag itself) to help users add tracking code (tags), define rules and deploy code snippets.

The data collected by GTM is sent to and stored in GA and other tools such as Google Ads, PayPal, and Facebook.

Examples of tags website owners might want to track are:

Google Ads
Events
Facebook pixel code
Remarketing
Custom HTML/JavaScript code

Website owners should decide which behaviors will provide insights they need to make better strategic marketing decisions. Then use Google Tag Manager to collect data and analyze the results.

In this article, we will outline how to get started using GTM for your website.

Set Up Your Website

If you don’t already have a Google Tag Manager account, set one up.

Add your account name, country, container setup (your domain), and your target platform (choose web). Then click Create.
After you agree to Google’s terms of service, you will see your container ID with two code snippets.

You need to add both the snippets to each page of your site to complete the setup process. Make sure you add them in the correct place. One belongs in the <head> of your page. The other goes after the opening <body> tag.
If you need additional help installing the snippets, read Google’s Quick Start Guide. Or, if you are using WordPress, there are several plugins you can use.
Once you create your container, you can start adding tags and triggers to gain insights into your site’s visitors.

Below is an example of a website action to help you measure your marketing efforts.

Tracking Button Clicks

Button clicks refer to how many times your website call-to-action (CTA) is clicked. Many sites have multiple CTAs, such as:

Download.
Add to cart.
Click to call.
Subscribe.
Sign up.
Get started.
Grab your free report.
Learn more.
Join.

Set Up Some Variables

Click on Variables and then Configure from the navigation on the left.
Scroll down and click Element, Classes, ID, Target, URL and Text.

The next step is to enable a trigger that will fire on all clicks. Click on Triggers from the navigation on the left and hit NEW.

Then give your trigger a name. Let’s call it Button Click.
To select a trigger type, click inside the trigger window, scroll down to the bottom of the pop-up page, and click on All Elements.
Make sure you set This trigger fires on All Clicks and click Save.

To make sure the tag is working correctly, click the Preview button. An orange bar will appear so that you will know you are in preview mode.

Open your website in a new browser tab and refresh the page. You will see summary items in the quick preview mode. Because in this example we set the trigger to fire whenever anyone clicks anywhere on your site, it will register as a GTM click.
If you want to identify a specific button on a page, select one of the clicks in the Google Tag Manager preview panel. Then click Variables.

You will see click classes, click elements, and click texts. All the different clicks and click classes are notated. Once you have located the variables, figure out what to filter out for the button you want to track.

Click on that website button, and it will highlight the summary section on the GTM preview below your website.

Look at the variables that are related to your selected button such as Click classes, Click Element, and Click ID. Use this information to set up your button click. Go back to your Google Tag Manager. Navigate to Button Click.

For the purpose of this article, let’s set up a button for Grab your free report, so rename the button to Grab your free report CTA.

Navigate to This trigger fires on and choose Some Clicks.

Here is where you will be able to filter by the variables you found when in preview mode.

Go back to your website preview and write down the variables for the button you want to track. Different parts of a button might have different classes depending upon where you click.

The best solution for this is to switch your tracking to Link Click because the classes are the same no matter where you click. A link click is a hyperlink that remains constant.

To change that inside of GTM, select Click – All Elements and change it to Just Links.

Use the class you wrote down from the preview mode and add it in the blank box to the right of Click Classes and click Save.

Create a Tag

Click on Tags from the left-side navigation and hit New.

Click inside the Tag Configuration box to open the tag types. Scroll down and select Custom HTML.
You can use variables inside this Custom HTML section by typing them inside these brackets { }.
When you start typing the brackets, you will see a quick search select menu where you can choose your defined existing variables.

Now you need to hook this up to the trigger you just created. Click inside the Triggering box, select the trigger and click Save.
Refresh your preview page again to test your button. Click on your button to see if the tag is fired. If it doesn’t work, go back and check all your settings.
When they are correct, you will see Tags Fired on This Event. You are now tracking when your button is clicked.

Make The Tag An Event

Go back to GTM and select the tag you just created. Make sure to name it with an identifiable name.
Change the Tag type from Custom HTML to Google Analytics: Google Analytics: Universal Analytics.

Select Event for Track Type, CTA Button for Event Tracking Parameters, Click for Action and add an identifying name for Label.
Scroll down to Google Analytics Settings, select {{Google Analytics}} and click Save. Now you are tracking your clicks inside of Google Analytics as an event.
Submit your event and then Publish it.
In the Container Version Description section add a descriptive name for your event and click Continue.

Your new trigger and new tag are now live on your website to track any time a site visitor clicks on the button.

There is no limit to the number of actions you can track using Google Tag Manager. The more data you collect and measure, the better you will be able to tweak your marketing and ad campaigns to increase conversions and sales.

Ludovica Marini

About the author

Sono un ingegnere informatico con oltre 10 anni di esperienza nel settore del software. Sono specializzato nella creazione e manutenzione di applicazioni software individuali e aziendali, nonché nello sviluppo di strumenti di sviluppo per piccole imprese e grandi organizzazioni. Le mie capacità risiedono nello sviluppo di una solida base di codice, negli strumenti di debug e test e nel lavorare a stretto contatto con gli utenti finali per garantire che le loro applicazioni funzionino perfettamente.

Come utilizzare Google Tag Manager per analizzare il traffico del tuo sito web

Che cos'è Google Tag Manager?^{(What Is Google Tag Manager?)}

Configura il tuo sito web^{(Set Up Your Website)}

Monitoraggio dei clic sui pulsanti^{(Tracking Button Clicks)}