Aller au contenu principal

Bloquer les intégrations YouTube jusqu'au consentement

Les intégrations YouTube définissent des cookies marketing/publicitaires au moment où l'iframe se charge — même sans lecture automatique.

Étape 1 : Remplacez 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 : Ajoutez un espace réservé (optionnel mais recommandé)​

Montrez aux utilisateurs ce qu'ils ratent et donnez-leur un chemin rapide vers le 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 : Utilisez le mode confidentialité de YouTube​

Même avec 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 acceptation du consentement marketing, l'iframe devrait se charger et la requête réseau devrait apparaître.