Een kaart op je eigen site zetten
Een kaart kan in een pagina staan die je al hebt (een teampagina, een bericht op intranet, een site voor de gelegenheid), als een kader met de echte kaart erin, niet als een plaatje ervan.
Wat de insluiting is
Dezelfde kaart, weergegeven zonder Noya eromheen: geen sitebalk, geen knoppen om te bewerken, niets van degene die hem heeft gemaakt. Wie je pagina leest, kan lezen wat er staat en er een eigen kaart bij zetten, precies zoals via de link. De kaart in het kader wordt niet door zoekmachines opgenomen, en alles erin dat naar Noya leidt opent in een nieuw tabblad in plaats van in je eigen pagina.
De code
Plak dit waar de kaart moet komen te staan en vervang YOUR_WALL_ID door het id van je eigen kaart, het stuk van de link dat na /c/ komt.
<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>Wat je kunt aanpassen
Het kader is een gewone iframe, dus de attributen zijn van jou om aan te passen aan de pagina waar hij terechtkomt.
| Attribuut | Wat het doet |
|---|---|
| width | Hoe breed het kader is. Op 100% neemt het de breedte van de kolom waarin het staat. |
| height | Hoe hoog het kader is, in pixels. Het kader groeit niet mee met de kaart, dus een kaart die hoger is scrolt erbinnen. |
| title | Hoe het kader heet voor schermlezers, en voor wie zonder afbeeldingen surft. |
| loading | Op lazy wordt de kaart pas opgehaald zodra een lezer er bijna is. |
Een uitgewerkt voorbeeld
Hetzelfde stukje code met het id van een kaart ingevuld en een hoogte die past bij de pagina waar hij op staat.
<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>De moeite waard
- Laat de breedte op 100% staan, dan volgt de kaart je lay-out in plaats van erbuiten te vallen.
- Kies een hoogte waarbinnen je prettig scrolt, en zet hem hoger als de kaart voller wordt.
- Houd het lazy laden aan. Een kaart verderop op een pagina hoort de bovenkant ervan niet op te houden.
- Sluit de uitnodigingslink in, nooit de overhandigingslink. Een kaart op een pagina die je hebt gepubliceerd is een kaart waar mensen op horen te schrijven, en daar is de overhandigingslink niet voor.
Waar je het in Noya vindt
Je hoeft niets van deze pagina over te nemen. Open Insluiten in de knoppenbalk van de kaart en de code staat er al met het id van die kaart erin, met een knop die het hele stuk kopieert.