ブログに戻る
Technical

Video Privacy: Privacy-Preserving YouTube & Vimeo Embeds

GetCookiesチームJune 10, 20269分で読めます
VideoYouTubeVimeoEmbeds
Video Privacy: Privacy-Preserving YouTube & Vimeo Embeds

Video Privacy: Privacy-Preserving YouTube & Vimeo Embeds

Date: June 10, 2026 Author: GetCookies Team Category: Technical Reading Time: 9 min


Embedding a YouTube video seems harmless. But standard embeds (iframe) load Google's tracking scripts immediately—before the user even clicks play. This sets marketing cookies (DoubleClick) without consent.

"No-Cookie Mode" (youtube-nocookie.com) is better, but not perfect. It still loads player assets and logs an impression with Google.

For strict GDPR compliance, you need a "Click-to-Load" Facade.

The Facade Pattern

Instead of loading the heavy iframe, you load a lightweight image (a screenshot of the video) with a "Play" button.

  • State 1: Just an image. No connection to YouTube. Zero cookies.
  • Action: User clicks "Play" (or "Accept Marketing").
  • State 2: The image is swapped for the real YouTube iframe.

How GetCookies Automates This

GetCookies has a built-in "Smart Embed" feature.

  1. Detection: We scan your page for <iframe> pointing to YouTube, Vimeo, or Google Maps.
  2. Blocking: We modify the HTML tag to <iframe data-src="..."> so the browser doesn't load it.
  3. Replacement: We inject a placeholder <div> with the video thumbnail and a privacy notice: "To view this video, please accept Marketing cookies."
  4. Activation: If the user clicks the placeholder, we grant Marketing consent (granularly) and load the video.

Manual Implementation (For Developers)

If you aren't using our auto-blocker, here is the pattern:

<!-- Placeholder -->
<div id="video-wrapper" class="privacy-wrapper">
  <p>Accept Marketing to watch</p>
  <button onclick="enableVideo()">Enable Video</button>
</div>

<!-- Script -->
<script>
  function enableVideo() {
    // 1. Update Consent
    GetCookies.acceptCategory('marketing');
    
    // 2. Inject Iframe
    document.getElementById('video-wrapper').innerHTML = 
      '<iframe src="https://www.youtube.com/embed/xyz?autoplay=1"></iframe>';
  }
</script>

Why This Matters

  • Compliance: Zero data transfer to Google until consent.
  • Performance: Your page loads 500KB+ faster because you aren't loading the YouTube player library on initial render.

Conclusion

Video facades are a win-win. They protect user privacy and drastically improve your Core Web Vitals (LCP). Stop using raw iframes.

G

GetCookiesチーム

ノルウェー・オスロのGetia AS、GetCookiesチームが執筆・更新しています。この記事はクッキー同意に関する一般的な情報であり、法的助言ではありません。

自分のサイトを無料でスキャン

無料プランでは1つのサイトでバナーを表示でき、Cookieスキャンは月3回まで。カード登録も営業電話もありません。