At sætte et kort på dit eget websted
Et kort kan bo inde i en side, du allerede har (en teamside, et intranetopslag, et websted til lejligheden), som en ramme, der holder det rigtige kort frem for et billede af et.
Hvad indlejringen er
Det samme kort, tegnet uden Noya omkring: intet sidehoved, ingen redigeringsværktøjer, ingenting der tilhører den, der lavede det. Folk, der læser din side, kan læse kortene og skrive deres eget, præcis som de kunne på linket. Det indrammede kort bliver ikke indekseret af søgemaskiner, og alt i det, der fører tilbage til Noya, åbner i en ny fane frem for inde i din side.
Koden
Indsæt dette dér, hvor kortet skal stå, og udskift YOUR_WALL_ID med dit korts eget id, den del af dets link, der 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>Hvad du kan ændre
Rammen er en ganske almindelig iframe, så dens attributter er dine at rette til, så de passer til den side, den lander på.
| Attribut | Hvad den gør |
|---|---|
| width | Hvor bred rammen er. Står den på 100%, tager den bredden af den spalte, den sidder i. |
| height | Hvor høj rammen er, i pixels. Rammen vokser ikke, som kortet gør, så et kort, der er højere end det, ruller inde i den. |
| title | Hvad rammen hedder for skærmlæsere, og for alle der browser uden billeder. |
| loading | Står den på lazy, bliver kortet først hentet, når en læser ruller ned i nærheden af det. |
Et gennemarbejdet eksempel
Det samme kodestykke med et korts id udfyldt og en højde valgt til den side, det sidder 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ærd at gøre
- Lad bredden stå på 100%, så kortet følger dit layout i stedet for at skubbe sig ud af det.
- Vælg en højde, du er tilfreds med at rulle inde i, og sæt den op, når kortet fyldes op.
- Behold lazy loading. Et kort længere nede på en side skal ikke holde toppen af den tilbage.
- Indlejr invitationslinket, aldrig overrækkelseslinket. Et kort på en side, du har udgivet, er et kort, folk skal kunne skrive på, og det er ikke det, overrækkelseslinket er til.
Hvor du finder det i Noya
Du behøver ikke kopiere noget fra denne side. Åbn Indlejring i kortets værktøjsskinne, så ligger kodestykket der med det korts id allerede i sig, og en knap der kopierer det hele.