# YouTube, Google Maps et autres contenus intégrés : les charger après le consentement

> Pourquoi les vidéos, cartes et publications de réseaux sociaux intégrées nécessitent un consentement, pourquoi youtube-nocookie.com ne suffit pas et comment créer un espace réservé accessible, chargé au clic.

Source: https://www.cookiesh.eu/fr/blog/embedded-content-and-consent  
Published: 2026-10-29

## Key takeaways

- Les vidéos YouTube, les cartes Google Maps, les publications de réseaux sociaux et les widgets similaires intégrés chargent du code tiers qui peut déposer des cookies et envoyer des données sur le visiteur au fournisseur dès l'affichage de la page.
- Le mode de confidentialité avancé de YouTube, sur youtube-nocookie.com, limite la personnalisation, mais le lecteur se charge toujours depuis Google : ce n'est donc pas une exemption de consentement.
- Selon l'arrêt Fashion ID de la CJUE, un site qui intègre du contenu tiers peut être responsable conjoint du traitement des données collectées et transmises par son intermédiaire.
- Un espace réservé chargé au clic affiche un aperçu local et ne charge le véritable contenu intégré que lorsque le visiteur le demande ou a déjà donné son consentement.
- Le chargement au clic améliore aussi les performances, car les lecteurs tiers volumineux ne se chargent que lorsque quelqu'un les demande.

Les vidéos YouTube, les cartes Google Maps et les publications de réseaux sociaux intégrées chargent du code tiers dès l'affichage de la page, et ce code peut déposer des cookies et envoyer des données sur le visiteur au fournisseur. Pour les intégrer légalement dans l'UE et au Royaume-Uni, affichez d'abord un espace réservé local et ne chargez le véritable contenu intégré qu'après que le visiteur a donné son consentement ou cliqué pour le charger. Le mode de confidentialité avancé de YouTube aide, mais il ne remplace pas le consentement.

## Pourquoi les contenus intégrés nécessitent-ils un consentement ?

Un contenu intégré est une fenêtre ouverte sur le site de quelqu'un d'autre. Lorsque le navigateur affiche une iframe provenant de youtube.com ou de google.com, il demande la page, les scripts et les images du fournisseur, transmet l'adresse IP et les informations du navigateur du visiteur, et laisse le fournisseur lire et écrire ses propres cookies et son propre stockage. Rien de tout cela n'attend votre bandeau.

Les contenus intégrés sont donc soumis aux mêmes règles de consentement que les scripts de suivi. Stocker ou lire des informations sur l'appareil du visiteur à des fins autres que strictement nécessaires exige un consentement, quelle que soit la technologie employée ; voir [le consentement aux cookies couvre-t-il le localStorage, les pixels et le fingerprinting ?](/fr/blog/consent-beyond-cookies) pour la portée exacte de cette règle.

Vous êtes aussi responsable du choix d'intégrer un contenu. Dans l'arrêt *Fashion ID* (C-40/17), la CJUE a jugé qu'un site web ayant intégré le bouton « J'aime » de Facebook était responsable conjoint du traitement avec Facebook pour la collecte des données du visiteur et leur transmission à Facebook. Le même raisonnement s'applique aux autres contenus intégrés qui envoient des données à leur fournisseur.

## youtube-nocookie.com suffit-il ?

Non. Avec le mode de confidentialité avancé de YouTube, que l'on active en remplaçant le domaine d'intégration par `www.youtube-nocookie.com`, les vues de la vidéo intégrée ne servent pas à personnaliser l'expérience YouTube de l'internaute ni les publicités qu'il voit ailleurs. C'est une réelle amélioration.

Ce mode n'empêche ni le lecteur de se charger depuis les serveurs de Google, ni l'utilisation du stockage du navigateur, et les données du visiteur parviennent toujours à Google au chargement de l'iframe. Utilisez le mode de confidentialité avancé comme URL à charger après le consentement, pas comme une raison de charger le lecteur sans consentement.

## Que charge chaque contenu intégré courant ?

Chaque grand fournisseur de contenus intégrés charge son propre code et peut définir ses propres identifiants. Ce tableau présente les alternatives habituelles qui ne nécessitent pas de consentement.

