nuxt-c15t Playground

State: ui: none

Iframe Blocking

Use <C15tIframe> to gate iframes behind consent. The iframe only loads when the required consent is granted.

Marketing iframe (YouTube)

Accept marketing consent to view this content.

Enable marketing consent

Measurement iframe

Accept measurement consent to view this content.

Enable measurement consent

Code 

<C15tIframe
  src="https://www.youtube-nocookie.com/embed/VIDEO_ID"
  category="marketing"
  width="560"
  height="315"
  title="YouTube video"
/>

Raw iframe blocking

For content you don't control (CMS output, third-party embeds), use data-category and data-src on a plain <iframe>. c15t sets src from data-src once consent is granted.

Code 

<iframe
  data-category="marketing"
  data-src="https://www.youtube-nocookie.com/embed/VIDEO_ID"
  width="560"
  height="315"
  title="YouTube video"
/>