Comment utiliser le suivi des conversions

Avec le suivi des conversions, il est possible de définir différents types d'objectifs et de les afficher dans ta trackboxx.

Cela te donne la possibilité de surveiller et d'évaluer les actions importantes, les pages vues, les conclusions, etc.

Les objectifs / conversions suivants peuvent être définis :

Clics sur les hyperliens
Pages vues
Transmission de formulaires tels que des enquêtes ou des formulaires de contact

Après avoir créé une ou plusieurs actions cibles, celles-ci sont affichées tout en bas de ton tableau de bord. Les données suivantes sont affichées ici :

Nom du projet cible (tu le définis toi-même)
Nombre de clôtures (combien de fois ton action ciblée a été déclenchée pendant la période sélectionnée)
Valeur (tu peux donner une valeur fixe à ton objectif, par ex. 50) La somme de la valeur est alors affichée à cet endroit.
Taux de conversion - il s'agit du pourcentage de fréquence de ton objectif, mesuré par rapport au nombre total de pages vues.

Important ! Dans les exemples suivants, nous utilisons un ID à titre d'exemple. Tu dois bien sûr utiliser tes propres ID pour tes propres projets cibles.

Comment utiliser le suivi des conversions ?

Pour pouvoir utiliser le suivi des conversions, tu dois d'abord sélectionner ton site web correspondant et créer ici ton premier objectif en cliquant sur le bouton "Objectifs". Pour ce faire, procède comme suit :

Clique sur la roue dentée en haut à droite
Clique ensuite sur Pages web
Maintenant, tu cliques sur le bouton "Destinations" de la page web souhaitée.
dans la vue suivante, tu peux créer ton premier projet cible en cliquant sur le bouton "Créer un projet cible".
Donne un nom à ton projet cible, par exemple "Formulaire de contact consulté".
Donne une brève description de ton projet

Ton projet cible est créé et un code au format suivant t'est maintenant présenté :

<script>
      trackboxx('trackGoal' (piste), 'U7MQN7GLSQ' (EN ANGLAIS));
</script>Langage du code : HTML, XML (xml)

Ce code est la base fondamentale et nous allons maintenant te décrire dans les étapes suivantes comment tu peux l'adapter et l'intégrer en fonction des objectifs que tu souhaites atteindre.

Projets cibles en cliquant sur un lien correspondant

exemple : Tu veux par exemple savoir à quelle fréquence le lien vers ton formulaire de contact est cliqué sur ton site web.

Il y a deux façons de mettre en place cette action ciblée.

1. événement Onclick

Cela signifie qu'un "événement" est déclenché dès que l'on clique sur le lien correspondant.

Nous adaptons maintenant notre extrait de code comme suit.

<a href="/contact/" onclick="trackboxx('trackGoal', 'U7MQN7GLSQ') ;">Contact</a>Langage du code : HTML, XML (xml)

Si ce code a été intégré pour le lien correspondant, un objectif par clic est déclenché et affiché dans ton suivi des conversions dans ton tableau de bord Trackboxx.

Clics sur les e-mails et les numéros de téléphone

Bien entendu, il est également possible de suivre de cette manière les clics sur les numéros de téléphone ou même sur les e-mails. Voici 2 exemples d'intégration du code :

Adresse électronique :

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

Numéro de téléphone :

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

Suivi des liens dans les menus WordPress via la méthode Onclick

L'exemple ci-dessus peut bien sûr être utilisé sans problème pour les hyperliens qui se trouvent dans le contenu, etc. Dans le menu WordPress pur, qui est certainement le plus souvent utilisé pour le suivi des liens, ce n'est pas aussi simple par défaut. Voici donc une brève description de l'intégration possible.

Installe le plugin "Shortcode dans les menus„
après l'activation, appelle ton menu correspondant via Design > Menus
sur le côté gauche, il y a maintenant un nouveau choix "Shortcode".
Tu donnes ici un titre et tu insères le code ci-dessus, puis tu cliques sur "Add to Menu".

