Einbinden externer Website per iFrame mit AppYourself!

Website per iFrame einbinden ist ganz einfach

Fast täglich erscheinen neue Dienste im Internet & ständig entstehen neue Bedürfnisse, diese Services in die Angebote und Abläufe des Unternehmens einzubinden. Eine effektive Möglichkeit zur Einbindung externe Inhalte bietet ein <iFrame>. Denn damit lässt sich eine bestehende Website per iFrame, wie Mobile.de, oder Bookatable etc. in Ihre Apps ganz einfach integrieren.

In 3 Schritten eine Webseite mithilfe des iFrames einbinden:

Schritt 1 Text und Bild Modul

Erstellen Sie dafür ein Text & Bild Modul und wählen Sie den Quellcode Modus aus.

Eine Website per iFrame in die eigene App einbinden

Schritt 2 Quellcode einfügen:

In der Quellcode-Ansicht, fügen Sie bitte folgenden Code ein:

<div style="-webkit-overflow-scrolling: touch;overflow-x:hidden;overflow-y: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0;"><iframe src="https://www.appyourself.net/blog" style="width:100%;height:100%;border: none;"></iframe></div>

Schritt 3 gewünschte Url einsetzen:

Die URL “https://www.appyourself.net/blog” ersetzen Sie mit dem direkten Link zu der gewünschten Seite, die eingebunden werden soll. Hinweise zur Nutzung Bitte beachten Sie, dass es trotz der großen Anzahl von kompatiblen Seiten, einige Anbieter gibt, die das Verwenden von <iFrames> blockieren, so dass eine Einbettung unterbunden wird. Des Weiteren muss die einzubettende Seite ein SSL-Zertifikat (https://) aufweisen, da sie zwar eingebunden, aber nicht korrekt angezeigt werden kann.

 

Der komplette Inhalt der Website wird per <iframe> eingebettet.

  • Bei der Darstellung eines <iFrames> wird der Inhalt der gesamten Website übernommen.
  • Es ist nicht möglich nur Teile einer Website als <iFrame> darzustellen oder diverse Teile auszublenden.

Stört beispielsweise die Navigation am Rand einer Website und man benötigt nur den zentrierten Inhalt gibt es mehrere Möglichkeiten:

  • Überprüfen Sie, ob der Inhalt bereits durch ein <iFrame> dargestellt wird
  • Kann mir der Besitzer den Inhalt ohne Störelemente anbieten?
  • Ist wirklich ein <iFrame> nötig?

Mit dem AppYourself Baukasten können Sie beliebig viele <iFrames> einfügen.

Weblinks

Tipp:

Ihre Webseite wird zunehmend von Smartphone Nutzern besucht. In manchen Branchen sind bis zu 80 % der Besucher mobil. Daher ist eine mobile optimierte Webseite für Unternehmen heute sehr wichtig. Bei AppYourself können Sie neben einer App auch eine mobile Website erstellen. Gewohnt einfach und zu attraktiven Konditionen.    

Start typing and press Enter to search