# Einbettung

Die Einbettung zeigt Inhalte, für die es keine eigene App gibt, etwa einen Kartenausschnitt, ein Buchungsfeld, einen Beitrag aus sozialen Netzen oder das Video eines Anbieters. Sie fügen eine Adresse oder den Embed-Code des Anbieters ein.

> **Typ:** app
> **Für wen:** alle, die Inhalte zeigen wollen, für die es keine eigene App gibt
> **Voraussetzung:** die installierte App, das Recht, Szenen zu bearbeiten, und die Adresse oder der Embed-Code des Anbieters
> **Ort im Portal:** **Apps** › **Apps entdecken** › **Einbettung**. Das Widget steht im Szenen-Editor unter **Web & Video**.

## Was die App zeigt

Die App bringt ein Widget mit: **Einbettung**. Es nimmt den Code, den ein Anbieter zum Einbetten anbietet, so wie Sie ihn kopiert haben. Für eine Adresse ist die App [Webseite](/de/apps/webpage) gedacht.

Bekannte Codes erkennt die App selbst. Ein Code, der nur aus einem Rahmen mit Adresse besteht, die übliche Form von Karten, Videos und Kalendern, läuft wie eine Seite mit allem, was sie braucht. Jeder andere Code läuft abgeschirmt in einem eigenen Dokument und kommt weder an Ihre Daten noch an das Display.

Drei Vorlagen setzen das Widget in passender Größe ein:

| Vorlage | Größe | Zeigt |
|---|---|---|
| **Eingebettet** | 960 × 540 | den Inhalt ganz und in seinem Seitenverhältnis, mittig |
| **Kachel** | 540 × 540 | den Inhalt füllend auf einer quadratischen Kachel |
| **Hochkant** | 540 × 960 | den Inhalt füllend in einem hohen Rahmen am Rand |

Zwei Beispiele: Eine Praxis bettet den Kartenausschnitt mit der Anfahrt ein. Ein Restaurant zeigt im Eingang das Buchungsfeld seines Reservierungsdienstes.

**Fällt das Netz aus**, bleibt der zuletzt geladene Stand stehen, leicht unscharf und mit dem Hinweis „Letzter Stand von 14:05 · wird neu verbunden“, bis der Inhalt wieder erreichbar ist.

**Auf ruhenden Flächen**, also in den Miniaturen der Szenenliste und im Store, wird nichts geladen. Dort steht eine ruhige Fläche mit der Art des Inhalts, etwa „Karte“.

## Einstellungen

Die Einstellungen öffnen Sie über das Zahnrad an der Leiste über dem Widget. Sie liegen auf den Reitern **Inhalt**, **Aussehen** und **Daten**. Die Leiste bietet außerdem **Vorlage** und **Farben** an, dazu die **Größe**.

![Das Einstellungs-Fenster einer Einbettung im Szenen-Editor, Reiter Daten: der Embed-Code (1), Prüfen (2), der Reiter Inhalt mit der Größe im Rahmen (3) und der Reiter Aussehen mit Hintergrund und Ecken (4)](/de/apps/bilder/e81f76cc-embed-settings.png)

