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)
Beispiel Live-Chat (kein Link hinterlegt)
Beispiel Livestream (kein Link hinterlegt)
Beispiel sonstiger iFrame mit individuellem Bild (Podcast)
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.
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).