Grâce au plugin, le lien dans le menu est maintenant édité, y compris le script Trackboxx.

Au lieu d'utiliser le plugin, tu peux aussi suivre de tels clics avec JavaScript. Ceci est expliqué dans la section suivante.

Suivi du clic par JavaScript

En utilisant un identifiant CSS

Tu peux personnaliser un hyperlien sur ton site web en lui attribuant un identifiant CSS unique. Par exemple

<a href="/fr/contact/" id="kontakt-link">Contact</a>

Pour accéder à ce lien, nous utilisons dans cet exemple le JavaScript suivant :

<script>
document.getElementById('lien de contact).addEventListener('click, () => {
   trackboxx('trackGoal' (piste), 'U7MQN7GLSQ' (EN ANGLAIS));
});
</script>Langage du code : HTML, XML (xml)

En utilisant une classe CSS

<script type='text/javascript>
document.querySelector('.lien-contact).addEventListener('click, () => {
   trackboxx('trackGoal' (piste), 'U7MQN7GLSQ' (EN ANGLAIS));
});
</script>Langage du code : HTML, XML (xml)

La différence entre les deux versions est que pour un CSS ID : document.getElementById et pour une classe CSS document.getElementById.

Dans l'article suivant, nous montrons en détail comment nous avons intégré cette forme de suivi des conversions sur un site web. Cliquez ici pour accéder à l'article Instruction détaillée sur l'événement OneClick.

Actions cibles pour les pages consultées sélectionnées

Tu souhaites savoir à quelle fréquence une sous-page spécifique de ton site web est consultée ? C'est également possible avec le suivi des conversions de Trackboxx.

Pour ce faire, lie l'extrait de code suivant sur la page correspondante.

<script>
window.addEventListener('load' (charge), (event) => {
   trackboxx('trackGoal' (piste), 'U7MQN7GLSQ' (EN ANGLAIS));
});
</script>Langage du code : HTML, XML (xml)

Utilisez ici votre propre ID et pour la valeur de la conversion, vous pouvez indiquer un 0 ou une autre valeur.

Actions ciblées pour l'envoi de formulaires

Si vous souhaitez par exemple surveiller la fréquence d'envoi d'un formulaire de contact ou l'abonnement à une newsletter, vous pouvez le faire avec le code suivant.

Si vous avez accès au code html de votre formulaire, le code suivant peut être utilisé pour l'envoi.

<formulaire méthode="post" onsubmit="trackboxx('trackGoal', 'OOZSABWKHD') ;">
Langage du code : HTML, XML (xml)

Comme cela n'est pas possible avec de nombreux formulaires, vous pouvez aussi utiliser le code suivant pour enregistrer l'envoi réussi :

<script>
sk('form, 'init' (en anglais), {
  onSuccess : fonction(config) {
   trackboxx('trackGoal' (piste), 'OOZSABWKHD' (EN ANGLAIS));
  },
  // ...
});
</script>Langage du code : HTML, XML (xml)

Si vous ne savez pas comment utiliser les options ci-dessus, l'option suivante peut être une solution.

Une fois que votre formulaire a été envoyé avec succès, vous êtes redirigé vers une nouvelle sous-page, en quelque sorte une page "Merci" ou "Envoyé avec succès". Sur cette page, vous intégrez le code de réussite de la page - comme décrit dans "Objectifs pour les pages vues sélectionnées".

La plupart des plugins WordPress, tels que Contact Form 7, wpForms ou Formcraft, permettent d'effectuer un tel redirect après l'envoi d'un formulaire.

Articles complémentaires :

Instruction détaillée sur l'événement OneClick - Explication étape par étape sur la manière d'intégrer le suivi des conversions avec la méthode OneClick

Suivre Google Ads / Facebook Ads par UTM - dans cet article, nous te montrons comment tu peux suivre et évaluer tes campagnes payantes chez Google ou aussi Meta/Facebook avec Trackboxx.