Paglalagay ng card sa sarili mong site
Puwedeng manirahan ang isang card sa loob ng page na mayroon ka na (isang team page, isang intranet post, isang site para sa okasyon), bilang frame na naghahawak ng totoong card sa halip na larawan nito.
Ano ang embed
Ang parehong card, na ini-render nang walang Noya sa paligid nito: walang site header, walang kontrol sa pag-edit, walang kahit anong pag-aari ng gumawa nito. Nababasa ng mga bumabasa ng page mo ang mga card at nakakadagdag sila ng sarili nilang card, gaya rin ng magagawa nila sa link. Hindi na-iindex ng mga search engine ang naka-frame na card, at ang kahit anong nasa loob nito na pabalik sa Noya ay bumubukas sa bagong tab sa halip na sa loob ng page mo.
Ang code
I-paste ito kung saan dapat naroon ang card, at palitan ang YOUR_WALL_ID ng sariling id ng card mo, ang bahagi ng link nito na kasunod ng /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>Ano ang puwede mong baguhin
Ordinaryong iframe ang frame, kaya nasa iyo ang mga attribute nito para iayon sa page na kinalalagyan nito.
| Attribute | Ano ang ginagawa nito |
|---|---|
| width | Kung gaano kalapad ang frame. Kapag iniwan sa 100%, kinukuha nito ang lapad ng kung anong column ang kinalalagyan nito. |
| height | Kung gaano kataas ang frame, sa pixel. Hindi lumalaki ang frame kasabay ng card, kaya ang card na mas mataas dito ay nagsi-scroll sa loob nito. |
| title | Kung ano ang tawag sa frame para sa mga screen reader, at para sa kahit sinong nagba-browse nang walang larawan. |
| loading | Kapag iniwan bilang lazy, kinukuha lang ang card kapag nag-scroll na ang mambabasa malapit dito. |
Isang halimbawang gawa na
Ang parehong snippet na may nakalagay nang id ng isang card at taas na pinili para sa page na kinalalagyan nito.
<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>Sulit gawin
- Iwanan ang lapad sa 100% para sumunod ang card sa layout mo sa halip na lumusot dito.
- Pumili ng taas na kaya mong i-scroll, at taasan ito kapag napuno na ang card.
- Panatilihin ang lazy loading. Hindi dapat pinipigilan ng card na nasa ibaba ng page ang itaas nito.
- I-embed ang invite link, hindi kailanman ang delivery link. Ang card na nasa page na na-publish mo ay card na dapat sulatan ng mga tao, at hindi iyon ang para sa delivery link.
Saan ito makikita sa Noya
Hindi mo kailangang kopyahin ang kahit ano mula sa page na ito. Buksan ang Embed sa tool rail ng card at nandoon na ang snippet na may id na ng card na iyon, at may butones na kumokopya ng lahat.