Коды встраивания и параметры iframe

Вы разместите работающий тур на сайте одним фрагментом iframe и узнаете четыре параметра адреса, которые управляют запуском встроенного тура и количеством показанного интерфейса. Код работает и на сайтах без системы управления контентом: достаточно обычного блока с HTML.

Получаем фрагмент

Откройте окно публикации опубликованного тура и скопируйте код для встраивания. Это обычный iframe, в котором идентификатор тура уже прописан в адресе. Вставьте его в HTML страницы — обычно в тот блок, где должен стоять просмотрщик, — и оставьте разрешение на полноэкранный режим, чтобы посетитель в шлеме мог включить VR-режим. Если сайт собран на конструкторе страниц, вставляйте фрагмент через блок с исходным кодом, а не через обычный текстовый блок.

1. Откройте окно публикации опубликованного тура и скопируйте код для встраивания.
2. Вставьте фрагмент в шаблон страницы туда, где должен стоять просмотрщик.
3. Сохраните страницу и откройте её в приватном окне для проверки тура.
4. Проверьте тур на телефоне с медленным соединением до публикации сайта. И не вставляйте фрагмент внутрь другого блока.

Настраиваем параметры

• autoplay=1 — запустить тур автоматически при появлении фрейма.
• scene=3 — открыть просмотрщик на третьей сцене тура.
• ui=minimal — скрыть панель инструментов и оставить только стрелки навигации.
• lang=ru — запустить интерфейс на русском, независимо от языка браузера. Эти параметры меняются в любой момент и не требуют новой публикации.

Полный фрагмент

<iframe
  src="https://studio.mango360.app/embed/your-tour-id?autoplay=1&scene=3&ui=minimal&lang=ru"
  width="100%"
  height="480"
  frameborder="0"
  allow="fullscreen; autoplay"
  allowfullscreen
  title="Virtual tour"
></iframe>