Как поставить открытку на свой сайт
Открытка может жить внутри страницы, которая у тебя уже есть, — командной страницы, записи в интранете, сайта к случаю — как рамка с настоящей открыткой, а не картинка с неё.
Что такое встроенная открытка
Та же открытка, нарисованная без Noya вокруг: без шапки сайта, без инструментов редактирования, без всего, что принадлежит её автору. Читатели твоей страницы прочитают всё написанное и добавят свои открытки ровно так же, как по ссылке. Встроенная открытка не индексируется поисковиками, а всё, что ведёт из неё обратно в Noya, открывается в новой вкладке, а не внутри твоей страницы.
Код
Вставь это туда, где должна стоять открытка, и замени YOUR_WALL_ID на идентификатор своей открытки — ту часть ссылки, что идёт после /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>Что можно менять
Рамка — это обычный iframe, так что её атрибуты твои и правятся под ту страницу, куда она попадёт.
| Атрибут | Что он делает |
|---|---|
| width | Какой ширины рамка. Оставленная на 100%, она занимает ширину той колонки, в которой стоит. |
| height | Какой высоты рамка, в пикселях. Рамка не растёт вместе с открыткой, поэтому открытка выше этого значения прокручивается внутри. |
| title | Как рамка называется для скринридеров и для тех, кто смотрит страницу без картинок. |
| loading | Оставленная на lazy, открытка загружается только тогда, когда читатель доскроллит до неё. |
Разобранный пример
Тот же фрагмент с подставленным идентификатором открытки и высотой, выбранной под страницу, где он стоит.
<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>Что стоит сделать
- Оставь ширину на 100%, чтобы открытка следовала твоей вёрстке, а не вылезала из неё.
- Выбери высоту, внутри которой не жалко прокручивать, и увеличь её, когда открытка наполнится.
- Оставь ленивую загрузку. Открытка внизу страницы не должна задерживать её верх.
- Встраивай ссылку-приглашение, никогда не ссылку-вручение. Открытка на опубликованной странице — это открытка, на которой людям положено писать, а ссылка-вручение не для этого.
Где это найти в Noya
С этой страницы ничего копировать не нужно. Открой «Встроить» в панели инструментов открытки — фрагмент уже там, с её идентификатором внутри, и рядом кнопка, которая копирует всё целиком.