Benutzer-Werkzeuge

Webseiten-Werkzeuge


Seitenleiste

Das Integreat-Wiki - Online-Dokumentation zur Integreat-App


Erfahren Sie mehr über Integreat

Integreat & Open Source

Thema: Wirkung


Über die Organisation hinter Integreat


Partnerkommunen: 80

Städte: 28 | Landkreise: 48 | Regionen: 4 | Stand: 12.05.2022


Neuigkeiten und Funktionen stellen wir regelmäßig in unserem Blog vor.

Folgen Sie uns gerne auf Facebook oder Twitter.

Sollten Sie etwas in unserem Wiki vermissen, wenden Sie sich gerne mit Ihrem Anliegen an uns. Wir stehen via E-Mail info@integreat-app.de gerne für Fragen zur Verfügung.

embediframe

Einbindung von Integreat via iFrame

Die häuftigste Verzahnung von kommunaler Webseite und Integreat ist die gegenseitige Verlinkung. Es ist aber auch eine direktere Einbindung möglich. Diese ermöglicht es, direkt auf der kommunalen Webseite durch die Integreat-Inhalte zu navigieren und direkt auf die Inhalte in Integreat aufmerksam zu machen.

Um die Integreat-App prominent auf der Webseite Ihrer Kommune zu platzieren, muss Ihre Integreat-App als sogenanntes Inlineframe (kurz:iFrame) eingebunden werden. Sehr bekannt ist das Einbinden von YouTube-Videos in Webseiten mittels iFrames, wo der Youtube-Player dann direkt auf der Webseite sichtbar ist, ohne dass dafür extra die Youtube-Webseite geöffnet werden muss.

Ein Beispiel wie dies für Integreat aussehen kann finden Sie z.B. hier im Schwalm-Eder-Kreis (s. auch Bild oben) oder hier im Landkreis Erlangen-Höchstadt.

Einsatzzweck

Der Einsatzzweck eines iframes (Details in den folgenden Abschnitten) ist vor allem, um Multiplikatoren auf die Vielfalt und Existenz der Inhalte in der Integreat-App aufmerksam zu machen.

HTML-Quellcode

Wer die Integreat-App in seiner Region als Inlineframe auf seiner städtische Webseite oder der Seite des Landkreises einbinden möchte, kann diesen ähnlich wie eine Bild-Quelle als HTML-Zeile in den Quellcode einfügen. Dabei werden innerhalb des Code-Snippets die Höhe, die Ausrichtung und weitere Attribute hinterlegt, welche die Optik und die Ausrichtung des iframe beeinflussen. Der nachfolgende Code zeigt bereits den gesamten Code, der zur Einbindung eingefügt werden muss:

<iframe src="https://integreat.app/KOMMUNENNAME" scrolling="" frameborder="0" width=100% height=3000px sandbox="allow-scripts allow-same-origin" referrerpolicy="no-referrer"></iframe>

Hierbei ersetzen Sie den Teil KOMMUNENNAME durch das Kürzel Ihrer Kommune, welches Sie in dem URL der WebApp Ihrer Integreat-Seite finden.

Einschränkungen

Die Höhe der eingebettenen Integreat-App ist immer statisch, d.h. die App wird u.U. mit Scrollbalken angezeigt. Zu Inhalten eines iframes können außerdem auch keine Lesezeichen gesetzt werden.

Sicherheit

In der Vergangenheit wurden iFrames generell oft als ein beliebtes Mittel verwendet, um externe Inhalte in die eigenen Webseiten einzubetten. In der Theorie lassen sich so Inhalte aufrufen, aber gleichzeitig auch gefährliche Webseiten direkt in den eigenen Internetauftritt einbetten, falls diese z.B. entsprechende Sicherheitslücken oder Schadcode aufweisen. Ob die Einbettung eines iFrames aus sicherheitstechnischer Sicht unbedenklich ist, kann je nach Auslegung von Restriktionen und Erfahrungen aus der Vergangenheit in jeder Kommune unterschiedlich sein. Wir empfehlen Ihnen auf jeden Fall das Gespräch mit der EDV-Abteilung zu suchen, bevor eine entsprechende Einbettung stattfindet. Durch die Einbettung ist auch eine Anpassung der kommunalen Datenschutzerklärung auf der Webseite notwendig.

Höhe des iFrames dynamisch anpassen

Standardmäßig lässt sich die Höhe der eingebetteten Integreat-App nicht dynamisch festlegen. Um diese Einschränkung zu umgehen, unterstützt Integreat den iframe-resizer und iframe-resizer-react. Dafür müssen nur die dazugehörigen Abhängigkeiten installiert werden und das einbetten wie folgt ergänzt werden:

<iframe id="integreat-iframe" src="https://integreat.app/KOMMUNENNAME" scrolling="" frameborder="0" width=100% height=3000px sandbox="allow-scripts allow-same-origin" referrerpolicy="no-referrer"></iframe>

<script>
  iFrameResize({}, '#integreat-iframe')
</script>

Integreat unterstützt dabei nur das Anpassen der Größe des iFrames von iframe-resizer und iframe-resizer-react. Weitere Funktionen der Bibliotheken (wie z.B. EventManagement, inPageLinks, etc.) werden nicht unterstützt

embediframe.txt · Zuletzt geändert: 2022/04/17 14:10 von daniel.kehne