Skip to main content
GenToonGenToon

Incorporar um webtoon

Coloque um webtoon do GenToon no seu blog ou site, e os leitores podem passar por todos os quadros ali mesmo, sem sair da sua página.

Veja como fica

Este é o player real de incorporação. Experimente passar os quadros.

Como incorporar

  1. Toque em “Incorporar” na publicação

    Ele fica abaixo da publicação do webtoon, bem ao lado do botão de compartilhar.

  2. Escolha um tamanho

    Escolha Pequeno, Padrão ou Grande. Se a coluna da página for estreita, ative “Código responsivo”. A prévia mostra sua escolha na hora.

    Em “Modo de leitura”, você pode escolher entre “Quadro a quadro” (padrão) e “Rolar para baixo”. Ao rolar para baixo, a leitura sempre começa no primeiro quadro.

  3. Toque em “Copiar código” e cole

    Cole no editor HTML do seu blog ou site, e pronto.

No app, toque no botão de compartilhar da publicação e escolha “Incorporar” para copiar o código.

Onde colar

WordPress auto-hospedado
É só colar o link da publicação que o player aparece sozinho. Use “Copiar link” na janela de incorporação.
Blogs e sites que aceitam HTML
Cole no editor HTML o código copiado com “Copiar código”.
Campos que aceitam só um endereço
Se um campo aceita só um endereço, use o endereço do player. Ele tem o formato da linha abaixo, e o ID no final é a última parte do endereço da publicação.
https://www.gentoon.ai/embed/post/<id-da-publicação>
Toque em “Copiar link de incorporação” na janela de incorporação para copiar este endereço.

Em outros lugares, depende de o site permitir HTML externo ou um iframe. Se não permitir, compartilhe o link com “Copiar link”.

Bom saber

  • O player não usa cookies e nunca pede login a ninguém.
  • Se o autor excluir a publicação ou torná-la privada, ela deixa de aparecer em todos os lugares onde foi incorporada.
  • Os textos dos botões do player seguem o idioma de cada leitor.
  • Na janela de incorporação, em “Resultados das incorporações”, os autores podem ver quantas vezes o webtoon foi lido em outros sites.

Para desenvolvedores

Se o seu serviço oferece suporte a oEmbed, basta o link de uma publicação para mostrar o player.

Endpoint do oEmbed

Passe o endereço da publicação em url. Os formatos são json e xml, e maxwidth e maxheight reduzem o player mantendo a proporção. As páginas das publicações têm tags link de descoberta do 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 resposta: 200 OK · 404 a publicação não existe ou o endereço não é de uma publicação do GenToon · 401 a publicação existe, mas não pode ser incorporada (por exemplo, publicações privadas ou disponíveis só no app) · 501 um formato diferente de json ou xml.

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

Endereço do player e parâmetros

https://www.gentoon.ai/embed/post/9fa0016a-1192-4a72-afa8-d0ffad90c315?hl=en&theme=dark&start=2&layout=scroll
hl
Fixa o idioma (por exemplo, en ou ja). Sem ele, o player segue o idioma do navegador do leitor.
theme
Use dark para um player escuro.
start
Começa no quadro N (contando a partir de 1).
layout
Use scroll para ler os quadros um embaixo do outro. Sem ele, o leitor passa um quadro por vez. Os códigos de incorporação do oEmbed sempre mostram um quadro por vez.

O botão de tela cheia só aparece quando o iframe tem allowfullscreen (está incluído no nosso código de incorporação). O WordPress remove esse atributo e o Safari no iPhone não oferece suporte a tela cheia, então ali não há botão. O botão de legendas (CC) só aparece quando o idioma do leitor é diferente do idioma dos diálogos e, ao ser tocado, carrega a tradução uma única vez.

Mensagens de altura (postMessage)

O player avisa a janela pai quando a altura dele muda. Escute as mensagens abaixo e redimensione o iframe.

Formato padrão

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

Formato do Embedly e do Iframely

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

Formato do WordPress (quando o endereço termina com #?secret=)

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

As respostas do player não definem cookies e são marcadas com noindex, então os mecanismos de busca não as indexam.

Dúvidas

Se a incorporação não funcionar ou se você quiser fazer uma parceria com a gente, mande um e-mail para service@gentoon.ai.

Voltar para a Ajuda