Traduction libre de l'article en espagnol de Hugo Avila (2 septembre 2017): Google Tag Manager en Gantry5
Utilisez-vous les outils de suivi de Google sur vos sites Web? Si vous ne le faites pas maintenant, vous manquez des statistiques précieuses sur l'utilisation et le comportement des visiteurs de votre page. Inutile de dire les avantages que vous pouvez obtenir lors de l'analyse des données et prendre des mesures pour améliorer les conversions, entre autres avantages.
Pour accomplir cette tâche, vous pouvez ajouter beaucoup de code Javascript avec les déclencheurs nécessaires sur les éléments clés comme les boutons d'achat, les liens de contact, etc. Généralement, c'est le suivi des éléments appelant à l'action (CTA - Call To Action).
Mais si vous ne voulez pas vous compliquer la vie, vous pouvez utiliser le système de gestion des balises (Google Tag Manager - GTM) , avec lequel vous pouvez créer les déclencheurs (ou activateurs) et les balises qui vous permettent le suivi, principalement via Google Analytics. C'est aussi utile pour un suivi plus approfondi d'Adwords et d'autres campagnes.
Comme vous pouvez le voir dans la documentation GTM , il vous faut entrer le code de suivi, une partie du code va dans <head>
, le reste doit être entré juste après avoir ouvert le <body>
.
Après tout ce petit préambule, nous aborderons le sujet de cet article, car Hugo Avila, alias hugoaf, gère facilement ces codes sur un template Joomla utilisant le framework Gantry5 en installant une particule de type d'atome dans le widget et en l'activant dans l'administration Gantry.
- Téléchargez l'Atom sur Github .
- Insérez les 2 fichiers (twig et yalm) dans
/templates/mon-template/custom/particles/
- Ouvrez le gestionnaire Gantry5, sélectionnez Base Outline, allez dans l'onglet Paramètres de la page et faites glisser et déposez l'atome "Google Tag Manager" en bas.
- Ouvrez l'atome pour le configurer et ajoutez l'ID du conteneur GTM-XXXXXXX. N'oubliez pas d'enregistrer vos modifications.
- Pour tester ses performances, hugoaf recommande le plugin Tag Assistand pour le navigateur Google Chrome .
Voilà, il vous suffit d'ouvrir votre gestionnaire GTM et de créer autant de déclencheurs et d'étiquettes que vous le souhaitez.