Menaruh kartu di situsmu sendiri
Sebuah kartu bisa hidup di dalam halaman yang sudah kamu punya (halaman tim, tulisan di intranet, situs untuk acara itu), sebagai bingkai yang memuat kartu sungguhan, bukan gambarnya.
Apa itu sematan
Kartu yang sama, ditampilkan tanpa Noya di sekelilingnya: tanpa header situs, tanpa kontrol penyuntingan, tanpa apa pun milik orang yang membuatnya. Orang yang membaca halamanmu bisa membaca kartu-kartu di dalamnya dan menambahkan kartunya sendiri, persis seperti lewat tautan. Kartu yang dibingkai itu tidak diindeks mesin pencari, dan apa pun di dalamnya yang mengarah kembali ke Noya terbuka di tab baru, bukan di dalam halamanmu.
Kodenya
Tempel ini di tempat kartunya harus berada, dan ganti YOUR_WALL_ID dengan id kartumu sendiri, bagian dari tautannya yang muncul setelah /c/.
<iframe data-noya-src="https://noya.so/embed/YOUR_WALL_ID" width="100%" height="720" style="border:0;width:100%;" title="Noya" loading="lazy" allow="camera; microphone" referrerpolicy="no-referrer-when-downgrade"></iframe>
<script>(function(d){var w="https://noya.so/noya-embed.js",v=function(){if(window.noyaEmbed){window.noyaEmbed.load()}else{d.querySelectorAll("iframe[data-noya-src]:not([src])").forEach(function(f){f.src=f.getAttribute("data-noya-src")})}};if(window.noyaEmbed){v()}else if(!d.querySelector('script[src="'+w+'"]')){var s=d.createElement("script");s.src=w;s.async=true;s.onload=v;s.onerror=v;(d.body||d.head).appendChild(s)}})(document);</script>Apa yang bisa kamu ubah
Bingkainya adalah iframe biasa, jadi atributnya milikmu untuk disunting sesuai halaman tempatnya mendarat.
| Atribut | Fungsinya |
|---|---|
| width | Seberapa lebar bingkainya. Dibiarkan di 100%, bingkainya mengambil lebar kolom tempat ia berada. |
| height | Seberapa tinggi bingkainya, dalam piksel. Bingkainya tidak ikut tumbuh bersama kartunya, jadi kartu yang lebih tinggi dari ini akan bergulir di dalamnya. |
| title | Nama bingkainya bagi pembaca layar, dan bagi siapa pun yang menjelajah tanpa gambar. |
| loading | Dibiarkan sebagai lazy, kartunya baru diambil begitu pembaca menggulir mendekatinya. |
Satu contoh jadi
Potongan kode yang sama dengan id sebuah kartu sudah terisi dan tinggi yang dipilih untuk halaman tempatnya berada.
<iframe data-noya-src="https://noya.so/embed/b7Kq2mXsPnR4" width="100%" height="1000" style="border:0;width:100%;" title="Noya" loading="lazy" allow="camera; microphone" referrerpolicy="no-referrer-when-downgrade"></iframe>
<script>(function(d){var w="https://noya.so/noya-embed.js",v=function(){if(window.noyaEmbed){window.noyaEmbed.load()}else{d.querySelectorAll("iframe[data-noya-src]:not([src])").forEach(function(f){f.src=f.getAttribute("data-noya-src")})}};if(window.noyaEmbed){v()}else if(!d.querySelector('script[src="'+w+'"]')){var s=d.createElement("script");s.src=w;s.async=true;s.onload=v;s.onerror=v;(d.body||d.head).appendChild(s)}})(document);</script>Yang sebaiknya dilakukan
- Biarkan lebarnya di 100% supaya kartunya mengikuti tata letakmu, bukan mendorong keluar darinya.
- Pilih tinggi yang nyaman untuk digulir, dan naikkan saat kartunya makin penuh.
- Pertahankan lazy loading. Kartu yang ada jauh di bawah halaman tidak boleh menahan bagian atasnya.
- Sematkan tautan undangan, jangan pernah tautan penyerahan. Kartu di halaman yang sudah kamu terbitkan adalah kartu yang memang untuk ditulisi orang, dan itu bukan tujuan tautan penyerahan.
Di mana menemukannya di Noya
Kamu tidak perlu menyalin apa pun dari halaman ini. Buka Sematkan di rel alat kartu dan potongan kodenya sudah ada di sana lengkap dengan id kartu itu, beserta tombol yang menyalin semuanya.