Aller au contenu principal

Bloquer les intégrations YouTube jusqu'au consentement

Les intégrations YouTube déposent des cookies marketing/publicitaires dès que l'iframe se charge — même sans lecture automatique.

Étape 1 : Remplacer src par data-src​

<!-- Avant : se charge immédiatement -->
<iframe src="https://www.youtube.com/embed/VIDEO_ID"
  width="560" height="315" frameborder="0"></iframe>

<!-- Après : bloqué jusqu'au consentement marketing -->
<iframe
  data-src="https://www.youtube.com/embed/VIDEO_ID"
  data-consent-category="marketing"
  width="560" height="315"
  frameborder="0"
  allowfullscreen>
</iframe>

Étape 2 : Ajouter un placeholder (optionnel mais recommandé)​

Montrez aux utilisateurs ce qu'ils manquent et donnez-leur un accès rapide au consentement :

<div class="video-consent-wrapper" data-consent-category="marketing">
  <iframe
    data-src="https://www.youtube.com/embed/VIDEO_ID"
    data-consent-category="marketing"
    width="560" height="315" frameborder="0">
  </iframe>
  <div class="video-placeholder">
    <p>Cette vidéo nécessite des cookies marketing.</p>
    <button data-cf-action="accept-category" data-cf-category="marketing">
      Accepter et lire
    </button>
  </div>
</div>

Étape 3 : Utiliser le mode confidentialité améliorée de YouTube​

Même avec le consentement, utilisez le domaine sans cookie pour minimiser le suivi :

https://www.youtube-nocookie.com/embed/VIDEO_ID

Vérification​

Ouvrez DevTools → Réseau avant de consentir. Aucune requête vers youtube.com ou youtube-nocookie.com ne devrait apparaître. Après avoir accepté le consentement marketing, l'iframe doit se charger et la requête réseau doit apparaître.