iFrame with consent
The content element "iFrame with Consent" enables the GDPR-compliant integration of external content such as maps, site plans, or event calendars. Before any external content is loaded, a consent dialog is displayed, asking users for permission.
It is a standard extension and is available on every TUM website.
When to use "iFrame with consent"?
| Use Case | Example |
|---|---|
| Interactive maps | Google Maps, BayernAtlas |
| Site plans | TUM Campus Map |
| External calendars | Event calendars |
| External websites | Other web presences/websites |
Advantages over a standard iFrame
The consent element only loads external content after the user has given their consent. This protects user privacy and ensures compliance with the GDPR.
Embedding iFrame with Consent – step by step
Step 1: Extract the URL from the Embed Code
Many external services (e.g., Google Maps) provide an embed code. From this code, you only need the URL (the value of the src attribute).
Example embed code: <iframe src="https://www.google.com/maps/embed?pb=..." width="600" ...></iframe>
→ Required URL: https://www.google.com/maps/embed?pb=…
Spaces in URLs can cause errors. Replace any spaces with plus signs (+).
Step 2: Create the Element
- Open the Page module and select the target page.
- Click “+ Content” → “Special” group → “iFrame with Consent”.
- Paste the extracted URL into the “iFrame URL” field.
- Set the size or aspect ratio (e.g., 16:9).
- Optional: Upload a background image for the consent dialog.
- Save the content element.
Field overview
| Field | Description |
|---|---|
| iFrame URL | URL of the external content (extracted from the embed code) |
| Size / Aspect ratio | For example, 16:9, 4:3, or a fixed height in pixels (px) |
| Background image | Preview image displayed in the consent dialog before the external content is loaded |
Consent dialog
Users initially see a consent dialog displaying the background image and an explanation of which data may be transferred to external providers. The external content is only loaded after the user clicks “Accept”. This ensures transparency and helps protect users' privacy by preventing data transmission before consent has been given.
Privacy note
When external content is activated, user data is automatically transmitted to the respective provider (e.g., Google). Make sure to inform users about this data transfer in your privacy policy.
Example
More Info