Monitora campagne con Metricalp
In questo caso d'uso imparerai come monitorare le campagne con Metricalp secondo gli standard del settore e in modo personalizzato utilizzando parametri UTM e proprietà personalizzate nell'URL.
Non c'è dubbio che stiamo creando ottimi prodotti per i clienti. Poi dobbiamo raggiungerli e mostrare il nostro grande prodotto. Utilizziamo campagne per questo. Utilizziamo diversi canali come Google, Facebook, Instagram, X (Twitter), LinkedIn, ecc. Utilizziamo diversi tipi di campagne come ricerca, display, video, acquisti, installazione di app, coinvolgimento dell'app, generazione di lead, annunci dinamici, annunci a carosello, ecc. Vogliamo raggiungere il maggior numero possibile di potenziali clienti con le nostre campagne. Per fare questo, dobbiamo sempre ottimizzare e migliorare le nostre campagne. Dobbiamo tracciarle, analizzarle e intraprendere azioni basate sulla nostra analisi. Ma come possiamo fare questo? Whoop whoop, sì, Metricalp è la risposta.
Ci sono alcuni parametri standard del settore per le campagne. Questi si chiamano parametri UTM. I parametri UTM vengono utilizzati per monitorare l'efficacia delle campagne di marketing attraverso fonti di traffico e mezzi di pubblicazione. Vengono allegati alla fine degli URL e vengono letti da strumenti di analisi come Metricalp. I cinque parametri UTM standard sono:
- utm_source: La fonte di traffico, come Google, Facebook o newsletter.
- utm_medium: Il mezzo di traffico, come social, email o CPC.
- utm_campaign: Il nome della campagna, come summer_sale o new_product_launch.
- utm_term: La parola chiave del traffico, come running+shoes o email+marketing.
- utm_content: Il contenuto del traffico, come ad_variant_a o email_variation_1.
Abbiamo progettato Metricalp per lavorare con questi parametri UTM. Quando un cliente visita il tuo sito web con uno di questi parametri, verrà automaticamente allegato agli eventi.
Ma puoi anche usare i tuoi parametri personalizzati per tracciare le tue campagne. Mostreremo il metodo standard del settore e il metodo dei parametri personalizzati di seguito.
Bene, iniziamo con il metodo standard del settore. Puoi utilizzare i parametri UTM nei tuoi URL per tracciare le tue campagne. Crealo o meno, è tutto ciò che devi fare. Metrical si occupa del resto. Quindi, quando hai un sito web come myawesomewebsite.com e vuoi tracciare la tua campagna, assicurati che la tua campagna reindirizzi il tuo sito web con parametri UTM. Ad esempio, se hai una campagna chiamata "summer_sale" e stai usando Google Ads per questo, puoi usare un URL come questo:
https://myawesomewebsite.com/?utm_source=google&utm_medium=cpc&utm_campaign=summer_sale
Quando un cliente fa clic su questo URL, Metricalp allega automaticamente questi parametri agli eventi. Vedrai questi parametri nel tuo cruscotto nella scheda Fonti. Guarda l'immagine di copertura di questo post come esempio. È direttamente da Metricalp, stiamo utilizzando parametri UTM nelle nostre campagne. Attualmente abbiamo molte campagne su X (Twitter) e alcune campagne Google Ads. La nostra convenzione di denominazione delle campagne è come "x" (significa Twitter) "ma" (significa Metricalp) e il numero dell'annuncio della campagna, quindi è come "xma12". Se controlli l'immagine di copertura, puoi vedere che abbiamo prodotto molte visite attraverso la campagna xma5. Ora stiamo cercando di ottimizzare le nostre altre campagne basandoci sugli aspetti di quella campagna xma5. Questo è un caso molto semplice in cui stiamo utilizzando Metricalp per Metricalp.
C'è un dettaglio in questo punto (come sempre). Se il tuo sito web è un sistema basato su JavaScript come React, NextJS, Angular, Nuxt, ecc., lo script di Metricalp verrà caricato una sola volta. Quindi, i parametri UTM verranno letti dall'URL da Metricalp e allegati a tutti gli eventi prodotti. Ad esempio, i primi eventi screen_view, i successivi eventi screen_view (navigazione) e l'evento click_buy. Ma se stai usando un sito lato server o statico come Wordpress, PHP, HTML puro, ecc., lo script di Metricalp verrà caricato di nuovo e di nuovo in ogni routing (navigazione). Quindi, nel primo evento screen_view, i parametri UTM verranno allegati all'evento, ma quando l'utente naviga a una pagina diversa e se non stai allegando gli stessi parametri UTM a tutti i nuovi URL, perderai i parametri UTM. Quindi, non li avrai per gli eventi click_buy, per esempio. Ma, non sarebbe fantastico? Sappiamo quale campagna porta quanti clienti, ma sarebbe ancora meglio se sapessimo quale campagna ha provocato più eventi click_buy (vendite). Questo è fondamentalmente marketing 😎 Vediamo come possiamo realizzarlo per i sistemi lato server/statici.
Ci avvarremo di un vecchio amico "sessionStorage". Manteniamo i parametri UTM all'interno del sessionStorage, che è un'API di memorizzazione dei dati disponibile nel browser. È simile a localStorage, ma i dati memorizzati nel sessionStorage vengono eliminati quando la sessione della pagina termina. Una sessione della pagina dura finché il browser è aperto e sopravvive ai ricaricamenti della pagina e ai ripristini. Quindi possiamo mantenere i parametri UTM nel sessionStorage e allegarli agli eventi. Vediamo come possiamo fare questo.
<script>
let utmCampaign = sessionStorage.getItem('utm_campaign');
if (!utmCampaign) {
const urlParams = new URLSearchParams(window.location.search);
utmCampaign = urlParams.get('utm_campaign');
if (utmCampaign) {
sessionStorage.setItem('utm_campaign', utmCampaign);
}
}
window.metricalp = window.metricalp || {
queue: [],
sharedCustomProps: {
_global: {
utm_campaign: utmCampaign ?? undefined
},
},
event: function (e) {
this.queue.push(e);
},
};
</script>
<script src="https://cdn.metricalp.com/event/metricalp.js" data-tid="YOUR_TID" async></script>
Ora, stiamo controllando se utm_campaign è presente nel sessionStorage. Se non lo è, stiamo controllando l'URL per esso. Se è presente nell'URL, lo conserviamo nel sessionStorage. Poi lo passiamo globalmente a tutti gli eventi. Questo è meglio che passare gli stessi parametri UTM a tutti gli URL. Non disordine i tuoi URL. Puoi utilizzare questo approccio per parametri diversi (altri parametri UTM e/o parametri personalizzati) e scenari.
Applichiamolo ai parametri URL personalizzati. In questo caso, i nostri framework basati su JS devono anche analizzare i nostri parametri dell'URL. Supponiamo di avere un parametro dell'URL personalizzato chiamato "very_custom_param" e vogliamo allegarlo a tutti gli eventi.
<script>
let veryCustomParam = sessionStorage.getItem('very_custom_param');
if (!veryCustomParam) {
const urlParams = new URLSearchParams(window.location.search);
veryCustomParam = urlParams.get('very_custom_param');
if (veryCustomParam) {
sessionStorage.setItem('very_custom_param', veryCustomParam);
}
}
window.metricalp = window.metricalp || {
queue: [],
sharedCustomProps: {
_global: {
custom_prop4: veryCustomParam ?? undefined
},
},
event: function (e) {
this.queue.push(e);
},
};
</script>
<script src="https://cdn.metricalp.com/event/metricalp.js" data-tid="mam48" async></script>
Molto simile al frammento di codice sopra. Ma questa volta abbiamo passato il nostro parametro personalizzato come proprietà personalizzate (abbiamo preferito custom_prop4). Così semplice. Ora per gli eventi screen_view o click_buy o qualsiasi evento avrai questo parametro personalizzato.
Abbiamo usato custom_prop4 sopra, ma puoi sempre definire alias di prop personalizzati per avere props più leggibili in Metricalp. Consulta la documentazione su eventi e proprietà personalizzate per i dettagli.
Questo è tutto. Abbiamo imparato come catturare i parametri dell'URL e usarli come props con i tuoi eventi. Abbiamo anche imparato che Metricalp fa questo automaticamente nella maggior parte degli scenari per standard del settore come i parametri UTM. Ma abbiamo mostrato come espandere questo per sistemi statici / lato server. Speriamo che tu possa ottenere migliori approfondimenti con questo approccio. Se hai domande o hai bisogno di aiuto, puoi sempre contattarci tramite la pagina di contatto.