Bir kartı kendi sitene koymak
Bir kart, hâlihazırda sahip olduğun bir sayfanın içinde yaşayabilir (bir ekip sayfası, bir intranet yazısı, o güne özel bir site); kartın resmi olarak değil, gerçek kartı taşıyan bir çerçeve olarak.
Yerleştirme nedir
Aynı kart, etrafında Noya olmadan: site başlığı yok, düzenleme araçları yok, onu hazırlayan kişiye ait hiçbir şey yok. Sayfanı okuyanlar kartları okuyabilir ve kendilerininkini ekleyebilir, tıpkı bağlantıda yapabilecekleri gibi. Çerçevelenmiş kart arama motorlarına düşmez ve içinde Noya'ya geri götüren ne varsa, sayfanın içinde değil yeni bir sekmede açılır.
Kod
Bunu kartın duracağı yere yapıştır ve YOUR_WALL_ID yerine kendi kartının kimliğini yaz: bağlantısında /c/ sonrasında gelen kısmı.
<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>Neyi değiştirebilirsin
Çerçeve sıradan bir iframe, dolayısıyla nitelikleri, indiği sayfaya uysun diye senin düzenlemene açık.
| Nitelik | Ne işe yarar |
|---|---|
| width | Çerçevenin genişliği. 100% olarak bırakılırsa, içinde durduğu sütunun genişliğini alır. |
| height | Çerçevenin piksel cinsinden yüksekliği. Çerçeve kartla birlikte büyümez, dolayısıyla bundan uzun bir kart içinde kayar. |
| title | Çerçevenin ekran okuyucular ve görselsiz gezinenler için adı. |
| loading | lazy olarak bırakılırsa kart, ancak okuyucu ona yaklaştığında getirilir. |
Örnek bir kullanım
Aynı kod parçası, bir kartın kimliği doldurulmuş ve durduğu sayfaya göre bir yükseklik seçilmiş hâlde.
<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>Yapmaya değer
- Genişliği 100% bırak ki kart, düzeninin dışına taşmak yerine onu izlesin.
- İçinde kaydırmaktan memnun olacağın bir yükseklik seç ve kart dolunca yükselt.
- Geç yüklemeyi olduğu gibi bırak. Sayfanın aşağısındaki bir kart, üstünü bekletmemeli.
- Davet bağlantısını yerleştir, asla teslim bağlantısını. Yayımladığın bir sayfadaki kart, insanların yazması için orada duran bir karttır; teslim bağlantısı bunun için değildir.
Noya içinde nerede bulunur
Bu sayfadan bir şey kopyalamak zorunda değilsin. Kartın araç çubuğundan Yerleştir'i aç; kod parçası, o kartın kimliği çoktan içine yazılmış hâlde orada, hepsini birden kopyalayan bir düğmeyle birlikte.