Kartka na twojej własnej stronie
Wspólna kartka może żyć w stronie, którą już masz (na stronie zespołu, we wpisie w intranecie, na witrynie zrobionej na tę okazję), jako ramka trzymająca prawdziwą kartkę, a nie jej obrazek.
Czym jest osadzenie
Ta sama kartka, wyświetlona bez Noya dookoła: bez nagłówka serwisu, bez narzędzi do edycji, bez niczego, co należy do osoby, która ją zrobiła. Ludzie czytający twoją stronę mogą przeczytać, co już na niej jest, i dodać własne kartki, dokładnie tak jak pod linkiem. Kartek w ramce nie indeksują wyszukiwarki, a wszystko, co prowadzi z niej z powrotem do Noya, otwiera się w nowej karcie, a nie w twojej stronie.
Kod
Wklej to tam, gdzie ma stanąć kartka, i zamień YOUR_WALL_ID na identyfikator swojej kartki, tę część jej linku, która jest za /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>Co możesz zmienić
Ramka to zwykły iframe, więc jego atrybuty są twoje do zmiany, tak żeby pasowały do strony, na której ląduje.
| Atrybut | Co robi |
|---|---|
| width | Jak szeroka jest ramka. Zostawiona na 100% zajmuje szerokość kolumny, w której stoi. |
| height | Jak wysoka jest ramka, w pikselach. Ramka nie rośnie razem z kartką, więc wyższa kartka przewija się w środku. |
| title | Jak ramka nazywa się dla czytników ekranu i dla każdego, kto przegląda stronę bez obrazków. |
| loading | Zostawione jako lazy sprawia, że kartka wczytuje się dopiero wtedy, gdy czytelnik przewinie w jej pobliże. |
Przykład z życia
Ten sam fragment kodu z wpisanym identyfikatorem kartki i wysokością dobraną do strony, na której stoi.
<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>Warto zrobić
- Zostaw szerokość na 100%, żeby kartka szła za twoim układem, zamiast z niego wystawać.
- Wybierz wysokość, w której nie przeszkadza ci przewijanie, i zwiększ ją, gdy kartka się zapełni.
- Zostaw leniwe wczytywanie. Kartka niżej na stronie nie powinna wstrzymywać jej góry.
- Osadzaj link z zaproszeniem, nigdy przekazujący. Kartka na opublikowanej stronie to kartka, na której ludzie mają pisać, a nie to, do czego służy link przekazujący.
Gdzie to znaleźć w aplikacji Noya
Nie musisz nic kopiować z tej strony. Otwórz „Osadzenie” w pasku narzędzi kartki, a fragment kodu jest tam już z identyfikatorem tej kartki i z przyciskiem, który kopiuje całość.