Skip to main content
GenToonGenToon

Sematkan webtoon

Pasang webtoon GenToon di blog atau situsmu, dan pembaca bisa menggeser semua panelnya langsung di sana tanpa meninggalkan halamanmu.

Seperti ini tampilannya

Ini pemutar sematan yang asli. Coba geser.

Cara menyematkan

  1. Ketuk “Sematkan” di postingan

    Tombolnya ada di bawah postingan webtoon, tepat di sebelah tombol bagikan.

  2. Pilih ukuran

    Pilih Kecil, Standar, atau Besar. Jika kolom halamannya sempit, aktifkan “Kode responsif”. Pratinjau langsung menampilkan pilihanmu.

    Di “Cara membaca”, kamu bisa memilih “Geser per panel” (bawaan) atau “Gulir ke bawah”. Gulir ke bawah selalu dimulai dari panel pertama.

  3. Ketuk “Salin kode” lalu tempel

    Tempel ke editor HTML blog atau situsmu, dan selesai.

Di aplikasi, ketuk tombol bagikan pada postingan, lalu pilih “Sematkan” untuk menyalin kodenya.

Tempel di mana?

WordPress yang di-host sendiri
Cukup tempel tautan postingan, dan pemutarnya akan muncul sendiri. Gunakan “Salin tautan” di jendela sematan.
Blog dan situs yang menerima HTML
Tempel kode dari “Salin kode” ke editor HTML.
Tempat yang hanya punya kolom untuk alamat
Jika kolomnya hanya menerima alamat, gunakan alamat pemutar. Bentuknya seperti baris di bawah, dan ID di ujungnya sama dengan bagian terakhir alamat postingan.
https://www.gentoon.ai/embed/post/<id-postingan>
Ketuk “Salin tautan sematan” di jendela sematan untuk menyalin alamat ini.

Di tempat lain, tergantung apakah situsnya mengizinkan HTML dari luar atau iframe. Jika tidak, bagikan tautannya dengan “Salin tautan”.

Perlu diketahui

  • Pemutar ini tidak memakai cookie dan tidak pernah meminta siapa pun untuk masuk.
  • Jika kreator menghapus postingan atau menjadikannya privat, postingan itu tidak akan tampil lagi di mana pun ia disematkan.
  • Label tombol di pemutar mengikuti bahasa setiap pembaca.
  • Kreator bisa melihat berapa kali webtoon-nya dibaca di situs lain lewat “Hasil sematan” di jendela sematan.

Untuk pengembang

Jika layananmu mendukung oEmbed, cukup tautan postingan untuk menampilkan pemutar.

Endpoint oEmbed

Kirim alamat postingan sebagai url. Formatnya json dan xml, dan maxwidth serta maxheight akan mengecilkan pemutar dengan rasio tetap. Halaman postingan memuat tag link untuk penemuan 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

Kode respons: 200 berhasil · 404 postingan tidak ada atau alamatnya bukan alamat postingan GenToon · 401 postingan ada, tapi tidak bisa disematkan (misalnya postingan privat atau yang hanya ada di aplikasi) · 501 format selain json dan xml.

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

Alamat pemutar dan parameter

https://www.gentoon.ai/embed/post/9fa0016a-1192-4a72-afa8-d0ffad90c315?hl=en&theme=dark&start=2&layout=scroll
hl
Mengunci bahasa (misalnya en atau ja). Tanpa ini, pemutar mengikuti bahasa browser pembaca.
theme
Gunakan dark untuk pemutar bertema gelap.
start
Mulai dari panel ke-N (dihitung dari 1).
layout
Gunakan scroll untuk membaca panel bersambung dari atas ke bawah. Tanpa ini, pembaca menggeser panel satu per satu. Kode sematan oEmbed selalu menampilkan panel satu per satu.

Tombol layar penuh hanya muncul jika iframe memiliki allowfullscreen (kode sematan kami menyertakannya). WordPress menghapus atribut itu dan Safari di iPhone tidak mendukung layar penuh, jadi di sana tidak ada tombolnya. Tombol teks (CC) hanya muncul jika bahasa pembaca berbeda dari bahasa dialog, dan saat diketuk akan memuat terjemahan satu kali.

Pesan tinggi (postMessage)

Pemutar memberi tahu jendela induk saat tingginya berubah. Dengarkan pesan di bawah, lalu sesuaikan tinggi iframe.

Format bawaan

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

Format Embedly dan Iframely

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

Format WordPress (jika alamatnya diakhiri #?secret=)

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

Respons pemutar tidak memasang cookie dan ditandai noindex, sehingga mesin pencari tidak mengindeksnya.

Pertanyaan

Jika penyematan tidak berhasil atau kamu ingin bermitra dengan kami, kirim email ke service@gentoon.ai.

Kembali ke Bantuan