Eine Karte auf die eigene Seite stellen
Eine Karte kann in einer Seite leben, die du schon hast (eine Team-Seite, ein Intranet-Beitrag, eine Seite zum Anlass), als Rahmen um die echte Karte und nicht als Bild davon.
Was die Einbettung ist
Dieselbe Karte, gezeigt ohne Noya drumherum: keine Kopfzeile, keine Werkzeuge, nichts, was der Person gehört, die sie gemacht hat. Wer deine Seite liest, kann die Karten lesen und eigene hinzufügen, genau wie über den Link. Die gerahmte Karte wird von Suchmaschinen nicht aufgenommen, und alles darin, was zurück zu Noya führt, öffnet sich in einem neuen Tab statt in deiner Seite.
Der Code
Füg das dort ein, wo die Karte stehen soll, und ersetz YOUR_WALL_ID durch die Kennung deiner Karte, den Teil ihres Links, der nach /c/ kommt.
<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>Was du ändern kannst
Der Rahmen ist ein gewöhnliches iframe, seine Attribute sind also deine, passend zu der Seite, auf der er landet.
| Attribut | Was es tut |
|---|---|
| width | Wie breit der Rahmen ist. Auf 100 % belassen nimmt er die Breite der Spalte, in der er steht. |
| height | Wie hoch der Rahmen ist, in Pixeln. Der Rahmen wächst nicht mit der Karte, eine höhere Karte scrollt also darin. |
| title | Wie der Rahmen für Screenreader heißt, und für alle, die ohne Bilder unterwegs sind. |
| loading | Auf lazy belassen wird die Karte erst geholt, wenn jemand in ihre Nähe scrollt. |
Ein ausgefülltes Beispiel
Dasselbe Schnipsel mit eingesetzter Kennung einer Karte und einer Höhe, die zu der Seite passt, auf der sie steht.
<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>Lohnt sich
- Lass die Breite bei 100 %, damit die Karte deinem Layout folgt, statt daraus herauszudrängen.
- Wähl eine Höhe, in der du gern scrollst, und zieh sie hoch, wenn die Karte voller wird.
- Behalt das lazy loading. Eine Karte weiter unten auf einer Seite sollte deren Anfang nicht aufhalten.
- Bette den Einladungslink ein, nie den Übergabelink. Eine Karte auf einer veröffentlichten Seite ist eine, auf die geschrieben werden soll, und dafür ist der Übergabelink nicht da.
Wo es in Noya steht
Von dieser Seite musst du nichts abschreiben. Öffne „Einbetten“ in der Werkzeugleiste der Karte, dann steht das Schnipsel dort schon mit der Kennung dieser Karte darin, und daneben ein Button, der alles kopiert.