Éviter le blocage de Google Tag Manager par Adblockers

Le blocage des publicités n'est en aucun cas une voie à sens unique, et l'impact du blocage des scripts de suivi s'étend bien au-delà des simples publicités.

Beaucoup de choses ont été faites sur les applications de blocage des publicités ces jours-ci, mais à quoi servent- elles vraiment pour vous ? L'une des raisons pour lesquelles les gens pourraient envisager de les installer sur leur appareil ou leur navigateur est à cause des publicités et des pop-ups ennuyeux qui apparaissent sur le site qu'ils ont eu accès.

Les bloqueurs de publicités fonctionnent en identifiant les scripts qui s'exécutent avant que les publicités apparaissent et empêchent ces pop-ups embêtants de s'ouvrir, nous disant que ce produit que nous regardons serait génial si seulement nos yeux étaient meilleurs ! Mais les publicités ne sont pas les seules à être affectées par les AdBlockers.

Dans cet article, je vais expliquer comment les bloqueurs de publicités peuvent affecter les scripts de suivi placés à l'aide de Google Tag Manager (GTM). Je montrerai également comment éviter le blocage de Google Tag Manager par AdBlocker et partagerai quelques conseils sur l'utilisation du suivi côté serveur.

Cet article n'encourage personne à suivre les utilisateurs sans leur autorisation. Vous devez toujours respecter les décisions des utilisateurs et demander leur accord avant de lancer des scripts de suivi.

