Skip to main content
GenToonGenToon

Mag-embed ng webtoon

Ilagay ang isang GenToon webtoon sa iyong blog o website, at ma-swipe ng mga mambabasa ang bawat cut doon mismo, nang hindi umaalis sa page mo.

Ganito ang itsura

Ito ang totoong embed player. Subukang i-swipe ito.

Paano mag-embed

  1. I-tap ang “I-embed” sa post

    Makikita mo ito sa ilalim ng webtoon post, katabi mismo ng share button.

  2. Pumili ng laki

    Pumili ng Maliit, Default o Malaki. Kung makitid ang column ng page, i-on ang “Responsive na code”. Makikita agad sa preview ang pinili mo.

    Sa “Paraan ng pagbasa”, puwede mong piliin ang “I-swipe isa-isa” (default) o “Mag-scroll pababa”. Sa pag-scroll pababa, laging nagsisimula sa unang cut.

  3. I-tap ang “Kopyahin ang code” at i-paste ito

    I-paste ito sa HTML editor ng iyong blog o website, at tapos ka na.

Sa app, i-tap ang share button ng post at piliin ang “I-embed” para makopya ang code.

Saan ito ipe-paste

Self-hosted na WordPress
I-paste lang ang link ng post at kusang lalabas ang player. Gamitin ang “Kopyahin ang link” sa embed window.
Mga blog at website na tumatanggap ng HTML
I-paste sa HTML editor ang code mula sa “Kopyahin ang code”.
Mga lugar na may field para sa address lang
Kung address lang ang tinatanggap ng field, gamitin ang address ng player. Kamukha ito ng linya sa ibaba, at ang ID sa dulo ay ang huling bahagi ng address ng post.
https://www.gentoon.ai/embed/post/<id-ng-post>
I-tap ang “Kopyahin ang embed link” sa embed window para makopya ang address na ito.

Sa ibang lugar, depende ito kung pinapayagan ng site ang HTML mula sa labas o ang iframe. Kung hindi, ibahagi ang link gamit ang “Kopyahin ang link”.

Mabuting malaman

  • Hindi gumagamit ng cookies ang player at hindi kailanman humihiling sa sinuman na mag-sign in.
  • Kapag binura ng creator ang post o ginawa itong private, hindi na ito lalabas saanman ito naka-embed.
  • Sumusunod sa wika ng bawat mambabasa ang mga label ng button ng player.
  • Makikita ng mga creator sa “Resulta ng pag-embed” sa embed window kung ilang beses nabasa ang kanilang webtoon sa ibang site.

Para sa mga developer

Kung sinusuportahan ng serbisyo mo ang oEmbed, link lang ng post ang kailangan para maipakita ang player.

Endpoint ng oEmbed

Ilagay ang address ng post bilang url. Ang mga format ay json at xml, at pinaliliit ng maxwidth at maxheight ang player nang hindi nagbabago ang hugis nito. May mga link tag para sa oEmbed discovery ang mga page ng post.

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

Mga response code: 200 OK · 404 walang ganitong post, o hindi ito address ng post sa GenToon · 401 may ganitong post, pero hindi ito puwedeng i-embed (halimbawa, mga post na private o sa app lang makikita) · 501 format na hindi json o xml.

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

Address ng player at mga parameter

https://www.gentoon.ai/embed/post/9fa0016a-1192-4a72-afa8-d0ffad90c315?hl=en&theme=dark&start=2&layout=scroll
hl
Itinatakda ang wika (halimbawa, en o ja). Kapag wala ito, sinusunod ng player ang wika ng browser ng mambabasa.
theme
Gamitin ang dark para sa madilim na player.
start
Nagsisimula sa cut N (nagbibilang mula 1).
layout
Gamitin ang scroll para basahin ang mga cut nang sunod-sunod pababa. Kapag wala ito, isa-isang sina-swipe ng mambabasa ang mga cut. Laging isa-isang cut ang ipinapakita ng mga oEmbed embed code.

Lumalabas lang ang full screen button kapag may allowfullscreen ang iframe (kasama ito sa embed code namin). Tinatanggal ng WordPress ang attribute na iyon at hindi sinusuportahan ng Safari sa iPhone ang full screen, kaya walang button doon. Lumalabas lang ang caption (CC) button kapag iba ang wika ng mambabasa sa wika ng diyalogo, at kapag na-tap ito, isang beses itong naglo-load ng salin.

Mga mensahe ng taas (postMessage)

Sinasabihan ng player ang parent window kapag nagbago ang taas nito. Pakinggan ang mga mensahe sa ibaba at i-resize ang iframe.

Default na format

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

Format ng Embedly at Iframely

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

Format ng WordPress (kapag nagtatapos ang address sa #?secret=)

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

Walang cookie na sine-set ang mga response ng player, at may markang noindex ang mga ito kaya hindi ini-index ng mga search engine.

Mga tanong

Kung hindi gumagana ang pag-embed o gusto mong makipag-partner sa amin, mag-email sa service@gentoon.ai.

Bumalik sa Tulong