Menü close
Wofür interessieren Sie sich?
DE

HTML-Elemente für die Integration von externen Webseiten & I-Frames

Externe Inhalte integrieren

Um Inhalte anderer Webseiten über sogenannten Iframes oder Inlineframes in die Webseite einzubauen, kann das Inhaltselement vom Typ "HTML" verwendet werden.

Beispiel für einen HTML-Code für ein Iframe:

<iframe src="http://www.domain-der-externen-webseite.com/" height="100" width="200" name="meiniframe">Alternativtext, der angezeigt wird, wenn der Browser Iframes nicht unterstützt.</iframe>

Die Breite eines Iframes wird immer automatisch auf die Breite des Inhaltselementes aufgespannt (Werte, die über das Attribut "width" angegeben werden, werden somit immer ignoriert.
Die höhe eines Iframes kann hingegen über das Attribut "height" gesteuert werden und somit durch verändern des Wertes zwischen den Anführungszeichen beim Attribut "height" verändert werden.

 

Beispiel für ein Iframe zur Integration von Issuu

Beispiel für ein Iframe zur Integration einer selbst erstellen Google Maps-Karte

Eigene Google Maps-Karte erstellen

Schritte zum Erstellen einer Google Maps-Karte unter https://www.google.com/maps und Integrieren in die Webseite

  • Menü links oben öffnen > Option "Meine Orte" auswählen
  • Tab "Karten" auswählen und dann ganz unten die Option "Karte erstellen"
  • Unbenannte Karte mit Klick auf diesen Titel bearbeiten und einen Namen für die Karte vergeben
  • Über Suchfeld die Orte suchen, die der Karte hinzugefügt werden sollen
  • Wenn der Ort  gefunden wurde, beim erscheinenden Info-Fenster zum Standort unten die Option "zur Karte hinzufügen" wählen
  • eventuell über das Bleistiftsymbol die Ortsmarkierung bearbeiten (Pin-Icon, Titel, Beschreibung, Farbe des Pin-Icons usw.) und speichern
  • Karte mit Klick auf den Link "Teilen" veröffentlichen, und im erscheinenden Dialogfenster die Option "Linkfreigabe aktivieren" aktivieren, und die Option "Öffentlich: Jeder im Internet kann die Inhalte finden und darauf zugreifen" auch aktivieren (Fenster anschließend mit Klick auf "Schließen" schließen).
  • Iframe-Code abfragen: Das Menü durch Klick auf die 3 Punkte neben dem Namen der Karte öffnen, und die Option "In meine Webseite einbetten" auswählen, den Iframe-Code kopieren (eventuell die Höhe beim Attribut "height" anpassen") und als Inhaltselement vom Typ "HTML" in die Webseite einbauen.

     
/
Von den Vorteilen für lvh-Mitglieder profitieren
Noch offene Fragen?

Keine Sorge: Kontaktieren Sie uns einfach.
Wir sind gerne für Sie da!

1
/
1
HTML