4 modi per utilizzare Google Tag Manager con Facebook: Social Media Examiner
Strumenti Di Social Media Analisi Di Facebook Gestione Tag Di Google Facebook / / September 26, 2020
Ti stai chiedendo come installare facilmente le funzionalità di Facebook sul tuo sito web senza modificare il codice?
In questo articolo scoprirai semplici modi per installare il pixel di Facebook, Facebook Messenger plug-in di chat del cliente, avvisi per commenti di Facebook ed eventi standard di Facebook con Google Tag Manager.
Installa Google Tag Manager sul tuo sito web
Google Tag Manager è uno strumento potente e gratuito che migliorerà le tue analisi di marketing. Da questa piattaforma centrale, puoi monitorare una varietà di azioni sul tuo sito web (visualizzazioni di pagina, clic, ecc.) E condividere tali dati con piattaforme come Facebook o Google Analytics. Google Tag Manager è un prezioso strumento di ascolto per i professionisti del marketing digitale, ma è anche utile per i professionisti del marketing dei social media.
Molti social media marketer non hanno accesso al sito della loro attività, forse è ospitato su un blog che non ti consente di modificare il CSS o è con uno sviluppatore che ti fa pagare per apportare modifiche. Facebook è consapevole del fatto che a volte non è possibile installare il loro codice o potrebbe utilizzare un CMS più complesso su un sito Web e non vuole giocherellare con esso. Quindi si sono assicurati che molte delle loro funzioni si integrassero con software come Google Tag Manager.
Per utilizzare Google Tag Manager, Vai alla home page e registrati per un account. Se disponi già di un account Google esistente, puoi utilizzarlo per accedere.
Una volta effettuato l'accesso, neanche collega il tuo account a un account Google Tag Manager esistente per il tuo blog o sito o aggiungi un nuovo account.
Se stai creando un nuovo account, digita il nome della tua azienda, Scegli il tuo paese, e inserisci il tuo indirizzo web per creare un contenitore. Quando hai fatto, fare clic su Crea e accetta i termini di servizio.

Successivamente, vedrai lo snippet contenitore che devi aggiungere al tuo sito web in modo che Google Tag Manager funzioni.

Nota: se utilizzi Google Tag Manager per l'analisi sul tuo sito web e invii i dati a Google Analytics, assicurati di incorporare solo il tuo ID Google Tag Manager nel tuo sito web per l'analisi. L'utilizzo degli ID di Google Analytics e di Google Tag Manager nel codice del tuo sito web comporterà la duplicazione delle informazioni, attività di doppio monitoraggio sul tuo sito web. Per evitare questo, rimuovere il tuo ID monitoraggio universale di Google Analytics e sostituiscilo con Google Tag Manager.
Dopo aver aggiunto lo snippet contenitore al tuo blog o sito web, sei pronto per aggiungere nuovi tag che aiutano a integrare Facebook con il tuo sito.
# 1: configura il pixel di Facebook
Una volta installato, il pixel di Facebook ti offre informazioni dettagliate su come i visitatori di Facebook interagiscono con il tuo sito. Il pixel è uno strumento incredibilmente utile e gratuito per i professionisti del marketing.

Per installare il pixel di Facebook con Google Tag Manager, apri Facebook Ads Manager e vai a Gestione eventi> Pixel.

Poi fare clic su + Aggiungi nuova origine dati e segui le istruzioni per installare il pixel. Quando vedi la schermata qui sotto, fare clic su Connect a Partner Platform.

Poi seleziona Google Tag Manager.

Nella finestra che appare, fare clic su Continua e poi accedi per connettere il tuo account Tag Manager a Facebook.

Quando hai finito, vai a Google Tag Manager e lo farai vedere un tag che prende il nome dal tuo numero ID pixel di Facebook.

Ora torna su Facebook e Aperto Manager di eventi. Dovresti vedere un messaggio che indica che il tuo pixel è attivo.
Il pixel di Facebook è un gateway per potenti analisi omnicanale chiamata gruppi di origini eventi, che ti consente di completare la panoramica dell'analisi in modo da poter attribuire le conversioni ai tuoi sforzi sociali.
Se hai Facebook Business Manager, vai al tuo Analisi di Facebook e utilizzare i gruppi di origini eventi per approfondire il comportamento degli utenti sul tuo sito web e l'interazione con le tue pagine e app di Facebook.

