API

Ссылки на тур и встраивание на сайт

В первом разделе настроек, вы увидите список ссылок на просмотр тура. 

Короткая ссылка - ссылка с минимальной длинной, по которой откроется ваш тур. Эта ссылка постоянная и не меняется, если вы не удалите тур. Рекомендуем использовать именно ее. 

Длинная ссылка - более красивая, но длинная ссылка. В ней содержится ваш логин (помните, мы советовали придумывать нормальные логины, да?), а так же название проекта латиницей. Без всяких непонятных кодов и пр. Обративе внимание, что если поменять название тура, то эта ссылка изменится автоматически, а старая уже работать не будет. То есть если вы раздали именно эту ссылку, не меняйте название тура!

Рядом со ссылками, так же есть кнопка, по которой генерируется QR код со ссылкой на тур. Этот QR код вы можете сохранить себе в форматах png или svg.

Встраивание на сайт.

Пользователи с тарифом Pro могут встраивать туры прямо на свои сайты. Встраивание на сайт работает даже если ваш сайт сделан на каком либо конструкторе типа тильды. Поищите в мануалах, как вставить свой кастомный код, например iframe, либо проконсультируйтесь с тем человеком, который помогает вам делать сайт. 

Для встраивания есть два варианта.

iframe

Простой и надежный способ, но он подходит только если у вас один тур на одну страницу сайта. 

Выглядит код для вставки выгляит примерно вот так:

<iframe width="100%" height="600px" 
    src="https://ipano.ru/8oqbe/" 
    allow="fullscreen; accelerometer; gyroscope; xr-spatial-tracking" allowfullscreen>
</iframe>

Вместо 600px вы можете указать свою высоту  в пискелях, либо 100% от контейнера, куда вставляете. 

JavaScript

Подходит, если на одной странице, вам нужно разместить больше одного тура. Нет, они не будут запускаться все одновременно - это "повесит" браузер пользователя. Туры запускаются только по клику. Если у вас запущен первый тур, а вы запустите второй, то первый автоматически останавливается. 

Код для вставки выглядит примерно вот так:

<div class="ipano-embed" data-tour="8oqbe" 
data-title="Демо видеоповерхность"
data-poster="https://ipano.ru/media/images/thumb/a946d7e9067c4c159f45d37e73172ce8.jpg"
data-theme="white" style="width:100%;height:600px;">
</div>
<script async src="https://ipano.ru/static/ipano-embed.js"></script>

Для этого div вы можете задать нужный стиль с помощью css, поменять ссылку на обложку и заменить текст. 

Загрузить скрипт можно один раз в конце и он подхватит все панорамы, которые есть на странице. 

Для этого вида встраивания, возможно управлять туром с помощью JS кода прямо из вашей страницы сайта. Например, вы можете разместить на свой странице кнопки переходов на нужные панорамы, либо запускать какой то сценарий. Подробнее в разделе "Сценарии и API"

ВАЖНО!

При любом изменениее вашего тура (работа с переходами, настройка и пр.), все изменения автоматически подхватываются в просмотрщике при перезагрузки страницы. Даже если вы встроили этот тур таким образом на свой сайт. При удалении тура, вы увидите 404, и так же тур не будет заблокирован при показа при отрицательном или нулевом  балансе (на Pro тарифе). 

Если вы хотите отвязать ваш тур от сервиса целиком и полность, смотрите "offline копия".