Comment ajouter un bandeau cookies à un site Duda

Où coller la balise dans Duda

Le code personnalisé de Duda est disponible à partir des offres Team. Dans le panneau latéral de l’éditeur, cliquez sur More, puis Settings, puis Header HTML. Le champ Head HTML ajoute du contenu dans le head de chaque page ; Body End HTML ajoute du code avant la balise body fermante. Collez la balise tout en haut de Head HTML, enregistrez et republiez :

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

Le champ du head accepte les balises <script>, <link> et <meta> ; Duda supprime les autres éléments placés là. Une page peut aussi avoir son propre Header HTML (Pages, l’icône des réglages de la page, puis SEO), réservé au code qui ne concerne que cette page.

Si une agence ou un revendeur gère votre site Duda, votre compte n’a peut-être pas accès au code. Demandez-lui d’ajouter la balise, ou de vous donner un accès développeur.

Pourquoi chaque script de suivi doit être marqué sur Duda

Duda documente qu’il optimise l’ordre de chargement du contenu et place les scripts et les bandeaux de consentement plus bas dans la page, et que les applications de consentement ne peuvent donc pas empêcher le code du Head HTML de s’exécuter avant le consentement. En pratique, sur Duda, vous ne pouvez pas compter sur le chargement de la balise avant les autres balises. Vous pouvez compter sur le marquage : un script avec type="text/plain" ne s’exécute jamais de lui-même, où que Duda le place, et Cookiequiet le lance après le consentement à sa catégorie.

Marquez donc chaque script de suivi de Head HTML, de Body End HTML et du Header HTML propre à une page. 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>

Le pixel Meta et le pixel TikTok reçoivent data-cq-category="marketing" ; un widget de chat reçoit functional. Le guide pour bloquer les scripts jusqu’au consentement montre les autres cas. Les vidéos placées dans un widget HTML peuvent utiliser data-cq-src à la place de src sur l’iframe, pour se charger après le consentement.

Si vous avez saisi un ID Google Analytics dans les réglages de Duda, Duda imprime cette balise lui-même et vous ne pouvez pas la marquer. Retirez-le à cet endroit et utilisez la balise marquée ci-dessus, ou faites passer les balises Google par Google Tag Manager avec Consent Mode.

Comment la notification de cookies propre à Duda interagit-elle ?

Les Privacy Settings de Duda (More, puis Settings, puis Privacy Settings) contiennent deux interrupteurs liés :

• Activate cookie notification affiche à chaque visiteur une notification indiquant que des informations sur sa visite sont collectées dans des cookies ; Duda ne décrit pour elle ni choix par catégorie ni enregistrement du consentement. Désactivez-la une fois Cookiequiet en ligne, pour que les visiteurs ne voient qu’un bandeau.
• Enable cookie tracking on this site est activé par défaut. Le désactiver arrête les statistiques propres à Duda et son intégration Google Analytics, empêche les règles de personnalisation d’ajouter des cookies et arrête le code de suivi que vous avez ajouté. Les widgets tiers comme les intégrations de réseaux sociaux déposent toujours des cookies, comme Duda le précise. La plupart des sites le laissent activé et laissent Cookiequiet retenir les balises ; ne le désactivez que si vous ne voulez aucune statistique Duda.

La page de confidentialité personnalisable de Duda (dans les mêmes réglages) est distincte des cookies ; les politiques de Cookiequiet, rédigées à partir du scan, peuvent la remplacer ou la compléter.

Comment ajouter le lien Préférences de cookies

Duda partage l’en-tête et le pied de page entre toutes les pages, et un widget HTML placé dans l’un ou l’autre apparaît partout. Faites glisser un widget HTML dans le pied de page et collez :

html
<a href="#cq-preferences" data-cq-show-preferences>Cookie preferences</a>

Comment tester

1. Republiez, puis ouvrez le site en ligne (pas l’aperçu de l’éditeur) 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. Effacez les cookies, cliquez sur Tout accepter, rechargez : les balises marquées s’exécutent.
4. Consultez le registre des consentements dans le tableau de bord Cookiequiet.

Les agences qui gèrent plusieurs sites Duda peuvent utiliser l’offre Agency, 19 € par mois pour 10 sites Pro et 5 places ; un site seul est gratuit, ciblage géographique compris, et Starter coûte 3 € par site et par mois.