把一张贺卡放到你自己的站点上
一张贺卡可以住在你已经有的页面里(团队页、内网帖子、为这件事做的一个站点),它是一个装着那张真贺卡的框,而不是它的一张照片。
嵌入的是什么
同一张贺卡,只是周围没有 Noya:没有站点顶栏,没有编辑控件,没有任何属于做它的人的东西。读你页面的人能读上面的卡片,也能加上自己的一张,和在链接上一模一样。框里的这张贺卡不会被搜索引擎收录,而它里面任何通回 Noya 的东西,都在新标签页里打开,而不是在你的页面里。
代码
把这段粘贴到这张贺卡该在的地方,并把 YOUR_WALL_ID 换成你这张贺卡自己的 id,也就是它链接里 /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>你可以改的东西
这个框就是一个普通的 iframe,所以它的属性都归你改,改到适合它落脚的那个页面为止。
| 属性 | 作用 |
|---|---|
| width | 框有多宽。留在 100% 就是占满它所在那一栏的宽度。 |
| height | 框有多高,单位是像素。框不会随着贺卡一起长,所以比这更高的贺卡会在框里滚动。 |
| title | 这个框在读屏软件里叫什么,以及在不看图的人那里叫什么。 |
| loading | 留成 lazy 的话,只有读者滚动到它附近时,这张贺卡才会被取过来。 |
一个实际例子
同一段代码,填进了一张贺卡的 id,高度也按它所在的页面挑过。
<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>值得一做的
- 把宽度留在 100%,让这张贺卡跟着你的版式走,而不是从版式里挤出去。
- 挑一个你乐意在里面滚动的高度,等贺卡满了再把它调高。
- 保留 lazy 加载。页面靠下的一张贺卡,不该拖住页面的顶部。
- 嵌入邀请链接,永远别嵌入送出链接。放在你已发布页面上的一张贺卡,是一张本来就要让人写的贺卡,而那不是送出链接的用处。
在 Noya 里去哪儿找
你不必从这一页复制任何东西。在这张贺卡的工具栏里打开“嵌入”,那段代码就在那儿,里面已经填好了这张贺卡的 id,还有一个把整段复制走的按钮。
