Come si utilizza il monitoraggio delle conversioni

Con il monitoraggio delle conversioni (target), è possibile definire diversi tipi di target e visualizzarli nel Trackboxx.

In questo modo si ha la possibilità di monitorare e analizzare le azioni importanti, le visualizzazioni di pagina, le transazioni, ecc.

È possibile definire i seguenti obiettivi/conversioni:

Clic sui collegamenti ipertestuali
Pagine viste
Trasmissione di moduli come sondaggi o moduli di contatto

Una volta creati uno o più progetti target, questi vengono visualizzati nella parte inferiore della dashboard. Qui vengono visualizzati i seguenti dati:

Nome del progetto di destinazione (lo stabilite voi stessi)
Numero di completamenti (quante volte è stato attivato il progetto target nel periodo selezionato)
Valore (è possibile assegnare al progetto target un valore fisso, ad esempio 50) La somma dei valori viene emessa a questo punto
Tasso di conversione: è la percentuale di frequenza del progetto target, misurata rispetto al numero totale di pagine viste.

Importante! Negli esempi seguenti viene utilizzato un ID a titolo di esempio. Naturalmente è necessario utilizzare i propri ID per i progetti di destinazione.

Come posso utilizzare il monitoraggio delle conversioni?

Per poter utilizzare il monitoraggio delle conversioni, dovete innanzitutto selezionare il vostro sito web corrispondente e creare qui il vostro primo progetto target utilizzando il pulsante "Target". Procedere come segue:

Fare clic sulla ruota dentata in alto a destra
Quindi fare clic su Siti web
Ora cliccate sul pulsante "Destinazioni" del sito web desiderato.
Nella vista seguente, è possibile creare il primo progetto di destinazione utilizzando il pulsante "Crea progetto di destinazione".
Assegnare un nome al progetto di destinazione, ad esempio "Modulo di contatto chiamato".
Fornite una breve descrizione del vostro progetto target

Il progetto di destinazione è stato creato e ora vi verrà mostrato un codice nel formato seguente:

<script>
      trackboxx(trackGoal', 'U7MQN7GLSQ');
</script>Lingua del codice: HTML, XML (xml)

Questo codice è il fondamento di base e nei passi successivi descriveremo come è possibile personalizzarlo e integrarlo in base agli obiettivi desiderati.

Progetto di destinazione facendo clic sul link corrispondente

Esempio: Ad esempio, volete sapere quanto spesso viene cliccato il link al vostro modulo di contatto sul vostro sito web.

Esistono due modi per impostare questo progetto target.

1° evento Onclick

Ciò significa che un "evento" viene attivato non appena si fa clic sul link corrispondente.

Ora adattiamo il nostro frammento di codice come segue.

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

Se questo codice è stato inserito per il link corrispondente, viene attivata un'azione mirata per clic e visualizzata nel monitoraggio delle conversioni nella dashboard di Trackboxx.

Clic su e-mail e numeri di telefono

Naturalmente, anche i clic sui numeri di telefono o sulle e-mail possono essere tracciati in questo modo. Ecco 2 esempi di come il codice può essere integrato:

Indirizzo e-mail:

<a href="mailto:deine-email@webseite.de" onclick="trackboxx('trackGoal', 'U7MQN4GLSQ');">deine-email@webseite.de</a>Lingua del codice: HTML, XML (xml)

Numero di telefono:

<a href="tel:+4930123456789" onclick="trackboxx('trackGoal', 'U7MQN4GLSQ');">030 - 123 456 789</a>Lingua del codice: HTML, XML (xml)

Tracciamento dei link per i menu di WordPress con il metodo onclick

L'esempio precedente può ovviamente essere utilizzato senza problemi per i collegamenti ipertestuali che si trovano nel contenuto, ecc. Nel menu puro di WordPress, che è certamente il più utilizzato per il tracciamento dei link, questo non è così facile per impostazione predefinita. Ecco quindi una breve descrizione di una possibile integrazione.

Installare il plugin "Shortcode nei menu„
Dopo l'attivazione, richiamare il menu corrispondente tramite Design > Menu
Ora c'è una nuova selezione "Shortcode" sul lato sinistro.
Inserite qui un titolo e il codice di cui sopra, quindi cliccate su "Aggiungi al menu".

Il plugin ora visualizza il link nel menu, compreso lo script Trackboxx.

Invece di utilizzare il plugin, è possibile tracciare questi clic con JavaScript. Questo viene spiegato nella prossima sezione.

Tracciamento dei clic tramite JavaScript

Utilizzo di un ID CSS

È possibile personalizzare un collegamento ipertestuale sul proprio sito web assegnando un ID CSS univoco. Ad esempio:

<a href="/it/contatto/" id="kontakt-link">Contattateci</a>

Per risolvere questo collegamento, in questo esempio utilizziamo il seguente JavaScript:

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

Utilizzo di una classe CSS

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

La differenza tra le due versioni è che per un ID CSS si usa: document.getElementById e per una classe CSS document.getElementById.

Nel seguente articolo mostriamo in dettaglio come abbiamo implementato questa forma di monitoraggio delle conversioni in un sito web. Cliccate qui per l'articolo Istruzioni dettagliate sull'evento OneClick.

Progetti target per le visualizzazioni di pagina selezionate

Volete sapere con quale frequenza viene visitata una specifica sottopagina del vostro sito web? Questo è possibile con il monitoraggio delle conversioni di Trackboxx.

A tale scopo, si può collegare il seguente frammento di codice alla pagina corrispondente.

<script>
finestra.addEventListener('carico', (evento) => {
   trackboxx(trackGoal', 'U7MQN7GLSQ');
});
</script>Lingua del codice: HTML, XML (xml)

Utilizzate il vostro ID e per il valore della conversione potete inserire uno 0 o un altro valore.

Progetto target per l'invio dei moduli

Ad esempio, se si vuole monitorare la frequenza di invio di un modulo di contatto o di iscrizione a una newsletter, è possibile farlo con il seguente codice.

Se si ha accesso al codice html del modulo, è possibile utilizzare il seguente codice per l'invio.

<forma metodo="post" onsubmit="trackboxx('trackGoal', 'OOZSABWKHD');">
Lingua del codice: HTML, XML (xml)

Poiché questo non è possibile con molti moduli, è possibile utilizzare in alternativa il codice seguente per registrare l'invio riuscito:

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

Se non sapete come utilizzare le opzioni di cui sopra, la seguente opzione può essere una soluzione.

Dopo aver inviato con successo il modulo, si verrà reindirizzati a una nuova sottopagina, una pagina "Grazie" o "Inviato con successo". In questa pagina è possibile includere il codice per la visualizzazione di una pagina di successo, come descritto in "Progetto target per le visualizzazioni di pagina selezionate".

Tale reindirizzamento dopo l'invio di un modulo può essere facilmente implementato con la maggior parte dei plugin di WordPress, come Contact Form 7, wpForms o Formcraft.

Come si utilizza il monitoraggio delle conversioni?