Certaines personnes peuvent utiliser GTM à d’autres buts que le suivi (comme par exemple la mise en œuvre d'un balisage de schéma ou l'ajout d'un chat sur le site). Si GTM est bloqué, cela pourrait avoir l’influence négative sur les classements organiques ou l'expérience du client.

Comment les bloqueurs de publicité affectent Google Tag ManagerCopier le lien vers cette section

Adblocker est un logiciel ou une extension de navigateur qui peut modifier ou supprimer le contenu publicitaire des sites Web. Il peut bloquer la publicité, le suivi et d'autres contenus en utilisant des différentes méthodes. L'une des méthodes consiste à cibler l'URL d'où provient ce contenu.

Par défaut, la plupart des bloqueurs de publicités empêchent uniquement la diffusion des publicités. Cela peut se faire soit en connaissant l'URL du réseau publicitaire (à cause d'une base de données spécifique d'URL qui fait partie des réseaux publicitaires) soit en utilisant les noms de balises dans le code.

La configuration par défaut du bloqueur de publicités ne nuira pas à Google Analytics ou à Google Tag Manager. Ils bloqueront uniquement les publicités sur la page visitée par l'utilisateur.

Mais les utilisateurs peuvent ajuster les paramètres et demander à Ad Blocker de supprimer tous les scripts de suivi. Dans ce cas, Google Tag Manager ne fonctionnera pas. Cela signifie que tous les scripts de suivi que vous avez ajoutés dans le Tag Manager ne fonctionneront pas. Si vous ajoutez des scripts Google Analytics en dehors de Google Tag Manager, ils seront également bloqués.

Au cours des dernières années, de plus en plus de gens ont utilisé des bloqueurs de publicités pour échapper aux publicités. Étant donné que les paramètres avancés d'AdBlocker peuvent affecter GTM, vos balises seront également affectées. Les gens ne savent peut-être même pas qu'ils ont bloqué la possibilité de contacter l'assistance via le chat sur le site.

Comment éviter le blocage de Google Tag Manager par Ad BlockersCopier le lien vers cette section

1. Créez et configurez un conteneur de serveur Google Tag Manager.

2. Connectez-vous à votre compte stape.io -> Cliquez sur Power-ups -> Cliquez sur Config

3. Collez votre identifiant Web de Google Tag Manager. Une fois que vous avez cliqué sur Mettre à jour, vous verrez le code GTM modifié que vous devrez ajouter à votre site Web.

Dans ce code, vous allez remarquer que

https://www.googletagmanager.com/gtm.js

sera remplacé par (dans mon cas)

https://ss.wp-demo.stape.io/ottpwgmj.js

Ici, deux choses seront faites, le domaine googletagmanager.com sera remplacé par votre sous-domaine personnalisé (ss.wp-demo.stape.io dans mon cas), et gtm.js sera remplacé par ottpwgmj.js

 Cette modification permet d'éviter le blocage de Google Tag Manager par les bloqueurs de publicités.

4. Mettez à jour le code GTM sur votre site avec le code GTM que vous avez copié à partir de l'administrateur stape.io. Activez Ad Blocker et utilisez la console pour vérifier si GTM est bien chargé. Le code de Google Tag Manager n'a pas été bloqué, mais vous pouvez constater que la requête de Google Analytics a été quand-même bloquée. A la prochaine étape, je montrerai comment empêcher le blocage de Google Analytics.

5. Pour empêcher le blocage du script Google Analytics, vous devez configurer Google Analytics côté serveur. Si vous ajoutez tout simplement l’URL de transport à la balise GA dans le conteneur Web de Google Tag Manager, la plupart des bloqueurs de pub vont toujours bloquer les requêtes de GA.

Cette méthode a quelques étapes :

- Configurer Data Tag qui transmet les données utilisateur du Web au serveur GTM

- Configurer Data Client qui traite les requêtes Data Tag à l'intérieur du conteneur du serveur GTM.

 - Configurez la balise UA dans le conteneur du serveur qui fonctionnera sur les requêtes Data Client.

6. Ajoutez  Data Tag de la galerie de modèles Web GTM.   

7. Créez la nouvelle balise -> Type de balise Data Tag -> Sélectionnez le nom de l'événement -> Ajoutez l'URL du serveur GTM -> Ajouter un en-tête d'aperçu -> Si vous activez Send all (Envoyer à tous) à partir de DataLayer et Send Common Data (Envoyer des données communes), cela permettra à la balise de données d'envoyer toutes les informations qu'il peut trouver dans le GTM en connexion au serveur GTM. Ajoutez les données d'événement et d'utilisateur que vous souhaitez envoyer au conteneur du serveur.  

8. Ouvrez le conteneur du serveur -> téléchargez Data Client depuis Github -> Ouvrez l'onglet Templates et cliquez sur Add New dans la section Client Templates -> cliquez sur Save. 

9. Créez un nouveau Client -> Type de client Data Client

10. Créez la nouvelle balise -> Type de balise Universal Analytics -> Ajouter un identifiant de Universal Analytics.

11. Créez un déclencheur pour l'événement UA -> Type de déclencheur Custom (Personnalisé) -> Le nom du client est égal à Data Client

12. Ouvrez le mode aperçu des conteneurs Web et serveur GTM. Vous devriez voir cette Data Tag déclenchée dans le conteneur Web et le tag UA déclenchée dans le conteneur du serveur.

13. Si vous voyez que Data Tag et le tag UA se déclenchent dans le conteneur du serveur, publiez les conteneurs Web et serveur. Vous pouvez maintenant tester la configuration avec adblocker.

Activez de nouveau le mode aperçu du serveur GTM et copiez l'en-tête d'aperçu en cliquant sur trois points dans le coin supérieur droit et cliquez sur Envoyer la demande (Send request) à la main -> Copiez l'en-tête X-Gtm-Server-Preview HTTP.

Ouvrez le compte stape.io -> Cliquez sur Paramètres (Settings) -> Configuration Preview Header config-> Collez l’en-tête d’aperçu que vous avez copié à l'étape précédente.

Ouvrez votre site Web avec un bloqueur de publicités activé. Ouvrez la console et vérifiez si les requêtes de Data Tag ont bien fonctionné.

Vous devriez également voir que cette balise UA a déclenché dans l'aperçu Server GTM.

14. Pour tester le fonctionnement d'Universal Analytics, vous pouvez utiliser les rapports UA Real-Time.

Conclusion:Copier le lien vers cette section

Google Tag Manager n'est pas un outil de suivi par sa conception et peut être utilisé à de nombreuses autres fins que le suivi du comportement des utilisateurs sur le site. C'est pourquoi le GTM bloqué peut avoir un impact négatif sur Google Analytics, Facebook ou tout autre outil de suivi, mais peut aller bien au-delà.

Dans cet article de blog, j'ai montré comment utiliser Google Tag Manager côté serveur pour éviter le blocage GTM par Ad Blocker. Mais en fin de compte, c'est à vous de décider de configurer ou pas Google Tag Manager comme il est décrit dans cet article.