Skip to main content
GenToonGenToon

Insertar un webtoon

Pon un webtoon de GenToon en tu blog o sitio web y tus lectores podrán pasar todas las viñetas ahí mismo, sin salir de tu página.

Así se ve

Este es el reproductor real. Prueba a pasar las viñetas.

Cómo insertarlo

  1. Toca «Insertar» en la publicación

    Lo encontrarás debajo de la publicación del webtoon, justo al lado del botón de compartir.

  2. Elige un tamaño

    Elige Pequeño, Normal o Grande. Si la columna de la página es estrecha, activa «Código adaptable». La vista previa muestra tu elección al instante.

    En «Modo de lectura» puedes elegir entre «Viñeta a viñeta» (predeterminado) y «Desplazar hacia abajo». Al desplazar hacia abajo, siempre empieza en la primera viñeta.

  3. Toca «Copiar código» y pégalo

    Pégalo en el editor HTML de tu blog o sitio web, y listo.

En la app, toca el botón de compartir de la publicación y elige «Insertar» para copiar el código.

Dónde pegarlo

WordPress autoalojado
Basta con pegar el enlace de la publicación y el reproductor aparece por sí solo. Usa «Copiar enlace» en la ventana de inserción.
Blogs y sitios web que aceptan HTML
Pega en el editor HTML el código que copiaste con «Copiar código».
Campos que solo aceptan una dirección
Si un campo solo acepta una dirección, usa la dirección del reproductor. Tiene la forma de la línea de abajo, y el ID del final es la última parte de la dirección de la publicación.
https://www.gentoon.ai/embed/post/<id-publicación>
Toca «Copiar enlace para insertar» en la ventana de inserción y se copiará esta dirección.

En cualquier otro sitio, depende de si permite HTML externo o un iframe. Si no lo permite, comparte el enlace con «Copiar enlace».

Ten en cuenta

  • El reproductor no usa cookies y nunca pide a nadie que inicie sesión.
  • Si el autor elimina la publicación o la hace privada, deja de mostrarse en todos los sitios donde se insertó.
  • Los textos de los botones del reproductor se adaptan al idioma de cada lector.
  • En la ventana de inserción, los autores pueden ver en «Resultados de las inserciones» cuántas veces se leyó su webtoon en otros sitios.

Para desarrolladores

Si tu servicio admite oEmbed, basta con el enlace de una publicación para mostrar el reproductor.

Endpoint de oEmbed

Pasa la dirección de la publicación en url. Los formatos son json y xml, y maxwidth y maxheight reducen el reproductor manteniendo su proporción. Las páginas de las publicaciones incluyen etiquetas link de descubrimiento de oEmbed.

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

Códigos de respuesta: 200 OK · 404 la publicación no existe o la dirección no corresponde a una publicación de GenToon · 401 la publicación existe, pero no se puede insertar (por ejemplo, publicaciones privadas o solo disponibles en la app) · 501 un formato distinto de json o xml.

<iframe src="https://www.gentoon.ai/embed/post/9fa0016a-1192-4a72-afa8-d0ffad90c315" width="400" height="644" title="Insertar un webtoon · 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>

Dirección del reproductor y parámetros

https://www.gentoon.ai/embed/post/9fa0016a-1192-4a72-afa8-d0ffad90c315?hl=en&theme=dark&start=2&layout=scroll
hl
Fija el idioma (por ejemplo, en o ja). Sin él, el reproductor sigue el idioma del navegador del lector.
theme
Usa dark para un reproductor oscuro.
start
Empieza en la viñeta N (contando desde 1).
layout
Usa scroll para leer las viñetas una tras otra en vertical. Sin él, el lector las pasa de una en una. Los códigos para insertar de oEmbed siempre las muestran de una en una.

El botón de pantalla completa solo aparece si el iframe tiene allowfullscreen (nuestro código para insertar lo incluye). WordPress elimina ese atributo y Safari en iPhone no admite la pantalla completa, así que ahí no hay botón. El botón de subtítulos (CC) solo aparece cuando el idioma del lector es distinto del de los diálogos, y al tocarlo carga la traducción una sola vez.

Mensajes de altura (postMessage)

El reproductor avisa a la ventana padre cuando cambia su altura. Escucha los mensajes de abajo y cambia el tamaño del iframe.

Formato predeterminado

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

Formato de Embedly e Iframely

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

Formato de WordPress (cuando la dirección termina en #?secret=)

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

Las respuestas del reproductor no establecen cookies y están marcadas como noindex, así que los buscadores no las indexan.

Preguntas

Si la inserción no funciona o quieres colaborar con nosotros, escríbenos a service@gentoon.ai.

Volver a la ayuda