Как правильно опубликовать 3D тур на сайт?
- Евгений Галанин
- 08 апреля 2020
- 3D тур, виртуальный тур
В этой статье вы узнаете, как правильно опубликовать виртуальный тур, созданный на движке KRPano на ваш сайт и избежать основных ошибок.
Содержание
- 3D туры, созданные в редакторе KRPano и в PanoTour
- Создание директории на хостинг
- Публикация исполняемых файлов тура на движке KRPano
- Варианты публикации 3D тура на сайт
- HTML-код для публикации тура внутри страницы
- HTML-код для встраивания тура в Taplink
- Основные ошибки при публикации виртуального тура
- Заключение
В этой статье речь пойдет только о 3D турах, созданных на движке KRPano, который используется в двух самых популярных редакторах:
- KRPano
- Panotour (на настоящий момент разработка и поддержка редактора прекращена)
На вашем хостинге создаете директорию - это URL-адрес, ссылка по которой будет открываться ваш 3d тур.
Например:
http://доменвашегосайта.ru/tour/tour.html
Стандартный проект 3D тура на движке KRPano создается на основе HTML5 и выглядит как папка с файлами и исполняемый файл “tour.html” или “index.html”.
Все эти файлы публикуете на хостинг по нужному адресу, в нашем примере это:
http://доменвашегосайта.ru/tour/tour.html
Разместить тур на сайте можно разными способами, ниже я опишу самые логичные, простые и удобные для пользователя.
В этом случае создается прямая гипер-ссылка на проект тура. Она обычно размещается либо в тексте страницы, либо в главном меню сайта. Тур при этом открывается на весь экран в новом окне браузера.
Ссылка размещается аналогичным образом также как и для новой вкладки, но тур при этом открывается всплывающим (PopUp) окном часто с заданным изначально фиксированным соотношением сторон.
В этом случае до или после блока с туром может располагаться другая текстовая или графическая информация.
При вставке проекта внутри страницы желательно оформить его отдельным заголовком и описанием.
Для этого вам требуется добавить в html-код страницы код iframe
<iframe seamless style="border:none"
width="900" height="480"
src="https://доменвашегосайта.ru/tour/tour.html">
</iframe>
Где 900 - это длина, а 480 - ширина встраиваемого окна. В этом окне и будет отображаться ваш 3D тур.
Аналогично вы можете встроить виртуальный 3D тур в Taplink, но для этого вам потребуется разместить его на сайте с активным ssl-сертификатом.
<iframe src="https://доменвашегосайта.ru/tour/tour.html" width="976" height="549" style="border:none;height:549px !important" allowfullscreen></iframe>
Справка по работе с HTML в Taplink.
Тур открывается в активном окне на весь экран
Довольно часто при размещении гипер-ссылки на 3D тур забывают указать параметр target="_blank", который отвечает за открытие ссылки в новом окне, в результате чего он открывается в активной вкладке.
Неверно - гипер-ссылка откроется в активной вкладке:
<a href="http://доменвашегосайта.ru/tour/tour.html">видимый текст ссылки</a>
Верно - гипер-ссылка откроется в новой вкладке:
<a href="http://доменвашегосайта.ru/tour/tour.html" target="_blank">видимый текст ссылки</a>
Ошибкой это является потому, что в этом случае вы уводите посетителя с сайта. Далеко не все пользователи в этом случае захотят и при этом смогут вернуться обратно на сайт и совершить там ключевое действие: оформить заказ или оставить свои контакты - т.е. в этом случае вы банально потеряете часть клиентов.
Некорректное сокращение ссылки на тур
Исполняемый файл тура обычно имеет следующие имена:
В первом случае допустимо сократить ссылку на тур, не вписывая в нее имя исполняемого файла и он будет корректно запускаться
http://доменвашегосайта.ru/tour/index.html
http://доменвашегосайта.ru/tour/
Во-втором случае ссылка на тур должна быть указана в полном размере:
http://доменвашегосайта.ru/tour/tour.html
Самостоятельное изменение исполняемого файла
Не редко программист заказчика пытается самостоятельно отредактировать исходные файлы тура или использовать код из исполняемого файла внутри страницы сайта отдельно от исполняемого файла.
В 90% в следствие этих манипуляций тур перестает полностью или частично. Не делайте так
Из статьи вы узнали, как опубликовать тур и избежать наиболее распространенных ошибок. Если сомневаетесь в своих знаниях, или не хотите разбираться в вопросе и тратить время, то я рекомендую обратиться к программисту, который занимается вашим сайтом.
