Zum Hauptinhalt springen

iFrames (Media iFrame)

Generelle Hinweise zu iFrames

Über iFrames werden Inhalte Dritter auf den ZUG-Websites eingebunden und angezeigt. Es ist daher wichtig, dass wir wissen, woher der Inhalt genau stammt und dass er vertrauenswürdig ist. Grundsätzlich ist das Einbinden daher sehr restriktiv: Nur Inhalte von Domains, die auf einer sogenannten Whitelist stehen, können wir redaktionell einfügen. 

CPS verwaltet diese Whitelist serverseitig. Sie müssen daher bei neuen iFrames prüfen, ob die Domain der Livestream-URL auf der Whitelist unseres Websiteservers steht. Wenn nicht, wird der Inhalt geblockt und der Livestream nicht angezeigt. Bitte räumt hierfür möglichst 10-14 Tage Zeit ein und lasst euch von eurem Dienstleister den Link oder zumindest einen Beispiellink für den Livestream frühzeitig geben. Die Domain kann dann rechtzeitig auf die Whitelist genommen werden. Die Whitelist ist eine Sicherheitsmaßnahme, die wir nicht umgehen können oder wollen ;-)

Auf der Whitelist stehen dauerhaft: YouTube, VIMP, Open Street Map. 

Zudem unterscheiden wir zwischen iFrames, die wir per Link hinterlegen können (bevorzugt) und solchen, die wir per Code einbetten (Ausnahme).

iFrame per Link einbinden

Ihr möchtet eine Karte, einen Livestream, einen Podcast oder einen Live-Chat einbinden? Einfach den iFrame-Link (nicht Code!) in das Inhaltselement „Media iFrame“ kopieren und speichern. Bitte wählt außerdem ein passendes Vorschaubild aus (wie ihr sie hier auf der Seite seht). Die Vorschau-Bilder findet ihr in der TYPO3-Dateiliste im Ordner „Bilder“ unter „Default-Bilder“. Bitte wählt auch im Reiter „Erscheinungsbild“ ein passendes Icon aus: „Karte“ (Pin-Icon), „Keine Karte“ (Play-Icon) für Livestream und Chat.

Solltet ihr kein Bild einsetzen, dann greift der Automatismus und es wird ein einfacher Text mit Button angezeigt (siehe Beispiel ganz unten). Den könnt ihr auch nutzen, wenn die Icons nicht zum Inhalt des iFrames passen. 

Beispiel Karte (Open Street Map)

Zeichnung einer stilisierten Straßenkarte als Symbolbild für eine Online-Karte

Diese Inhalte können nicht angezeigt werden, da die Marketing-Cookies abgelehnt wurden. Klicken Sie hier , um die Cookies zu akzeptieren und den Inhalt anzuzeigen!

Zeichnung einer stilisierten Straßenkarte als Symbolbild für eine Online-Karte

Diese Inhalte können nicht angezeigt werden, da die Marketing-Cookies abgelehnt wurden. Klicken Sie hier , um die Cookies zu akzeptieren und den Inhalt anzuzeigen!

Beispiel Live-Chat (kein Link hinterlegt)

Mehrere Zeichnungen von Sprechblasen und ein Kopfhörer als Symbolbild für einen Live-Chat

Diese Inhalte können nicht angezeigt werden, da die Marketing-Cookies abgelehnt wurden. Klicken Sie hier , um die Cookies zu akzeptieren und den Inhalt anzuzeigen!

Mehrere Zeichnungen von Sprechblasen und ein Kopfhörer als Symbolbild für einen Live-Chat

Diese Inhalte können nicht angezeigt werden, da die Marketing-Cookies abgelehnt wurden. Klicken Sie hier , um die Cookies zu akzeptieren und den Inhalt anzuzeigen!

Beispiel Livestream (kein Link hinterlegt)

Zeichnung einer Videokamera mit "Play"-Button und einem Ziffernblatt als Symbolbild für einen Video-Livestream

Diese Inhalte können nicht angezeigt werden, da die Marketing-Cookies abgelehnt wurden. Klicken Sie hier , um die Cookies zu akzeptieren und den Inhalt anzuzeigen!

Zeichnung einer Videokamera mit "Play"-Button und einem Ziffernblatt als Symbolbild für einen Video-Livestream

Diese Inhalte können nicht angezeigt werden, da die Marketing-Cookies abgelehnt wurden. Klicken Sie hier , um die Cookies zu akzeptieren und den Inhalt anzuzeigen!

Beispiel sonstiger iFrame mit individuellem Bild (Podcast)

Diese Inhalte können nicht angezeigt werden, da die Marketing-Cookies abgelehnt wurden. Klicken Sie hier , um die Cookies zu akzeptieren und den Inhalt anzuzeigen!

Beispiel sonstiger iFrame ohne Bild (moor.fnr.de/zug)

Dieses Element beinhaltet externe Inhalte von Dritten (z. B. Social Media, Chat, Video oder Kartendienste).
Bitte beachten Sie:
Durch das Laden dieses Inhalts werden externe Verbindungen hergestellt und die Inhalte des Drittanbieters angezeigt.

Diese Inhalte können nicht angezeigt werden, da die Marketing-Cookies abgelehnt wurden. Klicken Sie hier , um die Cookies zu akzeptieren und den Inhalt anzuzeigen!

iFrame per Embed-Code einbinden

Habt ihr nur einen Embed Code für den iFrame,  muss dieser in einem html-Inhaltselement hinterlegt werden. Dieses Inhaltselement können nicht viele Redakteur*innen anlegen, da es (bei Fehlern/Missbrauch) ein Risiko darstellen kann. Wendet euch an Julie, Uta, Susi oder Yvonne. Auch ein Ticket an CPS ist möglich. Probiert aber erst einmal, ob ihr den iFrame nicht per Link anlegen könnt (siehe oben).