| Contenu intégré | Ce qui se charge avant toute interaction | Alternative sans consentement |
| --- | --- | --- |
| Vidéo YouTube | Page du lecteur, scripts, miniatures, cookies ou stockage Google | Miniature auto-hébergée avec un bouton de chargement au clic |
| Vidéo Vimeo | Page du lecteur, scripts, mesure d'audience | Miniature auto-hébergée, ou option « do not track » du lecteur Vimeo après avoir vérifié ce qu'elle couvre |
| Google Maps | Tuiles de carte, scripts, cookies Google | Image statique de la carte et lien pour obtenir l'itinéraire |
| Publications de réseaux sociaux (X, Instagram, Facebook) | Script du fournisseur qui réécrit la publication | La version HTML statique de repli fournie par le fournisseur |
| Widgets de chat et de réservation | Script du fournisseur, souvent avec suivi de session | Un bouton qui ouvre le widget à la demande |

## Comment créer un espace réservé chargé au clic ?

Affichez un espace réservé qui ressemble au contenu intégré, explique ce qui va se passer et contient un véritable bouton. Conservez l'URL du contenu intégré dans un attribut data afin que le navigateur ne la demande pas.

```html
<div class="embed" data-consent="marketing"
     data-embed-src="https://www.youtube-nocookie.com/embed/VIDEO_ID?autoplay=1"
     data-embed-title="Vidéo de démonstration du produit">
  <img src="/images/demo-thumbnail.jpg" alt="" width="560" height="315">
  <p>Cette vidéo est hébergée par YouTube. La lire charge du contenu depuis Google,
     qui peut déposer des cookies. <a href="/cookie-policy">En savoir plus</a></p>
  <button type="button" class="embed-load">Lire la vidéo</button>
  <label><input type="checkbox" class="embed-remember"> Toujours autoriser les vidéos YouTube</label>
</div>
```

Remplacez ensuite l'espace réservé par l'iframe au clic, ou remplacez tous les espaces réservés d'une catégorie dès que le visiteur donne son consentement via votre bandeau :

```js
function loadEmbed(placeholder) {
  const frame = document.createElement('iframe');
  frame.src = placeholder.dataset.embedSrc;
  frame.title = placeholder.dataset.embedTitle;
  frame.width = '560';
  frame.height = '315';
  frame.allow = 'autoplay; encrypted-media; picture-in-picture';
  frame.allowFullscreen = true;
  placeholder.replaceWith(frame);
  frame.focus(); // garder les utilisateurs du clavier là où ils étaient
}

document.addEventListener('click', (event) => {
  const button = event.target.closest('.embed-load');
  if (!button) return;
  const placeholder = button.closest('.embed');
  if (placeholder.querySelector('.embed-remember')?.checked) {
    grantConsent(placeholder.dataset.consent); // votre couche de consentement⍽; charge le reste
  }
  loadEmbed(placeholder);
});

// À appeler depuis les gestionnaires de votre bandeau lorsqu'une catégorie est accordée
function activateEmbeds(category) {
  document.querySelectorAll(`.embed[data-consent="${category}"]`).forEach(loadEmbed);
}
```

Quelques détails font la différence entre un espace réservé qui fonctionne et un espace réservé qui agace :

- **Hébergez vous-même l'image d'aperçu.** Charger directement la miniature de YouTube envoie une requête à Google avant tout choix.
- **Réservez l'espace.** Donnez à l'espace réservé les mêmes dimensions que l'iframe pour éviter un décalage de mise en page lors du remplacement.
- **Nommez le fournisseur.** C'est une mention précise (« hébergée par YouTube ») qui fait du clic un choix éclairé.
- **Enregistrez les choix durables.** Si le visiteur coche « toujours autoriser », enregistrez ce choix via votre couche de consentement et consignez-le, comme tout choix effectué dans le bandeau.

