Google Tag Manager - Suivi avancé

Il est temps d'examiner certains scénarios complexes, dans lesquels vous pouvez suivre les éléments critiques pour l'entreprise. Nous verrons comment créer un événement personnalisé, qui n'est pas prédéfini ou disponible par défaut.

Dans ce chapitre, nous examinerons -

  • Implémentation d'événements personnalisés
  • Suivi du défilement de la souris

Implémentation d'événements personnalisés

Il y aura des cas où vous voudrez peut-être créer un événement, qui est différent des événements disponibles dans GTM. Pour ce faire, nous devrons créer un événement personnalisé, qui utilise les variables existantes de la couche de données.

Considérez le scénario lorsque nous cliquons sur le lien interne créé précédemment. Créons un événement personnalisé appelé urlClick, qui lira la variable de couche de données gtm.elementurl.

Step 1- Pour ce faire, créons une variable appelée urlName depuis la section Variables. En utilisant le processus habituel, créez la variable.

Ci-dessus, un exemple de variable de couche de données - urlName.

Maintenant, nous allons utiliser cette variable pour créer notre événement personnalisé. L'événement personnalisé sera utilisé lorsque nous créerons le déclencheur. Voir la capture d'écran suivante pour référence.

Step 2- Créez un déclencheur pour se déclencher sur l'événement déjà présent, en cliquant sur le lien interne. Sous Nom de l'événement, spécifiez gtm.linkClick.

Maintenant, créons le tag.

Step 3- Suivez le même processus pour créer le tag. Voici les détails -

  • Type de tag - Universal Analytics
  • Type de piste - Événement
  • Catégorie - Clic sur le lien
  • Action - Cliquez sur

Step 4 - Pour l'étiquette, utilisez l'étiquette récemment créée, urlName.

Step 5- Une fois terminé, cochez Activer les paramètres de remplacement dans cette balise. Dans la zone de texte ID de suivi, saisissez votre code de suivi Google Analytics.

Lorsque vous sélectionnez un déclencheur, assurez-vous de sélectionner le déclencheur récemment créé - URL cliquée.

Step 6- Enregistrez le tag. Cliquez sur Aperçu pour voir les modifications dans votre blog.

Step 7- Ctrl + clic sur le lien interne. Vous devriez pouvoir voir l'événement gtm.linkClick dans la zone Résumé. En outre, vous devriez voir la balise déclenchée comme indiqué dans la capture d'écran suivante.

De cette manière, nous pouvons utiliser les événements existants pour créer nos propres événements personnalisés et réussir le suivi des contrôles souhaités.

Suivi du défilement de la souris

Lorsqu'il s'agit d'engager les utilisateurs sur le blog, un spécialiste du marketing peut vouloir détecter un défilement de la souris. La détection du défilement de la souris est essentielle car elle nécessitera d'autres actions, telles que l'affichage d'un lien vers une newsletter ou le déclenchement d'une fenêtre contextuelle offrant une sorte de réduction sur le produit.

En utilisant Google Tag Manager, nous pouvons facilement suivre l'événement de défilement. Pour cela, nous devons utiliser un code tiers, que nous utiliserons lors de la création d'une balise.

Le code est disponible à cet endroit. Nous l'utiliserons lors de la création d'un tag.

Step 1- Créez un déclencheur. Nous appellerons ce déclencheur - un déclencheur de défilement.

Reportez-vous à l'image suivante pour la configuration du déclencheur.

Step 2- Configurer le type de déclencheur - Prêt pour DOM. Autoriser l'activation de ce déclencheur - Tous les événements DOM Ready.

Step 3 - Cliquez sur ENREGISTRER une fois terminé avec les étapes ci-dessus.

Maintenant, créons le tag.

Step 4 - Cette fois, lors de la création d'une balise, sélectionnez un autre type de suivi comme indiqué dans la capture d'écran suivante.

Step 5 - Lorsque le HTML personnalisé est sélectionné, il affichera un espace pour entrer le code HTML.

Step 6- Entrez le code tel que copié à partir de ce lien.

Step 7- Faites défiler vers le bas pour configurer le déclencheur. Le déclencheur que nous avons récemment créé (Scroll Trigger ci-dessus) doit être sélectionné.

Step 8 - Cliquez sur ENREGISTRER.

Step 9- Maintenant, démarrez le débogueur GTM et actualisez la page du blog. Vous verrez deux changements majeurs dans la section Résumé et balise.

Step 10 - Maintenant, faites défiler vers le bas pour voir le reste du blog, quelques événements supplémentaires seront déclenchés.

  • ScrollDistance
  • ScrollTiming

Ces événements seront éventuellement utilisés pour détecter l'emplacement du défilement de la souris et prendre d'autres mesures en conséquence.