# 2: installa il plug-in della chat dei clienti di Facebook
Offrire una funzione di chat dal vivo sul tuo blog o sito web può migliorare l'assistenza clienti e aumentare le conversioni. Tuttavia, l'installazione di un plug-in per la chat dal vivo può sembrare un compito arduo. Fortunatamente, esiste una soluzione semplice: il Chat clienti di Facebook collegare.
Questo plug-in ti consente di collegare la tua chat dal vivo a Facebook in modo che gli utenti non debbano accedere a un altro software. Inoltre, la maggior parte delle persone ha familiarità con il funzionamento di Facebook e può capire come utilizzare la funzione di chat.
Poiché Facebook rende liberamente disponibile il tuo codice plug-in di chat, puoi utilizzare Google Tag Manager per installarlo. Questo è utile se non hai accesso al tuo CSS o se hai uno sviluppatore in grado di installarlo sul tuo sito. Installare il plug-in in questo modo è anche più semplice che installarlo manualmente, soprattutto se non sei sicuro di lavorare con CSS.
Per trovare il tuo codice, vai alla tua pagina Facebook e fare clic su Impostazioni.
Sulla sinistra, fare clic sulla piattaforma Messengertab e poi a destra, scorri verso il basso fino a visualizzare Plugin chat cliente. Fare clic sul pulsante Imposta.

Nella finestra pop-up, seleziona la tua lingua preferita e digita il saluto di benvenuto desideri che gli utenti vedano quando fanno clic sull'icona della chat.

Nella schermata successiva, puoi seleziona colori personalizzati per il tuo plugin di chat.

Quando raggiungi il passaggio 3, vedrai il

Ora devi cambiare il codice HTML in uno script che puoi utilizzare in Google Tag Manager. Puoi farlo manualmente o utilizzando uno strumento di terze parti.
Modifica il codice di incorporamento con uno strumento di terze parti
Se preferisci utilizzare uno strumento di terze parti, prova qualcosa di simile Rocketbots. Lo farà prendi il tuo codice di incorporamento e trasformalo in un copione che Google Tag Manager può utilizzare. Il piano gratuito Rocketbots offre 1.000 messaggi al mese, il che è ottimo per le piccole imprese.

Una volta ottenuto il codice, semplicemente incollalo in un tag HTML personalizzato in Google Tag Manager. Il tuo trigger dovrebbe essere la visualizzazione di tutte le pagine se desideri utilizzarlo su tutte le pagine del tuo sito.