Pour le principe général du blocage des scripts, voir [comment bloquer les scripts tiers jusqu'au consentement](/fr/blog/block-scripts-until-consent).

## Comment gérer les publications de réseaux sociaux et les cartes ?

La plupart des contenus intégrés de réseaux sociaux proposent déjà une version statique de repli. Une publication intégrée de X, par exemple, est un `blockquote` contenant le texte de la publication, que le script du widget du fournisseur transforme ensuite en carte enrichie. Conservez le blockquote et ne chargez le script du widget qu'après le consentement :

```html
<blockquote class="twitter-tweet">
  <p>Texte, auteur et date de la publication, tels que fournis par le code d'intégration.</p>
  <a href="https://x.com/example/status/1234567890">Voir la publication</a>
</blockquote>

<!-- Inactif tant que la catégorie marketing n'est pas accordée -->
<script type="text/plain" data-consent="marketing"
        src="https://platform.twitter.com/widgets.js"></script>
```

Pour les cartes, une image statique du lieu accompagnée d'un lien « Ouvrir dans Google Maps » couvre la plupart des besoins sans rien charger depuis Google. Si vous avez besoin d'une carte interactive, utilisez le même espace réservé chargé au clic que pour les vidéos.

## Le chargement au clic améliore-t-il les performances ?

Oui. Les lecteurs vidéo et les widgets de cartes comptent parmi les éléments les plus lourds de nombreuses pages, avec souvent des centaines de kilo-octets de JavaScript. Ne les charger que lorsque quelqu'un les demande supprime ce coût pour chaque visiteur qui fait défiler la page sans s'y arrêter, ce qui améliore des métriques comme le Largest Contentful Paint et l'Interaction to Next Paint. Voir [bandeaux cookies et Core Web Vitals](/fr/blog/cookie-banners-core-web-vitals) pour en savoir plus sur la manière de garder vos outils de consentement rapides.

## En résumé

Chaque contenu intégré est une requête tierce, et généralement un stockage tiers : traitez-le comme n'importe quel autre traceur, en ne chargeant rien avant le consentement. Remplacez les contenus intégrés par des espaces réservés accessibles et auto-hébergés, chargez le véritable contenu lorsque le visiteur clique ou consent, et conservez des versions statiques de repli pour les publications de réseaux sociaux et les cartes. Des outils comme Cookiesh peuvent retenir les iframes, comme les vidéos et les cartes, jusqu'au consentement, et le scanner de Cookiesh répertorie les fournisseurs de contenus intégrés avec vos autres requêtes tierces, pour que vous sachiez quelles pages ont besoin d'espaces réservés.

*Cet article est fourni à titre d'information générale et ne constitue pas un avis juridique. Pour toute décision concernant votre situation, consultez un professionnel qualifié de la protection des données.*

## FAQ

### youtube-nocookie.com est-il conforme au RGPD sans consentement ?

Pas à lui seul. Selon Google, le mode de confidentialité avancé empêche les vues intégrées de personnaliser l'expérience YouTube et les publicités de l'internaute, mais le lecteur se charge toujours depuis les serveurs de Google et peut utiliser le stockage du navigateur. Considérez-le comme un bon choix par défaut après le consentement, pas comme un moyen de vous en passer.

### Cliquer sur un bouton de lecture vaut-il consentement ?

Cela peut être le cas si l'espace réservé explique clairement que le chargement de la vidéo établit une connexion avec le fournisseur et peut déposer des cookies, et si le clic traduit un choix délibéré de la charger. Un bouton de lecture sans explication ne constitue pas un consentement éclairé.

### Puis-je afficher la miniature YouTube dans l'espace réservé ?

Pas en la chargeant directement depuis YouTube (hotlinking). Charger la miniature depuis les serveurs d'images de Google transmet l'adresse IP et les informations du navigateur du visiteur à Google avant tout choix. Téléchargez plutôt la miniature et servez-la depuis votre propre domaine.

### Qu'en est-il des publications de réseaux sociaux intégrées ?

La plupart des contenus intégrés de réseaux sociaux se présentent d'abord sous forme de HTML simple, comme un blockquote, et ne deviennent interactifs qu'au chargement du script du fournisseur. Laissez le HTML statique visible et ne chargez le script qu'après le consentement : les visiteurs qui refusent voient ainsi tout de même le contenu.

## Sources

- [Case C-40/17, Fashion ID, CJEU](https://curia.europa.eu/juris/liste.jsf?num=C-40/17)
- [Embed videos and playlists (privacy-enhanced mode), YouTube Help](https://support.google.com/youtube/answer/171780)
- [Guidelines 2/2023 on the Technical Scope of Art. 5(3) of the ePrivacy Directive, EDPB](https://www.edpb.europa.eu/our-work-tools/our-documents/guidelines/guidelines-22023-technical-scope-art-53-eprivacy-directive_en)
