Comment ajouter une bannière de témoins à WordPress (correctement)

La plupart des sites WordPress ont déjà une bannière de témoins. Beaucoup ne font pourtant rien : le message s’affiche, mais Google Analytics, le pixel Meta et d’autres balises sont déjà chargés en arrière-plan. Ce guide montre comment installer une bannière qui retient les traceurs jusqu’au choix du visiteur.

Ce qu’une bannière doit faire sur WordPress

Une bannière efficace a quatre rôles :

• Demander avant de suivre là où la loi l’exige, comme au Québec et dans l’Union européenne.
• Retenir les scripts qui déposent des témoins non essentiels jusqu’à ce que leur catégorie soit permise.
• Informer les balises Google du choix du visiteur grâce au mode de consentement v2.
• Garder la preuve de ce que chaque visiteur a choisi, et quand.

Si votre bannière actuelle ne fait que la première partie, le site recueille encore des données sans consentement.

Où placer le script

L’ordre compte. Le script de consentement doit s’exécuter avant toute balise qui dépose des témoins. Dans WordPress, c’est tout en haut du <head>, au-dessus de Site Kit, MonsterInsights, d’une extension de pixel ou d’un conteneur Google Tag Manager.

• Le fichier header.php de votre thème, juste après la balise head. Simple, mais une mise à jour peut l’effacer si vous modifiez un thème parent.
• Une petite extension ou un extrait de code branché sur wp_head avec la priorité 0 ou 1.
• Google Tag Manager, avec le déclencheur Initialisation du consentement. Voir notre guide Google Tag Manager.

Étape par étape

1. Créez votre compte et ajoutez le site. Inscrivez-vous, ajoutez votre domaine et laissez l’analyse dresser la liste des témoins et traceurs.
2. Copiez votre ligne de code. L’onglet d’installation affiche une balise script avec la clé de votre site.
3. Collez-la en haut du head. Utilisez header.php, un extrait branché sur wp_head en priorité 0 ou Google Tag Manager avec Initialisation du consentement.
4. Choisissez vos règles et votre style. Optez pour le consentement préalable au Québec et dans l’UE, réglez vos couleurs et vérifiez les textes.
5. Testez avant et après un choix. Dans une fenêtre privée, confirmez qu’aucun témoin d’analyse ou de publicité n’existe avant de cliquer sur Accepter.

Comment retenir les traceurs jusqu’au consentement

North Consent reconnaît les traceurs courants comme le pixel Meta, TikTok, LinkedIn Insight, Hotjar et Microsoft Clarity et les empêche de s’exécuter tant que leur catégorie n’est pas permise. Pour tout autre script, vous pouvez le marquer pour qu’il attende :

<script type="text/plain" data-nc-category="marketing">
  // votre balise ici
</script>

Les balises Google fonctionnent autrement. Elles se chargent, mais le mode de consentement leur indique de ne pas déposer de témoins tant que le consentement n’est pas donné. Consultez le guide du mode de consentement v2.

Cache et constructeurs de pages

WP Rocket, LiteSpeed Cache et le cache de l’hébergeur ne posent pas problème si la bannière détermine la région dans le navigateur plutôt que sur le serveur. Si vous utilisez un outil qui retarde le JavaScript, excluez le script de consentement pour qu’il ne soit jamais retardé.

Comment tester

Ouvrez le site dans une fenêtre privée, ouvrez les outils de développement et regardez l’onglet Application, section Cookies, avant de cliquer. Vous devriez voir seulement les témoins essentiels. Refusez, rechargez et vérifiez de nouveau. Acceptez enfin et confirmez que les témoins d’analyse apparaissent. Notre guide d’audit des témoins donne plus de détails.