Blog

Gestisci facilmente i tuoi tag PWA con Google Tag Manager

  Aggiornato il   3 min di lettura

"Se non riesci a misurarlo, non puoi migliorarlo."
Questa famosa citazione è spesso attribuita a Peter Drucker, considerato il fondatore della moderna gestione aziendale. Se sei appassionato di raccolta e analisi dei dati, la nostra integrazione di Google Tag Manager nella tua Progressive Web App ti aprirà infinite possibilità. Tramite GTM, puoi utilizzare qualsiasi servizio web per misurare ciò che sta accadendo nella tua PWA e quindi prendere le giuste decisioni per migliorarla. 

Che cos'è Google Tag Manager?

Google Tag Manager è un "Sistema di gestione dei tag". È un servizio che consente di utilizzare una piccola porzione di codice javascript su una pagina Web per richiamare altre parti di codice javascript. Per semplificare, si tratta di una casella vuota (chiamata contenitore) in cui è possibile visualizzare ciò che si desidera (un tag) quando lo si desidera.

L'interesse principale di TMS è che esegui un intervento tecnico sul tuo sito solo una volta. Una volta aggiunto il javascript TMS, non è necessario preoccuparsene. Il resto della configurazione viene eseguito nell'interfaccia di gestione TMS.

Google Tag Manager è un servizio offerto da Google. Dall'interfaccia di gestione GTM, aggiungi tag e definisci i trigger.
I tag sono i diversi codici javascript che si desidera eseguire nel contenitore sul proprio sito.
I trigger sono regole definite per attivare la visualizzazione dei tag.

GTM offre un gran numero di tag e trigger per impostazione predefinita, il che rende la sua configurazione abbastanza semplice, pur avendo un'interfaccia che all'inizio può sembrare complessa.

Ad esempio, se usi AdRoll per realizzare campagne di re-targeting, aggiungi semplicemente il tag AdRoll in GTM e associa il trigger che attiva una visualizzazione su tutte le pagine del tuo PWA e voilà!

Come utilizzare Google Tag Manager con la mia PWA GoodBarber?

Innanzitutto, devi accedere all'interfaccia di Google Tag Manager. Se non lo hai già fatto, devi prima creare un contenitore. È possibile creare diversi container in GTM ma, in pratica, uno è sufficiente.
Una volta creato il contenitore, recuperare il suo ID. Lo trovi nel formato GTM-XXXXXXX.

Dopodiché, vai al back office della tua PWA. Apri il menu Statistiche > Strumenti esterni > scheda PWA
Nel blocco Google Tag Manager, fai clic su ON, inserisci l'ID del tuo contenitore e fai clic su Salva.
Quindi vai a Pubblica > PWA > Aggiorna e aggiorna la tua app.

Nota: per quanto riguarda l'aggiornamento dell'app, ricorda di controllare se l'ultima versione che hai compilato supporta la funzione Google Tag Manager. In caso contrario, ricompila la tua PWA.
Se è già supportato, è sufficiente un semplice aggiornamento delle impostazioni della PWA per applicare la configurazione di Google Tag Manager.

Dopo aver inserito l'ID del tuo contenitore GTM nella tua PWA (e averla aggiornata), tutto ciò che devi fare è accedere all'interfaccia di gestione GTM per configurare i tag e i trigger nel tuo contenitore.
La guida online di Google è molto dettagliata, e spiega come farlo passo dopo passo.

Shopping App, opzione speciale AMP / GTM

Dalla fine di dicembre 2019, è possibile attivare AMP (Accelerated Mobile Pages) per la pagina del prodotto delle Shopping App di GoodBarber. Se hai attivato AMP nella tua app di Shopping e vuoi aggiungere un contenitore GTM alla versione AMP della pagina del tuo prodotto, puoi farlo!

Per fare ciò, è sufficiente creare un contenitore riservato per AMP nel tuo account Google Tag Manager. Ottieni l'ID di questo contenitore e inseriscilo nel back office della tua Shopping app.
Per fare ciò, vai al menu Statistiche > Strumenti esterni > Scheda PWA. Viene fornito un campo di input GTM dedicato all'AMP.
Esistono moltissimi possibili utilizzi per Google Tag Manager, che possono andare ben oltre la raccolta di statistiche. Se desideri approfondire le tue conoscenze sull'argomento, ti consigliamo di leggere il blog di Simo Ahava . Contiene molti esempi d'uso interessanti per Google Tag Manager.

Continua a leggere

  4 min di lettura

Le tue live e i tuoi video Twitch, ora nella tua app

In breve. Twitch è un'estensione di GoodBarber, l'app builder no-code, che aggiunge un canale Twitch come fonte di una sezione video. Quando il canale è in diretta, la live occupa la cima della sezione; per il resto del tempo, la sezione elenca i video del canale. La colleghi una volta sola, con un Client ID e un Client Secret della console per sviluppatori di Twitch. È gratuita per le app Content: ogni sezione conta come una delle estensioni incluse nel tuo piano.Il pubblico è su Twitch. A settembre 2026 gli spettatori vi hanno guardato 1,51 miliardi di ore di live, con in media 2,1 milioni di persone davanti a uno stream in ogni momento, secondo TwitchTracker. Ecco come funziona l'estensione per una creator che va in diretta ogni martedì alle 20.

  4 min di lettura

Trasforma i tuoi documenti in risposte con GoodBarber Chatbot

In un’app, pubblicare un documento utile è solo una parte del lavoro. Le persone devono anche trovare l’informazione giusta quando stanno per agire. Un file con un nome chiaro aiuta chi consulta una raccolta di documenti, ma il lettore può avere una domanda più immediata.La comunicazione aziendale è soltanto una delle applicazioni possibili. Lo stesso approccio può servire per risorse didattiche, guide per i membri di un’organizzazione, riferimenti tecnici o altri documenti utili condivisi in un’app. Nel nostro esempio, un collega sta organizzando una trasferta presso un cliente e vuole sapere:Quali spese di viaggio richiedono un’approvazione preventiva?Abbiamo aggiunto i documenti alle fonti di GoodBarber Chatbot perché i file che già mantieni aggiornati possano alimentare queste conversazioni. Tu scegli i documenti. Gli utenti fanno domande con le proprie parole. L’assistente cerca i passaggi pertinenti e li usa per formulare una risposta.La domanda diventa un punto di accesso al regolamento. Il dipendente può partire dalla decisione che deve prendere, anche senza conoscere il titolo del documento che la spiega.