Du kannst verschiedene HTML Elemente wie Player, News Feeds und Umfrage Tools als iFrames sowie anderen Content mit Hilfe von HTML Code Snippets auf deinen Seiten einbetten. Nutze dafür im radiosphere Studio Editor die Komponente HTML Element.
HTML Code Snippet erzeugen
Damit du zum Beispiel ein iFrame einbetten kannst musst vorher ein HTML Code Snippet erzeugen. Das machst du in den meisten Fällen direkt auf der Seite, auf der die Originalquelle zu sehen ist. Möchtest du einen Instagram Post als iFrame auf deiner Webseite oder App platzieren musst du diesen über deinen Web-Browser (in der App ist der Service noch nicht nutzbar) öffnen. Rufe anschließend das Drei-Punkte-Menü an der rechten, oberen Ecke des Beitrags auf und klicke auf Einbetten. Nun erscheint ein kleines Fenster mit einem Einbettungscode. Kopiere ihn in deine Zwischenablage. Auf diese Weise kannst du für verschiedene Inhalte HTML Code Snippets erzeugen. Alternativ kannst du einen HTML Code Generator benutzen. Für diesen benötigst du häufig nur die URL der Originalquelle, die du auf deiner Seite als iFrame einbetten möchtest.
HTML Element einbetten
Wähle im radiosphere Studio Editor die HTML Element Komponente aus, indem du in der oberen Leiste neben dem Select-Button auf den Add-Button klickst. Lege den blau markierten Bereich fest, in dem du das iFrame platzieren möchtest. Hast du den passenden Bereich ausgewählt, dann öffnet sich ein neues Fenster mit allen verfügbaren Komponenten. Gebe in der Suchzeile ganz oben den Namen der Komponente ein und bestätige deine Auswahl mit Add.
Nachdem du die Komponenten ausgewählt hast, erscheint links in der Preview ein Platzhalter, der mit einer blau-gestrichelten Linie umrandet ist. Klicke nun rechts unter den Einstellungen Embedded HTML auf Open Code Editor. Füge nun das HTML Code Snippet mit Strg + V in die freie Zeile ein und klicke auf Update. Stelle sicher, dass das noFrame Attribute innerhalb des Codes gesetzt ist (border=0). In der Preview erscheint dann der Instagram Post als iFrame an Stelle des Platzhalters.
Required Consent festlegen
Nachdem du das iFrame eingebettet hast kannst du im Dropdown-Menü auf der rechten Seite unter Required Consent auswählen, ob Nutzer:innen zuerst ihren Konsens geben müssen, um auf das iFrame zugreifen zu können. Wähle dazu in der Auswahl die entsprechende Originalquelle aus. Im Falle des Beispiels ist das Instagram. Im Default ist "No consent required" eingestellt. Bitte informiere dich im Vorfeld darüber, ob diese Einstellung beim eingebetteten Inhalt festgelegt werden muss. Sollte die benötigte Consent Option nicht vorhanden sein, schreibe bitte eine Email an support@radiosphere.com.
Wichtig: Dieses Feature wird nur begrenzt unterstützt. Es liegt in der Verantwortung der radiosphere Studio Benutzer:innen, den Code korrekt zu implementieren. Skripte werden eingeschränkt unterstützt, da es zu Hinderungen an der Ausführung durch Benutzer:innen und anderen Problemen kommen kann (Race-Conditions). Bitte beachte vor Einbindung von HTML Code Snippets die Vorgaben des Anbieters, um nicht erlaubtes Verhalten zu unterbinden. Es empfiehlt sich, Snippets als iFrames einzubetten. Ggf. musst du dafür die Ausmaße des Elements in den Entwicklertools deines Browsers recherchieren.