Å legge et kort på ditt eget nettsted

Et kort kan bo inne i en side du allerede har (en teamside, et innlegg på intranettet, et nettsted for anledningen), som en ramme som holder det virkelige kortet heller enn et bilde av det.

Hva innbyggingen er

Det samme kortet, tegnet uten Noya rundt seg: ingen topplinje fra nettstedet, ingen redigeringskontroller, ingenting som tilhører den som laget det. Folk som leser siden din kan lese kortene og legge til sine egne, nøyaktig som de kunne på lenken. Det innrammede kortet indekseres ikke av søkemotorer, og alt i det som fører tilbake til Noya åpnes i en ny fane heller enn inne i siden din.

Koden

Lim denne inn der kortet skal stå, og bytt ut YOUR_WALL_ID med kortets egen id, delen av lenken som kommer etter /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 står i stedet for kortet ditt. Alt annet kan limes inn som det er.

Hva du kan endre

Rammen er en helt vanlig iframe, så attributtene er dine å redigere så de passer siden den havner på.

widthHvor bred rammen er. Står den på 100 % tar den bredden til spalten den står i.
heightHvor høy rammen er, i piksler. Rammen vokser ikke slik kortet gjør, så et kort som er høyere enn dette ruller inne i den.
titleHva rammen heter for skjermlesere, og for alle som surfer uten bilder.
loadingStår den på lazy, hentes kortet først når en leser ruller i nærheten av det.

Et gjennomført eksempel

Den samme snutten med id-en til et kort fylt inn og en høyde valgt for siden det står 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>

Verdt å gjøre

  • La bredden stå på 100 % så kortet følger oppsettet ditt i stedet for å presse seg ut av det.
  • Velg en høyde du er fornøyd med å rulle inne i, og hev den når kortet fylles opp.
  • Behold lazy-lastingen. Et kort lenger nede på en side skal ikke holde igjen toppen av den.
  • Bygg inn invitasjonslenken, aldri overleveringslenken. Et kort på en side du har publisert er et kort folk er ment å skrive på, og det er ikke det overleveringslenken er til for.

Hvor du finner det i Noya

Du trenger ikke kopiere noe fra denne siden. Åpne Bygg inn i kortets verktøyspor, så ligger snutten der med id-en til det kortet allerede i, og en knapp som kopierer hele greia.