Monitoraggio delle conversioni Trackboxx

Con il Conversion Tracking di Trackboxx puoi misurare quali azioni compiono i visitatori sul tuo sito web, ad esempio clic su link importanti, moduli inviati o visualizzazioni di determinate pagine.
Questi dati ti aiutano a valutare con precisione il successo delle tue attività di marketing e del tuo sito web.

Quali tipi di conversione può registrare Trackboxx?

Trackboxx supporta i seguenti eventi:

• Clic su link, pulsanti o voci di menu
• Visite a determinate pagine (ad es. una pagina di ringraziamento)
• Invio del modulo
• Eventi JavaScript personalizzati

Ogni transazione viene visualizzata nella dashboard con i seguenti dati:

• Nome del progetto
• Numero di scatti
• Valore (facoltativo)
• Tasso di conversione nel periodo selezionato

1. Creare una conversione

Come creare un nuovo obiettivo:

1. Clicca sull'icona a forma di ingranaggio in alto a destra
2. Seleziona siti web
3. Seleziona il sito web e clicca su Obiettivi
4. Clicca su Creare un obiettivo
5. Assegna nome e descrizione
6. Riceverai un codice simile a questo:

Questo ID di base verrà successivamente integrato negli esempi di codice appropriati.

2. Monitoraggio dei clic

Puoi tracciare i clic in diversi modi.
Trackboxx consiglia la Variante JavaScript, poiché è più stabile, flessibile e conforme al GDPR.

2.1 Monitoraggio dei clic tramite JavaScript

a) Tracciamento tramite un ID CSS

<a href="/contatto/" id="link di contatto">Contattateci</a>
Lingua del codice: HTML, XML (xml)

Codice di tracciamento:

<script>
documento.getElementById(link di contatto).addEventListener('click', () => { trackboxx(trackGoal', 'IL TUO ID');
});
</script>
Lingua del codice: HTML, XML (xml)

b) Tracciamento tramite una classe CSS

<script>
documento.querySelector('.contact-link').addEventListener('click', () => { trackboxx(trackGoal', 'IL TUO ID');
});
</script>Lingua del codice: HTML, XML (xml)

⚠️ Avviso:
querySelector() traccia solo il primo elemento con questa classe.

Per più elementi contemporaneamente:

<script>
documento.querySelectorAll('.contact-link').forEach(el => { el.addEventListener('click', () => { trackboxx(trackGoal', 'IL TUO ID');
    });
});
</script>
Lingua del codice: HTML, XML (xml)

2.2 Tracciamento dei clic con reindirizzamento immediato (link esterni, download, mailto, tel)

Se un link rimanda alla pagina lascia immediatamente, il browser a volte non riesce a inviare il tracciamento in tempo.

Soluzione:
► Ritardare brevemente l'inoltro e solo dopo il tracciamento eseguire.

Esempio:

<script>
documento.querySelectorAll('.link esterno').forEach(el => { el.addEventListener('click', (e) => { e.preventDefault(); trackboxx(trackGoal', 'IL TUO ID'); setTimeout(() => {
      finestra.location = el.href; }, 150);
  });
});
</script>
Lingua del codice: HTML, XML (xml)

Consigliato per:

• collegamenti esterni
• Download PDF
• Link Mailto
• Tel-Links
• Link di affiliazione

2.3 Tracciamento dei clic tramite HTML inline (onclick)

Questo metodo funziona, ma non è ottimale:

<a href="/contatto/" onclick="trackboxx('trackGoal', 'IL TUO ID');">Contattateci</a>
Lingua del codice: HTML, XML (xml)

⚠️ Svantaggi:

• difficile da riparare
• viene spesso sovrascritto dai page builder
• tecnicamente impreciso

Raccomandazione: JavaScript invece che inline.

3. Visualizzazioni di pagina (conversioni di visualizzazioni di pagina)

Per misurare la frequenza con cui viene visualizzata una determinata pagina:

<script>
documento.addEventListener('DOMContentLoaded', () => { trackboxx(trackGoal', 'IL TUO ID');
});
</script>
Lingua del codice: HTML, XML (xml)

Ideale per:

• Pagine di ringraziamento
• Conferme d'ordine
• Pagine inviate con successo

4. Monitoraggio dei moduli

Ci sono tre modi:

4.1 Monitorare il modulo tramite onsubmit (se l'accesso è possibile)

<forma onsubmit="trackboxx('trackGoal', 'IL TUO ID');">
Lingua del codice: HTML, XML (xml)

Semplice: funziona ovunque sia possibile modificare l'HTML.

4.2 Monitoraggio dell'invio dei moduli tramite JavaScript

Se è necessario eventListener:

<script>
documento.querySelector('Modulo di contatto #').addEventListener('invia', () => { trackboxx(trackGoal', 'IL TUO ID');
});
</script>
Lingua del codice: HTML, XML (xml)

4.3 Sistemi di moduli con logica di successo propria (ad es. smart builder)

<script>
sk('modulo', 'init', {
  onSuccess: funzione() { trackboxx(trackGoal', 'IL TUO ID');
  }
});
</script>
Lingua del codice: HTML, XML (xml)

→ corretto per gli strumenti che dispongono di un proprio hook „success“.

4.4 Tracciamento tramite pagina di ringraziamento (fallback)

Se nessuna di queste soluzioni funziona:

1. Modulo inviato con successo
2. Reindirizzamento alla nuova pagina (ad es. /grazie/)
3. Utilizzare il codice di tracciamento delle visualizzazioni di pagina su questa pagina

Questa è la soluzione più universale.

5. Monitoraggio specifico per WordPress

5.1 Tracciamento dei clic sul menu tramite classe CSS

La voce di menu WordPress riceve ad esempio:

Classe CSS: nuovo qui
Lingua del codice: HTTP (http)

Monitoraggio:

<script>
documento.querySelector('.new-here').addEventListener('click', () => { trackboxx(trackGoal', 'IL TUO ID');
});
</script>
Lingua del codice: HTML, XML (xml)

Generatore automatico di codici di conversione

// Inserisci prima il tuo ID di conversione.

Articoli correlati:

Monitorare Google Ads / Facebook Ads tramite UTM – In questo articolo ti mostriamo come monitorare e valutare le tue campagne a pagamento su Google o Meta/Facebook con Trackboxx.