Comment ajouter un bandeau cookies aux landing pages Unbounce

Où coller la balise dans Unbounce

Le Script Manager d’Unbounce applique un script à toutes les pages d’un ou de plusieurs domaines personnalisés, y compris celles que vous publierez plus tard. Cliquez sur Settings dans le menu de gauche, puis Script Manager, puis Add a Script, et :

1. Nommez le script et cliquez sur Add Script Details.
2. Réglez Placement sur Head.
3. Réglez Included on sur les pages principales et les boîtes de dialogue de confirmation (les deux).
4. Collez la balise :

html
<script src="https://cookiequiet.com/cq.js" data-site="YOUR_SITE_KEY" data-consent-mode="1" data-auto-block="1" defer></script>

1. Cochez les domaines à droite et cliquez sur Save Changes.

Script Manager exige votre propre domaine personnalisé : Unbounce ne le prend pas en charge sur le domaine de test unbouncepages.com, connectez donc un domaine avant de mettre le bandeau en ligne.

Pourquoi les scripts des pages doivent être marqués

Unbounce documente que les scripts globaux de Script Manager se chargent après les scripts ajoutés dans les variantes de vos pages. Une balise Google ou un pixel Meta collé dans le panneau JavaScripts d’une page s’exécute donc avant Cookiequiet, et déposerait ses cookies avant que quiconque ait répondu au bandeau. Deux façons de corriger cela :

• Les marquer là où ils sont. Remplacez chaque balise d’ouverture par <script type="text/plain" data-cq-category="analytics"> (ou marketing pour les pixels publicitaires). Un script marqué ne s’exécute pas tant que Cookiequiet ne l’a pas lancé après le consentement, quelle que soit sa position.
• Les déplacer dans Script Manager, sous la balise Cookiequiet, marqués de la même façon, et les retirer des pages. Unbounce recommande de retirer les copies propres aux pages quand vous déplacez un script, pour qu’il ne s’exécute pas deux fois.

Pour la balise Google, les deux balises script changent :

html
<script type="text/plain" data-cq-category="analytics" src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script type="text/plain" data-cq-category="analytics">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXX');
</script>

Les scripts de conversion des boîtes de dialogue de confirmation ou des pages de remerciement doivent être marqués de la même façon. Si vous faites passer les balises Google par Google Tag Manager, le data-consent-mode="1" de Cookiequiet règle les valeurs par défaut de Google sur refusé, et son événement dataLayer cq_consent peut déclencher les balises ; voir le guide Google Tag Manager. D’autres cas figurent dans le guide pour bloquer les scripts jusqu’au consentement.

Le bandeau cookies d’Unbounce ou Cookiequiet ?

Unbounce a un bandeau intégré sous Settings, puis Cookie Banner, activé domaine par domaine. Il propose Accept All, Reject All et Manage Preferences, avec les catégories Strictly Necessary, Experience Consistency (le cookie qui montre à un visiteur qui revient la même variante A/B ou Smart Traffic), Analytics, Marketing et Preferences. Quand il est activé, Unbounce ne sert ses propres cookies qu’après le consentement, et il règle l’état de consentement de Google Tag Manager sur refusé jusqu’à ce que le visiteur choisisse. Unbounce en liste aussi les limites : le style du bandeau ne peut pas être modifié, il est en anglais sans réglage de traduction, et il ne gère pas les cookies tiers comme ceux des plateformes publicitaires.

Utilisez un seul bandeau par domaine. Si vous choisissez Cookiequiet, désactivez le bandeau d’Unbounce pour ce domaine et cliquez sur Publish. Gardez la contrepartie en tête : les cookies propres à Unbounce (cohérence des variantes A/B et comptage des visiteurs) ne sont contrôlés que par son bandeau, et sans lui ils sont déposés comme avant. En échange, vous obtenez un bandeau en 24 langues aux couleurs de votre marque, un registre des consentements, un scan des cookies et des politiques rédigées à partir de celui-ci, et Consent Mode v2 pour les balises que vous marquez. Le scanner de cookies gratuit liste de toute façon ce que vos pages déposent.

Comment ajouter le lien Préférences de cookies

Dans le Classic Builder, sélectionnez un lien texte ou un bouton, ouvrez son action, choisissez Go to URL, saisissez #cq-preferences et réglez la cible sur le même onglet, puis enregistrez et republiez. Unbounce documente le même procédé pour rouvrir son propre bandeau, et Cookiequiet ouvre son centre de préférences depuis tout lien qui a cette adresse.

Comment tester

1. Publiez, puis ouvrez une page de votre domaine personnalisé dans une fenêtre de navigation privée.
2. Cliquez sur Tout refuser et vérifiez les cookies dans les outils de développement : cq_consent et rien de Google ni de Meta.
3. Envoyez un formulaire et vérifiez la boîte de dialogue de confirmation : aucun pixel de conversion ne se déclenche avant le consentement.
4. Effacez les cookies, cliquez sur Tout accepter, rechargez : les balises marquées s’exécutent. Consultez le registre des consentements dans le tableau de bord.

Cookiequiet est gratuit pour un site, ciblage géographique compris, et Starter coûte 3 € par site et par mois sans limite de pages vues, quel que soit le trafic payant que reçoivent vos pages.