Zum Hauptinhalt springen

Wie bindest du externe Inhalte per iFrame ein?

Vor über 2 Wochen aktualisiert

iFrame: Link

image

Wie bindest du externe Inhalte per iFrame ein?

Externe Inhalte anzeigen
Mit einem HTML-iFrame kannst du Inhalte von externen Servern oder anderen Quellen direkt auf deiner Website anzeigen.

Einbettung per Link
Bei dieser Variante bindest du den Inhalt über eine Webadresse ein.

Wichtig: Die Adresse muss mit HTTPS beginnen. HTTP-Adressen werden nicht angezeigt.


iFrame: HTML

image

Wie bindest du einen iFrame mit HTML-Code ein?

Einbettung per HTML
Bei dieser Variante fügst du ein Code-Snippet direkt ein.
So kannst du iFrame-Inhalte auch per HTML-Code einbinden.

Code-Snippet einfügen
Hier kannst du das Code-Snippet des Anbieters einfügen, um externe Inhalte per iFrame einzubinden.

Den benötigten Code erhältst du in der Regel direkt vom jeweiligen Anbieter oder Tool.

Wenn Probleme mit dem eingebetteten Code auftreten, wende dich bitte direkt an den Anbieter des Codes.

JavaScript wird nicht ausgeführt
Aus Sicherheitsgründen wird JavaScript innerhalb des iFrames auf veröffentlichten Seiten nicht ausgeführt.


Größe einstellen

image

image

image

Wie stellst du die Größe eines iFrames ein?

Breite des iFrames festlegen
Du kannst bestimmen, wie breit der iFrame angezeigt wird.

Folgende Optionen stehen zur Verfügung:

  • Gridbreite
    Der iFrame nutzt die gleiche Breite wie die anderen Komponenten der Seite.

  • Fensterbreite
    Der iFrame nutzt die gesamte Breite des Browserfensters.

Höhe des iFrames festlegen
Für die Höhe gibt es zwei Möglichkeiten:

  • Pixel – feste Höhe in Pixeln

  • Prozent – Höhe als Prozent der gewählten Breite

Wichtig: Die eingestellten Größen gelten für alle Geräte gleichermaßen (Desktop, Tablet und Smartphone).

Hat dies deine Frage beantwortet?