把一张贺卡放到你自己的站点上

一张贺卡可以住在你已经有的页面里(团队页、内网帖子、为这件事做的一个站点),它是一个装着那张真贺卡的框,而不是它的一张照片。

嵌入的是什么

同一张贺卡,只是周围没有 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>
YOUR_WALL_ID 顶的是你那张贺卡。其余的原样粘贴就行。

你可以改的东西

这个框就是一个普通的 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,还有一个把整段复制走的按钮。