Dans l'exemple suivant, nous mettons en place un suivi des conversions pour les clics sur un élément de menu sur un site WordPress.
Dans notre exemple, nous souhaitons suivre tous les clics effectués sur l'élément de menu "Nouveau ici ?
Étape 1 - Création de la conversion chez Trackboxx
Pour ce faire, nous appelons l'aperçu des pages web via les paramètres (roue dentée) et sélectionnons le point "Destinations" pour la page web concernée.
Nous ajoutons ici une nouvelle action cible et lui donnons un nom approprié. Dans notre cas, cliquer sur "Nouveau ici ? - Menu principal.
Une fois le projet cible créé, nous avons maintenant l'extrait de code correspondant. L'élément le plus important ici est en effet l'ID dans le script.
Dans notre article "Comment utiliser le suivi des conversions"Tu trouveras ici les méthodes les plus diverses pour intégrer le script de conversion. Dans notre cas, j'explique ici l'événement "OneClick". Cela signifie que nous suivons le clic sur l'élément de menu grâce à l'identification unique (CSS Class) de l'élément de menu.
Dans le cas de WordPress, il n'est par exemple pas possible d'inscrire facilement notre code de conversion dans le menu, mais nous pouvons marquer l'élément de menu "unique" et le suivre sans problème.
Étape 2 - Ajouter une classe CSS pour l'élément de menu
Tout d'abord, tu appelles ton menu correspondant dans WordPress Admin via l'option Design - Menus.
Pour pouvoir ajouter une classe CSS, tu dois éventuellement activer cette option au préalable. Pour cela, clique tout en haut sur l'option "Personnaliser l'affichage" et coche la case "Classes CSS".
Après l'activation, nous avons maintenant un champ de saisie pour la classe CSS à l'option de menu correspondante et nous inscrivons ici dans notre cas par exemple "nouveau-ici" et enregistrons le tout.
Étape 3 - Adaptation et intégration du code de conversion
Nous prenons maintenant notre code de conversion et l'adaptons en conséquence. Il existe un format fixe pour l'intégration via le OneClick. Ces formats se trouvent également sur notre aperçu principal sur le thème Conversion Tracking.
Dans le code, nous devons insérer notre classe CSS unique et notre script final se présente donc ainsi :
<script type='text/javascript>
document.querySelector('.nouveau-ici).addEventListener('click, () => {
trackboxx('trackGoal' (piste), 'WNUXTLZ2GT);
});
</script>Langage du code : HTML, XML (xml)Information supplémentaire ! En principe, on a l'option d'utiliser soit un CSS ID soit une classe CSS pour l'identification univoque d'un point de menu ou d'un bouton. Avec WordPress, seule la classe CSS est possible directement dans le menu, c'est pourquoi nous utilisons ici dans le script document.querySelector au lieu de document.getElementById.
Si vous avez par exemple attribué un CSS ID, le code se présenterait comme suit :
<script>
document.getElementById('nouveau-ici).addEventListener('click, () => {
trackboxx('trackGoal' (piste), 'WNUXTLZ2GT);
});
</script>Langage du code : HTML, XML (xml)Important . Votre code a bien sûr un autre trackgoal : ID et selon ce que vous avez utilisé comme classe CSS, celle-ci doit également porter le nom correspondant.
Étape 4 - Intégration du code de conversion dans votre page
Dans notre cas, nous souhaitons en effet suivre le clic sur l'option de menu correspondante "sur toute la page". C'est pourquoi, dans notre cas, nous allons insérer le code dans le pied de page de la page.
Si vous souhaitez suivre un clic sur une page spécifique, il suffit bien sûr d'intégrer le script de conversion uniquement sur cette page.
L'intégration dans le pied de page est bien sûr possible avec WordPress en utilisant les méthodes les plus diverses :
- Intégration via un template + pagebuilder
- Intégration via un plugin, par exemple "Header Footer Script".
- Intégration via les paramètres du thème ou les paramètres du constructeur de pages
- Intégration via le thème enfant et functions.php
Dans notre cas, nous utilisons Elementor pour le site web et utilisons donc l'option "Custom Code".
Nous réglons ici le paramètre concernant le lieu sur </body> Fin.
Nous enregistrons le tout et avons ainsi terminé avec succès l'intégration du suivi des conversions. Les clics sur le bouton devraient maintenant être affichés dans les objectifs du tableau de bord Trackboxx.
