Einbettung von externen Inhalten per iFrame
- Dino Dukic Admin
- Anika Mikes
This information is available in German and English.
🇦🇹 Deutsche Version | 🇬🇧 English Version
Um externe Inhalte (beispielsweise Livestreams, interaktive Grafiken, Jobportale o.ä.) auf der WU Website als iFrame einbinden zu können müssen folgende Voraussetzungen erfüllt werden:
iFrame darf keine eigene Menüstruktur haben die den Endbenutzer verwirren könnte.
Ein großflächiger Header sollte nicht vorhanden sein.
Die Inhalte müssen verschlüsselt (per HTTPS) abrufbar sein.
Wünschenswert ist eine optische Ähnlichkeit (Farben, Schriftarten, ..) mit der WU Website.
Neue iFrame-Adressen werden vom TYPO3-Team auf obige Aspekte überprüft und müssen daher individuell freigeschalten werden.
Ablauf
Einmalige Freischaltung durch TYPO3-Team
Einbettung in gewünschte Website
Freischaltung
Sofern es sich um eine neue, spezifische Adresse handelt muss die iFrame-Adresse vom TYPO3 Team überprüft und freigeschalten werden.
Bitte wenden Sie sich mit der gewünschten iFrame-Adresse via WU Service Desk an uns.
Für gängige Adressen, die nachfolgend beispielhaft angeführt sind, ist eine gesonderte Freischaltung nicht notwendig:
Einbettung
Fügen Sie auf der gewünschten Seite, wo die externen Inhalte angezeigt werden sollen, ein neues Inhaltselement vom Typ WU iFrame hinzu
Im Reiter Plugin können dann die iFrame-Adresse (unter Src) und die gewünschte Höhe des iFrames in Pixel eingegeben werden. Das Element nutzt immer die gesamte Breite des Inhaltsbereichs auf der WU Website aus.
Bitte beachten Sie folgende Aspekte:
Die iFrame-Adresse muss so eingegeben werden, wie sie freigeschaltet wurde. Beispielsweise https://vimeo.com/event/49249/embed und nicht //vimeo.com/event/49249/embed
Aus in Popups zum Einbetten auf gewissen Seiten angegebenen Informationen (z.B. <iframe src="https://vimeo.com/event/49249/embed" width="400px" height="600px">) benötigen Sie immer nur den Part unter src. Die Höhe können Sie wie oben beschrieben individuell festlegen, die Breite ist immer fix.
Achtung: Ohne Höhenangabe wird das iFrame-Element nicht ausgegeben!
Embedding of external content via iFrame
In order to integrate external content (such as live streams, interactive graphics, job portals, etc.) on the WU website as an iFrame, the following requirements must be given:
iFrame must not have its own menu structure that could confuse the end user.
There should not be any large-scaled header.
The contents must be accessible in encrypted form (via HTTPS).
It should be visually similar (colors, fonts, ...) to the WU website.
New iFrame addresses are checked by the TYPO3-team for the above aspects and must therefore be individually activated.
Procedure
One-time activation by TYPO3 team
Embedding in desired website
Activation
If it is a new, specific address, the iFrame address must be checked and activated by the TYPO3 team.
Please contact us via WU Service Desk with the desired iFrame address.
For common addresses, such as those listed below, a separate activation is not necessary:
Embedding
Add a new content element of type WU iFrame on the desired page where the external content should be displayed
In the Plugin tab you can then enter the iFrame address (under Src) and the desired height of the iFrame in pixels. The element always uses the entire width of the content area on the WU website.
Please note the following aspects:
The iFrame address must be entered the way it was activated. For example https://vimeo.com/event/49249/embed and not //vimeo.com/event/49249/embed
From information given in popups for embedding on certain pages (e.g. <iframe src="https://vimeo.com/event/49249/embed" width="400px" height="600px">) you only require the part under src. You can define the height individually as described above, the width is always fixed.
Attention: Without height specification the iFrame element will not be displayed!