Att lägga ett kort på din egen webbplats
Ett kort kan bo inuti en sida du redan har (en teamsida, ett intranätsinlägg, en webbplats för tillfället), som en ram som håller det riktiga kortet snarare än en bild av ett.
Vad inbäddningen är
Samma kort, återgivet utan Noya runt sig: inget sidhuvud, inga redigeringskontroller, ingenting som tillhör den som gjorde det. Folk som läser din sida kan läsa korten och lägga till egna, precis som de kunde via länken. Det inramade kortet indexeras inte av sökmotorer, och allt i det som leder tillbaka till Noya öppnas i en ny flik i stället för inuti din sida.
Koden
Klistra in det här där kortet ska sitta, och ersätt YOUR_WALL_ID med ditt korts eget id, den del av länken som kommer efter /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>Vad du kan ändra
Ramen är en vanlig iframe, så dess attribut är dina att redigera efter sidan den hamnar på.
| Attribut | Vad det gör |
|---|---|
| width | Hur bred ramen är. Lämnad på 100% tar den bredden av den spalt den sitter i. |
| height | Hur hög ramen är, i pixlar. Ramen växer inte i takt med kortet, så ett kort som är högre än så rullar inuti den. |
| title | Vad ramen heter för skärmläsare, och för alla som surfar utan bilder. |
| loading | Lämnad som lazy hämtas kortet först när en läsare rullar i närheten av det. |
Ett genomfört exempel
Samma kodsnutt med ett korts id ifyllt och en höjd vald för sidan det sitter på.
<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>Värt att göra
- Lämna bredden på 100% så att kortet följer din layout i stället för att tränga ut ur den.
- Välj en höjd du är nöjd med att rulla inuti, och höj den när kortet fylls.
- Behåll den lata inläsningen. Ett kort längre ner på en sida ska inte hålla upp toppen av den.
- Bädda in inbjudningslänken, aldrig överlämningslänken. Ett kort på en sida du har publicerat är ett kort folk är tänkta att skriva på, vilket inte är vad överlämningslänken är till för.
Var du hittar det i Noya
Du behöver inte kopiera något från den här sidan. Öppna Bädda in i kortets verktygsrad så finns kodsnutten där med det kortets id redan i sig, och en knapp som kopierar alltihop.