Как правильно опубликовать 3D тур на сайт?





В этой статье вы узнаете, как правильно опубликовать виртуальный тур созданный на движке KRPano на ваш сайт и избежать основных ошибок.

Содержание

  1. 3D туры созданные в редакторе KRPano и в PanoTour
  2. Создание директории на хостинг
  3. Публикация исполняемых файлов тура на движке KRPano
  4. Варианты публикации 3D тура на сайт
  5. HTML-код для публикации тура внутри страницы
  6. Основные ошибки при публикации виртуального тура
  7. Заключение

3D туры созданные в редакторе KRPano и в PanoTour

В этой статье речь пойдет только о 3D турах созданных на движке KRPano, который используется в двух самых популярных рекдакторах:

  • KRPano
  • Panotour (на настоящий момент разработка редактора прекращена)
3d-tur-v-redaktore-krpano.jpg3d-tur-v-panotour.jpg

Создание директории на хостинге

На вашем хостинге создаете директорию - это URL-адрес, ссылка по которой будет открываться ваш 3d тур.


Например:

http://доменвашегосайта.ru/tour/tour.html
 

Публикация исполняемых файлов тура на движке KRPano

Стандартный проект 3D тура на движке KRPano создается на основе HTML5 и выглядит как папка с файлами и исполняемый файл “tour.html” или “index.html”.

Все эти файлы публикуете на хостинг по нужному адресу, в нашем примере это:

http://доменвашегосайта.ru/tour/tour.html
 

Варианты публикации 3D тура на сайт

Разместить тур на сайте можно разными способами, ниже я опишу самые логичные, простые и удобные для пользователя.

Способ 1: Тур открывается в новой вкладке на весь экран

В этом случае создается прямая гипер-ссылка на проект тура. Она обычно размещается либо в тексте страницы либо в главном меню сайта. Тур при этом открывается на весь экран в новом окне браузера.

3D тур в новой вкладке на весь экран
 

Способ 2: Всплывающее окно

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

Способ 3: Тур размещается “окном” внутри контента страницы

В этом случае до или после блока с туром может располагаться другая текстовая или графическая информация. 
При вставке проекта внутри страницы желательно оформить его отдельным заголовком и описанием.

 
3D тур внутри контента страницы

HTML-код для публикации тура внутри страницы

Для этого вам требуется добавить в html-код страницы код iframe

 
<iframe seamless style="border:none" 
width="900" height="480"
src="http://доменвашегосайта.ru/tour/tour.html">
</iframe>
 

Где 900 - это длина, а 480 - ширина встраиваемого окна. В этом окне и будет отображаться ваш 3D тур.

 

Основные ошибки при публикации виртуального тура

Тур открывается в активном окне на весь экран

Довольно часто при размещении гипер-ссылки на 3D тур забывают указать параметр target="_blank", который отвечает за открытие ссылки в новом окне, в результате чего он открывается в активной вкладке. 

Неверно - гипер-ссылка откроется в активной вкладке:

<a href="http://доменвашегосайта.ru/tour/tour.html">видимый текст ссылки</a>

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

<a href="http://доменвашегосайта.ru/tour/tour.html" target="_blank">видимый текст ссылки</a>

Ошибкой это является потому, что в этом случае вы уводите посетителя с сайта. Далеко не все пользователи в этом случае захотят и при этом смогут вернуться обратно на сайт и совершить там ключевое действие: оформить заказ или оставить свои контакты - т.е. в этом случае вы банально потеряете часть клиентов.

Некорректное сокращенеи ссылки на тур

Исполняемый файл тура обычно имеет следующие имена:

  • index.html;
  • tour.html. 

В первом случае допустимо сократить ссылку на тур не вписывая в нее имя исполняемого файла и он будет корректно 

http://доменвашегосайта.ru/tour/index.html

http://доменвашегосайта.ru/tour/

Во-втором случае ссылка на тур должна быть указана в полном размере: 

http://доменвашегосайта.ru/tour/tour.html

Самостоятельное изменение исполняемого файла

Не редко программист заказчика пытается самостоятельно отредактироват исходыне файлы тура или использовать код из исполняемого файла внутри страницы сайта отдельно от исполняемого файла.

В 90% в следствии этих манипуляций тур перестает полностью или частично. Не делайте так

Заключение

Из статьи  вы узнали как опубликовать тур и избежать наиболее распространенных ошибок. Если сомневаетесь в своих знаниях, или не хотите разбираться в вопросе и тратить время, то я рекомендую обратиться к программисту, который занимается вашим сайтом.

Евгений Галанин

Фотограф интерьеров и архитектуры.
Делюсь личным и профессиональным опытом. Провожу фотосъемки интерьеров и архитектуры в Москве и других городах

comments powered by HyperComments