Modificare manualmente il codice di incorporamento
Se preferisci convertire manualmente il codice HTML in uno script, comincia daraccogliere le seguenti informazioni:
- ID della tua pagina Facebook (vai alla scheda Informazioni sulla tua pagina e scorri verso il basso fino all'ID della pagina)
- Il codice esadecimale del colore da utilizzare nella chat
- I messaggi di benvenuto che desideri mostrare agli utenti che hanno effettuato l'accesso e agli utenti che sono disconnessi
Poi inserire queste informazioni nelle righe 4–8 nel codice fornito in questo articolo di Simo Ahava.

Dopo aver modificato il codice, creare un nuovo tag HTML personalizzato in Google Tag Manager e incolla il codice al suo interno. Per il tipo di trigger, selezionare Visualizzazione pagina–Pronto per DOM. Anche decidere su quali pagine si desidera utilizzare il trigger:
- Utilizza il tag in tutte le pagine: Seleziona Tutti gli eventi pronti per DOM.
- Utilizza il tag su pagine selezionate: Scegli Alcuni eventi pronti per DOM e digita il percorso dell'URL per il quale desideri venga visualizzata la chat (ad esempio, "/ contattaci").
Quando hai fatto, fare clic su Salva.

# 3: crea avvisi per i commenti di Facebook sul tuo sito web
Questo è un utilizzo entusiasmante di Google Tag Manager che ti aiuta a completare il cerchio quando si tratta di analisi e monitoraggio se utilizzi i commenti di Facebook sul tuo blog.
Ricevi la formazione sul marketing di YouTube - Online!

Vuoi migliorare il tuo coinvolgimento e le tue vendite con YouTube? Quindi unisciti al più grande e migliore raduno di esperti di marketing di YouTube mentre condividono le loro strategie comprovate. Riceverai istruzioni dettagliate in tempo reale incentrate su Strategia di YouTube, creazione di video e annunci di YouTube. Diventa l'eroe del marketing di YouTube per la tua azienda e i tuoi clienti mentre implementi strategie che ottengono risultati comprovati. Questo è un evento di formazione online dal vivo dei tuoi amici su Social Media Examiner.
CLICCA QUI PER I DETTAGLI - I SALDI FINISCONO IL 22 SETTEMBRE!L'installazione del plug-in dei commenti di Facebook sul tuo sito è in genere facile da fare, ma tenere traccia di quei commenti e utilizzare le informazioni per qualsiasi cosa significativa è più difficile. Nella maggior parte dei casi, il tuo blog non ti avviserà quando gli utenti lasciano commenti di Facebook sul tuo sito, il che può essere frustrante. Poiché i commenti riguardano l'interazione sociale con potenziali clienti e campioni del marchio, è importante essere in grado di tenerli d'occhio.
Google Tag Manager può rendere questo processo molto più semplice, inviando commenti ai dati di Facebook Analytics. Puoi persino fare in modo che i dati dei commenti vengano visualizzati in Google Analytics come interazioni sociali, se questo è il tuo strumento di analisi preferito.
Quando monitori i commenti di Facebook tramite Google Tag Manager e li invii a Google Analytics, verranno visualizzati come eventi (come mostrato di seguito) in Google Analytics. In Google Tag Manager, puoi definire come vengono etichettati i tuoi eventi in modo da poterli monitorare.

Prima di iniziare la procedura per monitorare i commenti di Facebook, è importante capire che Google Tag Manager ha una serie di eventi predefiniti che può ascoltare sul tuo blog. Quando trova un evento, può utilizzare l'evento per attivare un tag.
Sebbene in Google Tag Manager puoi impostare tag personalizzati per tutto ciò di cui hai bisogno, quando si tratta di commenti di Facebook, prova a utilizzare gli elementi del modulo per impostare il trigger. Google Tag Manager considera la casella dei commenti come un campo modulo, il che significa che puoi spesso utilizzare la variabile di invio modulo. Questo è utile perché richiede meno codice.

Per tenere traccia dei commenti sul tuo sito web, e infine dei commenti di Facebook, lo farai impostare un tag che tenga traccia di tutti i moduli e poi modificare la configurazione.
Inizia creando un trigger per l'invio di moduli. Nel tuo spazio di lavoro, vai a Trigger e fare clic su Nuovo. Per il tipo di trigger, selezionare Invio modulo.

Il prossimo, digitare "Invio modulo" per il nome del trigger.Lascia deselezionata l'opzione Attendi tag e imposta il trigger in modo che si attivi su Tutti i moduli (tutte le pagine). Poi fare clic su Salva.

Il prossimo, creare un Google Analytics–Tag Universal Analytics con il tipo di monitoraggio Evento.

Nel tag, vorrai assegnare all'evento una categoria, un'azione e un'etichetta. Questi verranno utilizzati dal software di analisi per identificare ciò che sta accadendo come un evento, quindi essere descrittivo. I tag con un hit di non interazione False influenzeranno la durata della sessione e le frequenze di rimbalzo. In caso di dubbio, impostalo su True per i tag quindi non interferisce con le frequenze di rimbalzo.
Il prossimo, seleziona il trigger che hai appena creato. Ora stai monitorando tutti gli invii su tutti i moduli del tuo blog. Hai un tag che dice a Google Tag Manager dove trovare i dati (dall'analisi) e come chiamarli, e un trigger che gli dice quando attivarsi (quando le persone inviano un modulo).
Poiché ogni sito è unico, le aree dei commenti sui blog possono avere CSS diversi. Ciò significa che utilizzerai il trigger che hai appena creato per trovare i tuoi commenti di Facebook e ciò che li identifica in modo univoco, quindi creerai un trigger che è unico per questo tipo di commenti.
Per testare il tuo tag, fare clic su Anteprima nella parte superiore della pagina e apri una nuova finestra per visualizzare il tuo blog (e commenti). Vedrai una console nella parte inferiore dello schermo perché Google Tag Manager è in modalità di anteprima (a condizione che le tue impostazioni sulla privacy non lo blocchino). Questa console è visibile solo a te.

Vai ai commenti del tuo blog e digita un nuovo commento per verificare cosa accade quando utilizzi la funzione Commenti di Facebook.
Dai un'occhiata alla sezione Riepilogo sul lato sinistro della console. Se "gtm.formSubmit" appare come un evento nell'elenco con DOM pronto, Finestra caricata e così via dopo che hai inviato il tuo commento, questa sarà una semplice configurazione.

Il prossimo, fai clic sulla scheda Variabili all'interno del tuo evento. Utilizzerai una variabile per identificare la casella dei commenti di Facebook in Google Tag Manager. Cerca una variabile del modulo che sia unica per questa casella di commento. Il tuo identificatore univoco potrebbe essere Form Classes o Form ID.

Il prossimo passo è modifica il tuo triggerutilizzando le informazioni raccolte guardando la scheda Variabili nella console. Quello che scegli come identificatore univoco dipende da te, ma spesso la classe modulo o l'ID modulo possono essere utili.
Finora, il tag e l'attivatore che hai impostato dicono a Google Tag Manager di cercare in ogni pagina del tuo sito. Se vuoi che cerchi solo le pagine del tuo blog, puoi impostare la regola su L'URL della pagina contiene / blog, per esempio, come mostrato qui.

Selezionare la casella di controllo Verifica convalida e scrivi il tuo identificatore univoco per i commenti di Facebook (per visualizzare questo, Form Classes è uguale a fb-comment).

Salva le modifiche e poi accedere alla modalità Anteprima per verificare se l'attivatore si sta attivando e il tag funziona. Se il tag funziona, quando invii un commento, il tag che si è attivato (quando funziona) verrà visualizzato nella sezione Riepilogo nella parte inferiore della pagina. Se funziona, pubblica le modifiche.
Se gtm.formSubmit non viene mai visualizzato come evento quando visualizzi l'anteprima del tag di invio di Tutti i moduli, significa che il listener di eventi automatici del modulo di Google Tag Manager non può funzionare nella casella dei commenti. Le cose sono un po 'più complicate in questo caso, ma questo articolo su monitoraggio dei commenti con Google Tag Manager può essere d'aiuto, soprattutto se utilizzi caselle di commento apex o soluzioni più personalizzate.
# 4: misura le conversioni dal traffico di Facebook
L'impostazione delle informazioni di conversione in Google Tag Manager è piuttosto semplice. Come minimo, devi avere già un trigger che è il tuo ID pixel di Facebook. Allora puoi impostare il monitoraggio delle conversioni da Google Tag Manager che passerà a Facebookin Gestione eventi.
Potrai vedere determinati eventi di conversione lì, ad esempio quando qualcuno aggiunge un articolo al carrello o effettua un acquisto. Questi verranno visualizzati nella tua dashboard insieme al solito set di eventi che il tuo pixel di Facebook già traccia (come PageView) e saranno visibili come eventi nel tuo pixel. Queste conversioni da Facebook possono anche essere trasmesse a Google Analytics utilizzando obiettivi.

Perché funzioni, dovrai farlo apporta alcune piccole modifiche in Google Tag Manager per monitorare ciò che Facebook chiama eventi standard, che sono eventi importanti sul tuo blog o sito web. Questi possono includere:
- Visualizza il contenuto
- Ricerca
- Aggiungi al carrello
- Aggiungi alla lista dei desideri
- Avvia il checkout
- Aggiungi le informazioni di pagamento
- Effettua l'acquisto
- Piombo
- Completa la registrazione
Alcuni di questi eventi sono più importanti di altri a seconda del tipo di attività. Per un sito di e-commerce, ad esempio, tutti questi eventi sono cruciali per ridurre i carrelli abbandonati e condurre i clienti lungo il funnel di vendita.
Il monitoraggio di questi eventi standard richiede una parte di codice separata in un tag diverso. Per ogni evento che desideri monitorare, devi aggiungere un po 'di codice. Per illustrare, per monitorare un lead, digita il seguente codice e sostituisci NOME, CATEGORIA e VALORE con le tue informazioni:
;
Nota: non è necessario un content_name, una categoria o un valore. Questi sono solo segnaposto che puoi usare se ne hai bisogno.
Se desideri monitorare solo dati generici, funzionerà un codice evento di base, come mostrato di seguito:
;
Per creare questo tag in Google Tag Manager, creare un nuovo tag HTML personalizzato e incolla il tuo codice. Dovrai anche farlo decidi se desideri che si attivi su tutte le pagine o su un tipo specifico.
Assegna un nome al tag dopo l'evento che desideri monitorare e fare clic su Salva. Ora attendi circa 24 ore e questi dati di conversione dovrebbero apparire in Gestione eventi e analisi di Facebook (se hai impostato gruppi di origini eventi) in Eventi e entrate.

Suggerimento professionale: Assicurati che il trigger generale dei pixel di Facebook si attivi sempre per primo Puoi farlo impostandolo come file tag con priorità più alta.
Conclusione
L'installazione degli strumenti di Facebook tramite Google Tag Manager può essere utile se non hai accesso al codice per il tuo blog o sito web. Inoltre, può anche potenziare le tue analisi!
Cosa ne pensi? Quale di queste funzionalità di Facebook installerai con Google Tag Manager? Condividi i tuoi pensieri nei commenti qui sotto.
Altri articoli su Google Tag Manager:
- Scopri come utilizzare Google Tag Manager per aggiungere pixel di social media e script di monitoraggio al tuo blog o sito web.
- Scopri come creare segmenti di pubblico personalizzati avanzati di Facebook utilizzando Google Tag Manager.
- Esplora Google Tag Manager e il futuro dell'analisi.