Webtoon einbetten

Bette einen GenToon-Webtoon in deinen Blog oder deine Website ein, dann können deine Leser direkt dort durch alle Panels wischen, ohne deine Seite zu verlassen.

So sieht es aus

Das ist der echte Player zum Einbetten. Wisch einfach mal durch.

So bettest du ein

Tippe im Beitrag auf „Einbetten“
Den Button findest du unter dem Webtoon-Beitrag, direkt neben dem Teilen-Button.
Wähle eine Größe
Wähle Klein, Standard oder Groß. Ist die Spalte deiner Seite schmal, aktiviere „Responsiver Code“. Die Vorschau zeigt deine Auswahl sofort.
Unter „Leseart“ kannst du zwischen „Durchblättern“ (Standard) und „Nach unten scrollen“ wählen. Beim Scrollen nach unten geht es immer beim ersten Panel los.
Tippe auf „Code kopieren“ und füge ihn ein
Füge ihn in den HTML-Editor deines Blogs oder deiner Website ein, und fertig.

Tippe in der App auf den Teilen-Button des Beitrags und wähle „Einbetten“, um den Code zu kopieren.

Wo du den Code einfügst

Selbst gehostetes WordPress: Füge einfach den Link zum Beitrag ein, dann erscheint der Player von selbst. Nutze dafür „Link kopieren“ im Einbettungsfenster.
Blogs und Websites, die HTML erlauben: Füge den Code aus „Code kopieren“ in den HTML-Editor ein.
Felder, die nur eine Adresse annehmen: Nimmt ein Feld nur eine Adresse an, verwende die Player-Adresse. Sie sieht aus wie die Zeile unten, und die ID am Ende ist der letzte Teil der Beitragsadresse.
https://www.gentoon.ai/embed/post/<beitrags-id>
Tippe im Einbettungsfenster auf „Einbettungslink kopieren“, um diese Adresse zu kopieren.

Überall sonst hängt es davon ab, ob die Website externes HTML oder ein iframe zulässt. Falls nicht, teile den Link mit „Link kopieren“.

Gut zu wissen

Der Player verwendet keine Cookies und fordert niemanden zur Anmeldung auf.
Löscht der Autor den Beitrag oder stellt ihn auf privat, wird er auch dort nicht mehr angezeigt, wo er eingebettet wurde.
Die Beschriftungen der Player-Buttons richten sich nach der Sprache des jeweiligen Lesers.
Autoren sehen im Einbettungsfenster unter „Ergebnisse der Einbettung“, wie oft ihr Webtoon auf anderen Websites gelesen wurde.

Für Entwickler

Unterstützt dein Dienst oEmbed, reicht ein Link zum Beitrag, um den Player anzuzeigen.

oEmbed-Endpunkt

Übergib die Beitragsadresse als url. Die Formate sind json und xml, und maxwidth und maxheight verkleinern den Player, ohne sein Seitenverhältnis zu ändern. Beitragsseiten enthalten link-Tags zur oEmbed-Erkennung.

https://www.gentoon.ai/api/oembed

GET https://www.gentoon.ai/api/oembed?url=https%3A%2F%2Fwww.gentoon.ai%2Fcommunity%2Fposts%2F9fa0016a-1192-4a72-afa8-d0ffad90c315&format=json
GET https://www.gentoon.ai/api/oembed?url=https%3A%2F%2Fwww.gentoon.ai%2Fcommunity%2Fposts%2F9fa0016a-1192-4a72-afa8-d0ffad90c315&format=xml

Antwortcodes: 200 OK · 404 der Beitrag existiert nicht oder die Adresse gehört zu keinem GenToon-Beitrag · 401 der Beitrag existiert, kann aber nicht eingebettet werden (zum Beispiel private oder nur in der App verfügbare Beiträge) · 501 ein anderes Format als json oder xml.

<iframe src="https://www.gentoon.ai/embed/post/9fa0016a-1192-4a72-afa8-d0ffad90c315" width="400" height="644" title="Webtoon einbetten · GenToon" frameborder="0" scrolling="no" loading="lazy" allow="clipboard-write; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="border:0;max-width:100%"></iframe>

Player-Adresse und Parameter

https://www.gentoon.ai/embed/post/9fa0016a-1192-4a72-afa8-d0ffad90c315?hl=en&theme=dark&start=2&layout=scroll

hl: Legt die Sprache fest (zum Beispiel en oder ja). Ohne diesen Parameter richtet sich der Player nach der Browsersprache des Lesers.
theme: Nutze dark für einen dunklen Player.
start: Startet bei Panel N (gezählt ab 1).
layout: Nutze scroll, um die Panels untereinander zu lesen. Ohne diesen Parameter blättern Leser Panel für Panel. Einbettungscodes über oEmbed zeigen immer ein Panel auf einmal.

Der Vollbild-Button erscheint nur, wenn das iframe allowfullscreen hat (unser Einbettungscode enthält es). WordPress entfernt dieses Attribut und Safari auf dem iPhone unterstützt kein Vollbild, deshalb gibt es dort keinen Button. Der Untertitel-Button (CC) erscheint nur, wenn sich die Sprache des Lesers von der Sprache der Dialoge unterscheidet, und lädt beim Antippen einmal eine Übersetzung.

Höhenmeldungen (postMessage)

Der Player meldet dem übergeordneten Fenster, wenn sich seine Höhe ändert. Lausche auf die Nachrichten unten und passe die iframe-Höhe an.

Standardformat

{"type":"gentoon:embed:resize","postId":"9fa0016a-1192-4a72-afa8-d0ffad90c315","height":644}

Embedly- und Iframely-Format

JSON.stringify({"src":"https://www.gentoon.ai/embed/post/9fa0016a-1192-4a72-afa8-d0ffad90c315","context":"iframe.resize","height":644,"domains":"all"})

WordPress-Format (wenn die Adresse auf #?secret= endet)

{"message":"height","value":644,"secret":"<secret>"}

Antworten des Players setzen keine Cookies und sind als noindex markiert, sodass Suchmaschinen sie nicht indexieren.

Fragen

Wenn das Einbetten nicht klappt oder du mit uns zusammenarbeiten möchtest, schreib uns eine E-Mail an service@gentoon.ai.

Zurück zur Hilfe