Skip to main content
This feature is in beta. Get in touch with our team to request early access.
To comply with privacy regulations, you can prevent 3rd party iframes from loading before gaining user consent. Enable this feature in the CookieChimp dashboard, then update your website’s embeds.

How do I block an iframe?

The data-service attribute must match exactly how the service is named in vendor management.

How do I customize the iframe placeholder?

What configuration options are available?

  • data-service: [String, Required] Service name (e.g., YouTube, Vimeo, Google Maps).
  • data-id: [String, Required] Unique resource ID (e.g., video ID).
  • data-title: [String] Notice title.
  • data-params: [String] Iframe query parameters.
  • data-thumbnail: [String] Path to custom thumbnail.
  • data-ratio: [String] Custom aspect ratio (e.g., “16:9”).
  • data-autoscale: Responsive iframe that fills parent width and scales proportionally.
  • data-widget: Use for custom widgets with explicit width and height.

Supported Services

Each service expects a different data-id format. Use data-autoscale for video embeds, and data-widget with an explicit width and height for audio widgets.

YouTube

data-id is the video ID from the YouTube URL (for example, tgbNymZ7vqY from youtube.com/watch?v=tgbNymZ7vqY).

Vimeo

data-id is the numeric video ID from the Vimeo URL (for example, 1060110670 from vimeo.com/1060110670).

Spotify

data-id is the resource path, such as track/<id>, album/<id>, or playlist/<id>.

SoundCloud

data-id is the URL-encoded SoundCloud API track URL.

Twitch

data-id is a Twitch embed parameter such as video=<id> or channel=<name>.
Looking for a service that’s not listed? Let us know.