Mettere un biglietto sul tuo sito
Un biglietto può vivere dentro una pagina che hai già (la pagina del team, un post sull'intranet, un sito per l'occasione), come una cornice che contiene il biglietto vero, non l'immagine di uno.
Cos'è l'incorporamento
Lo stesso biglietto, mostrato senza Noya intorno: nessuna intestazione del sito, nessun controllo di modifica, niente che appartenga a chi l'ha creato. Chi legge la tua pagina può leggere i biglietti e aggiungere il proprio, esattamente come dal link. Il biglietto nella cornice non viene indicizzato dai motori di ricerca, e tutto ciò che riporta a Noya si apre in una nuova scheda invece che dentro la tua pagina.
Il codice
Incolla questo dove deve stare il biglietto, e sostituisci YOUR_WALL_ID con l'id del tuo biglietto, la parte del suo link che viene dopo /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>Cosa puoi cambiare
La cornice è un normale iframe, quindi i suoi attributi sono tuoi da modificare per adattarli alla pagina in cui finisce.
| Attributo | Cosa fa |
|---|---|
| width | Quanto è larga la cornice. Lasciata al 100% prende la larghezza della colonna in cui si trova. |
| height | Quanto è alta la cornice, in pixel. La cornice non cresce insieme al biglietto, quindi un biglietto più alto scorre al suo interno. |
| title | Come si chiama la cornice per gli screen reader, e per chi naviga senza immagini. |
| loading | Lasciato su lazy, il biglietto viene caricato solo quando chi legge ci arriva vicino scorrendo. |
Un esempio completo
Lo stesso codice con l'id di un biglietto già inserito e un'altezza scelta per la pagina in cui si trova.
<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>Vale la pena
- Lascia la larghezza al 100% così il biglietto segue il tuo layout invece di uscirne.
- Scegli un'altezza dentro cui ti fa comodo scorrere, e alzala quando il biglietto si riempie.
- Tieni il caricamento lazy. Un biglietto più in basso in una pagina non deve rallentarne la parte alta.
- Incorpora il link d'invito, mai quello di consegna. Un biglietto su una pagina che hai pubblicato è un biglietto su cui le persone devono scrivere, e non è a questo che serve il link di consegna.
Dove trovarlo in Noya
Non devi copiare niente da questa pagina. Apri Incorpora nella barra degli strumenti del biglietto e il codice è lì con l'id di quel biglietto già dentro, insieme a un pulsante che copia tutto.