| Einstellung | Reiter | Bedeutung | Standard |
|---|---|---|---|
| **Embed-Code** | **Daten** | Der Code des Anbieters, so wie Sie ihn kopiert haben, höchstens 10.000 Zeichen. **Prüfen** zeigt darunter, was die App erkannt hat („Karte erkannt“), ob sich der Inhalt einbetten lässt und auf welchen Ihrer Displays er läuft. | leer |
| **Größe** | **Inhalt** | **Einpassen** zeigt den Inhalt ganz und in seinem Seitenverhältnis, **Füllen** nutzt den ganzen Rahmen, **Originalgröße** lässt ihn so groß, wie der Code ihn angibt. Nennt der Code keine Größe, misst die App sie selbst, sobald er läuft. | Einpassen |
| **Farben** und **Schrift** | **Aussehen** | **Stil der App**, **Markenfarben** oder **Eigene** Farben, dazu die Schrift. Siehe [Widgets einstellen](/de/content/configure-widgets). | Stil der App |
| **Hintergrund** | **Aussehen** | **Hell**, **Dunkel**, **Glas** oder **Transparent**: die Fläche hinter dem Inhalt, solange er lädt und wo er nichts zeigt. | Hell |
| **Ecken** | **Aussehen** | **Abgerundet**, mit dem Rahmen wachsend, oder **Eckig**. | Abgerundet |
| **Code darf Skripte ausführen** | **Inhalt** | Unter **Erweitert**. Die meisten Codes brauchen das. Aus heißt: Nur der Inhalt erscheint, kein fremder Code läuft. | An |

## Grenzen

- *Nicht jeder Inhalt lässt sich einbetten.* Manche Anbieter untersagen die Anzeige in fremden Seiten. **Prüfen** sagt es vorher, das Display zeigt dann nur die ruhige Fläche.
- *Nichts zum Bedienen.* Die Fläche nimmt keine Klicks an. Ein Formular lässt sich am Display nicht ausfüllen, ein Fenster öffnet sich nicht.
- *Adressen gehören zur Webseite.* Eine nackte Adresse zeigt die Einbettung zwar als Seite, Ansicht und Ausschnitt wählen Sie aber nur in der App [Webseite](/de/apps/webpage).
- *Unverschlüsselte Adressen (`http://`)* im Code zeigt nur ein Display mit SzeneraOS.
- *Nicht das Gerät selbst.* Adressen wie `localhost` oder `127.0.0.1` und die Adresse der Anzeige werden nie eingebettet, auch nicht aus einem Code.
- *Nach außen:* Der fremde Anbieter erfährt bei jedem Abruf die Netzwerk-Adresse des Displays. Zeigen Sie nur, was Sie öffentlich wiedergeben dürfen.

## Wenn etwas nicht klappt

| Symptom | Ursache | Lösung |
|---|---|---|
| Die Fläche bleibt am Display leer. | Der Anbieter untersagt die Einbettung, der Code braucht Skripte, oder er fehlt. | **Prüfen** drücken und dem Bericht folgen. Unter **Erweitert** **Code darf Skripte ausführen** einschalten. |
| Der Inhalt steht klein mit Rand im Rahmen. | **Einpassen** zeigt ihn ganz in seinem Seitenverhältnis. | **Füllen** wählen oder den Rahmen im Seitenverhältnis des Inhalts ziehen. |
| Der Inhalt ist abgeschnitten. | **Originalgröße** ist größer als der Rahmen. | **Einpassen** wählen oder den Rahmen größer ziehen. |
| Statt des Inhalts steht der letzte Stand mit „wird neu verbunden“. | Das Display erreicht den Anbieter gerade nicht. | Netz des Displays prüfen. Das Display lädt von selbst, sobald der Inhalt wieder erreichbar ist. |
| Ein YouTube-Video läuft nicht wie gewünscht. | Der Code des Players kennt keine Wiederholung und keinen Ton nach Gerät. | Die App [YouTube](/de/apps/youtube) nehmen. |
| Das Widget lässt sich nicht einsetzen. | Die App ist nicht installiert, ein Update wartet auf Ihre Entscheidung, oder sie steht auf **Nicht in Ihrem Paket**. | Unter **Apps** den Status prüfen ([Wenn eine App nicht läuft](/de/help/apps-troubleshooting)). |

## Weiterführendes

- [Webseite](/de/apps/webpage) — für eine Seite über ihre Adresse, mit Ansicht und Ausschnitt.
- [YouTube](/de/apps/youtube) — Videos und Live-Sendungen mit Wiederholung und Ton nach Gerät.
- [Widgets einstellen: Vorlage, Vorschau und Felder](/de/content/configure-widgets)