UzK iFrame

Mithilfe des UzK iFrame Inhaltselementes können Fremdinhalte von anderen Webseiten in die eigene Webseite eingebunden werden.

Sie finden das Elemenet unter "UzK Hauptspalte" - "UzK iFrame".

Der iFrame kann sowohl in die Haupt- als auch Marginalspalte eingebunden werden.

Disclaimer

Da bei der Einbindung eines iFrames externe Inhalte geladen werden, geht damit einher, dass z.B. IP-Adressen übermittelt oder Cookies gesetzt werden.

Deshalb ist es hier zwingend erforderlich, per Disclaimer darauf aufmerksam zu machen, dass eine Übermittlung dieser und ähnlicher Daten ggf. stattfinden kann.

Der Disclaimer ermöglicht die Auswahl zwischen einer

• einmaligen Einbindung des Elements / Inhaltes,
• immer diesem Inhalt (hierbei wird ein Cookie gesetzt, dass dieses spezifische Element immer geladen werden darf),
• und der dauerhaften Erlaubnis der Einbindung aller Inhalte dieses Anbieters (auch bei dieser Variante wird ein Cookie gesetzt).

Erst nach der Entscheidung über die Form der Einbindung wird der externe Inhalt geladen.

Die Überschrift innerhalb des Disclaimers und der Disclaimer Text sind dabei bei allen iFrame Elementen vorausgefüllt, können aber frei nach Ihren Bedürfnissen angepasst werden.

iFrame ohne Disclaimer bei Uni-internen Inhalten

Es besteht außerdem die Möglichkeit Uni-interne Seiten/ Inhalte per iFrame einzubinden. Da hier keine Daten an Extern übermittelt und ausgetauscht werden, kann auf den Disclaimer verzichtet werden und die Inhalte werden direkt eingebunden.

Navigieren Sie zur Seite im Backend wo der UzK iFrame eingebunden werden soll.

• Wählen Sie UzK Hauptspalte - UzK iFrame.
• Obligatorisch ist das Festlegen einer Überschrift, die bei Bedarf verborgen werden kann.
• Fügen Sie die URL der Seite / des Elements ein, welches im iFrame dargestellt weden soll.
• Passen Sie ggf. Disclaimer Überschrift und Disclaimer Text an oder belassen die Standardwerte.
• Entscheiden Sie sich für die Einbindung in einem bestimmten Seitenverhältnis oder einer bestimmten Höhe in Pixeln.
• Konfigurieren Sie außerdem auf Wunsch die Einbindeoptionen oder belassen die Standard-Werte.

Die Größe des iFrames muss im Vorhinein definiert werden, da dieser sich nicht dynamisch anpassen kann. Welche Größe dabei das Optimum darstellt, hängt von der eingebundenen Seite selbst ab und muss von Fall zu Fall entschieden werden.

Am besten eignen sich iFrames mit statischer Größe wie Tabellen, Bilder oder Videos.

Per Dropdownmenü ist es möglich die Größe über ein Seitenverhältnis oder eine Pixelangabe zu bestimmen.

Bei der Pixelangabe ist es ausschließlich möglich die Höhe in Pixeln anzugeben. Die Breite wird dabei automatisch bestimmt, um die Responsivität bei unterschiedlichen Bildschirmgrößen zu gewährleisten.

An dieser Stelle der klare Hinweis und die Warnung, dass die Pixelangabe für iFrame-Elemente die auch in der Mobilansicht stimmig aussehen sollen gänzlich ungeeignet ist.

Die gewählte Höhe in Pixeln gilt weiterhin für die Mobilansicht, obwohl die Breite auf die Displaygröße des Mobiltelefons beschränkt ist. Das führt meist zu einem ungewünschten Effekt.

Tipp: Testen Sie die Optik indem Sie das Browserfenster so schmal wie möglich ziehen, um am Desktop ein Gefühl für die Mobilansicht zu bekommen.

Wie bei vielen anderen Inhaltselementen des Uni-Designs haben Sie außerdem die Möglichkeit Breite und Abstand des iFrame Elements zu bestimmen.

Auf Wunsch haben Sie außerdem die Möglichkeite ein Vorschau-Bild hinter den Disclaimer zu legen. Diese Möglichkeit ist optional. Sollten Sie kein Bild hinterlegen, wird der Disclaimer im konfigurierten Verhältnis mit einer grau gestreiften Fläche ausgefüllt, so wie in den Beispieleinbindungen auf dieser Seite.