Zum Inhalt springen
  • Anleitung TYPO3
  • Login / Account
  • Funktionen / Extensions
  • Audio / Video
  • Nutzungsbedingungen
  • FAQ
  • de
  • en
  • Zentrale Informationstechnik (TYPO3-Team)
  • IT-Servicezentrum (ITSZ)
  • Technische Universität München
Technische Universität München
  • Startseite
  • News
  • Webauftritte
    • Nichtfakultäre Einrichtungen
    • TUM School of CIT
    • TUM School of ED
    • TUM School of LS
    • TUM School of MGT
    • TUM School of MH
    • TUM School of NAT
    • TUM School of SOT
    • TUM Graduate School (GS)
    • Integrative Research Institutes (IRI)
    • Technology Core Facilities (TCF)
    • Wissenschaftliche Zentralinstitute (WZI)
    • Hochschule für Politik
    • TYPO3 Web-Archiv
  • Service
    • Angebot
    • Nutzungsbedingungen
    • Anforderung
  • Anleitung
    • TYPO3-Grundlagen
      • Begriffe
      • Modulleiste
      • Seitenbaum
      • Filelist
      • Papierkorb
    • Benutzerverwaltung
      • Registrierung und Login
      • Berechtigungskonzept
      • Groupdelegation
    • Seiten
      • Seitentypen
      • Seite anlegen
      • Sichtbarkeit
      • Seiten ordnen
      • Seiten löschen
      • Seite zeitsteuern
      • Seitenlayout
    • Seiteninhalte
      • Seiteninhaltstypen
      • Seiteninhalte anlegen
      • Überschriften
      • Text & Media
        • Bilder
        • Bildergalerie
        • Slideshow
        • Alternativtexte für Bilder schreiben
        • Bildzuschnitt
      • Audio & Video
        • Audiodateien einbinden
        • Videos einbinden
      • Tabellen
      • File Links
      • Menu
      • Insert Records
      • Rich Text Editor (RTE)
      • Links setzen
        • Anker verwalten
      • Abstand zwischen Inhaltselementen
      • Mehrspaltiger Content
      • Akkordeon-Funktion
      • Rahmen & Boxen
      • Social-Media-Box
    • Extensions
      • CurlContent
      • TUM MemberList
      • TUMcourses
      • TUMvCard
      • News
      • TUMFIS
      • T3UP Carousel
      • iFrame with consent
    • Englischsprachige Seite
    • Kontaktbereich
    • Barrierefreie Inhalte
    • Rechtliches
    • Lageplan
      • Lageplan mit Google Maps
      • Lageplan mit dem BayernAtlas
  • FAQs
  • Kontakt
  • Sitemap
  1. Startseite
  2. Anleitung
  3. Extensions
  4. iFrame with consent

Extension iFrame with consent

Mit iFrame with consent können Sie Inhalte aus externen Quellen, wie etwa Lagepläne oder Programmhefte, als iFrame DSGVO-konform in Ihren Webauftritt integrieren.

So wird es gemacht

Screenshot: Inhaltselement anlegen
Bild 1: Inhaltselement anlegen
  • Legen Sie ein neues Content-Element an (Bild 1 Nr.1).
  • Wählen Sie im Tab Special elements "iFrame with consent" (Bild 1, Nr. 2 und 3).

URL für "iFrame with consent" ermitteln

Screenshot: iFrame Code generieren und kopieren
Bild 2: iFrame Code generieren und kopieren

Elemente, die Sie einbinden können, sind z.B. Kartenmaterial von Google Maps oder Bayern Atlas. Aber auch andere sind möglich, solange die externe Quelle einen iFrame-Code erzeugen kann.

Wichtig: Sie benötigen nur die Adresse (beginnend mit "https://..."), die im iFrame-Code enthalten ist, nicht den kompletten Code.

Google Maps generiert für die Einbindung der Karte in unserem Beispiel folgenden iFrame-Code:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2662.017193630114!2d11.561528475067217!3d48.14847375040436!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479e75e5a775b12d%3A0x1a96a662d6239af3!2sRichard-Wagner-Stra%C3%9Fe%2018%2C%2080333%20M%C3%BCnchen!5e0!3m2!1sde!2sde!4v1704796703714!5m2!1sde!2sde" width="600" height="450" style="border:0;" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

Kopieren Sie den Code am Besten in ein Textverarbeitungsprogramm und schneiden Sie den in fett markierten Teil des Codes zwischen den Anführungszeichen aus. Nur diesen Teil tragen Sie in das Feld iFrame URL (Bild 3) ein.

Bitte beachten Sie: etwaige Leerzeichen in der URL können zu Fehlern beim Aufruf führen! Ersetzen Sie diese Leerzeichen am Besten mit Pluszeichen ("+").

iFrame

Screenshot: Plugin "iFrame"
Bild 3: Plugin "iFrame"
  • iFrame-URL: Geben Sie die URL des Elements an, das Sie einbinden möchten.
  • Size / Ratio: Legen Sie das Seitenverhältnis oder die Höhe des iFrames fest.
  • Background Image: Fügen Sie ein Hintergrundbild als Vorschaubild ein.

So sieht es aus

Wenn Sie externe Inhalte von www.google.com aktivieren, werden Daten automatisiert an diesen Anbieter übertragen.
Mehr Informationen
To top

TYPO3 News

14.04.2026

TUMFIS ist nun verfügbar (Open Beta)

23.03.2026

Structured Data und JSON‑LD verfügbar

25.02.2026

Neue Funktionen: Bildzuschnitt und Anker

21.01.2026

Neues Sicherheitskonzept - UserAccounts

01.08.2025

Wir sind in OTRS!

RSS Feed

TUM TYPO3 (ZIT)

Richard-Wagner-Str. 18
80333 München
typo3@tum.de

  • Datenschutz
  • Impressum
  • Barrierefreiheit