Как встроить 3D-облет недвижимости на сайт Wix
Разместите виджет Georivo с помощью Wix Embed HTML, используйте HTTPS iframe, авторизуйте публичный домен, настройте размеры для компьютеров и мобильных устройств и проверьте работу после публикации.
Чтобы встроить историю локации Georivo на сайт Wix, сначала опубликуйте виджет и авторизуйте точный домен вашего публичного сайта в панели управления Georivo. Скопируйте сгенерированный код HTTPS iframe, добавьте его через поддерживаемый платформой элемент HTML или код, сохраните соотношение сторон и опубликуйте страницу. Проверьте работу на опубликованном сайте с компьютеров и мобильных устройств, обращая внимание на доступность домена, скорость загрузки, указание авторства, работу баннеров согласия на файлы cookie и резервные сценарии.
Предварительные требования для интеграции с Wix
Перед интеграцией 3D-истории локации Georivo на сайт Wix необходимо выполнить ряд технических требований для успешного и безопасного размещения. Во-первых, у вас должен быть опубликованный виджет Georivo. Этот виджет настраивается для конкретного адреса недвижимости и близлежащих объектов, превращая их во встраиваемую интерактивную фотореалистичную 3D-историю локации. Важно отличать эту визуализацию от реальной съемки с дрона: Georivo полностью полагается на лицензированные геопространственные снимки для построения виртуальной среды, предлагая запрограммированные движения камеры и интерактивное исследование после воспроизведения. Это означает, что вместо реальных полетов дронов, получения разрешений на полеты и локальной аэрофотосъемки платформа использует существующие лицензированные 3D-геоданные для рендеринга окружения.
Во-вторых, вам необходим доступ с правами редактора к вашему сайту Wix. Этот доступ требуется для изменения макета, добавления элементов и вставки пользовательского кода HTML. В-третьих, убедитесь, что ваш тарифный план Wix позволяет использовать пользовательский код или элементы iframe, так как бесплатные или базовые тарифы могут ограничивать эти функции или накладывать брендовые ограничения платформы. Наконец, необходимо авторизовать точный публичный домен в настройках Georivo. Авторизация домена: это функция безопасности, которая ограничивает список сайтов для показа вашей интерактивной 3D-истории, защищая ваш уникальный виджет от копирования на сторонние ресурсы. Без этой авторизации iframe не загрузится и покажет ошибку безопасности для защиты ваших проектных данных.
- Полностью настроенный и опубликованный виджет Georivo, содержащий адрес вашего объекта и близлежащие места.
- Активный административный доступ или доступ с правами редактора к целевому сайту Wix.
- Авторизованный публичный домен в панели управления Georivo, точно совпадающий с адресом вашего работающего сайта.
- Тарифный план Wix, поддерживающий встраивание пользовательского HTML-кода и элементов iframe.
Копирование кода встраивания Georivo
Процесс встраивания начинается с получения защищенного кода интеграции в панели управления Georivo. Каждый опубликованный виджет связан со специальной защищенной ссылкой для совместного доступа и соответствующим фрагментом кода HTTPS iframe. Этот код iframe служит безопасным контейнером, гарантирующим корректный рендеринг лицензированных геопространственных снимков и запрограммированных движений камеры на вашем авторизованном домене. Iframe разработан для безопасной загрузки ресурсов по протоколу HTTPS, что является строгим требованием современных веб-браузеров и платформ вроде Wix.
Для копирования кода перейдите к опубликованному проекту в интерфейсе Georivo и найдите настройки встраивания. Скопируйте полный, неизмененный фрагмент кода iframe в буфер обмена. Правила использования платформы строго требуют использовать только тот код iframe, который был сгенерирован системой. Запрещено пытаться извлечь, изменить или воссоздать защищенный URL-адрес или токены безопасности, содержащиеся в этом коде. Изменение этих параметров, например попытка извлечь чистый URL или изменить токены безопасности, нарушит проверку привязки к домену. В результате виджет не загрузится у посетителей вашего сайта. Iframe спроектирован как единый защищенный блок кода, который одновременно отвечает за авторизацию и отображение визуализации.
Добавление элемента Embed HTML в Wix
После того как защищенный код iframe скопирован в буфер обмена, откройте редактор Wix и перейдите на страницу, где планируется разместить историю локации. Это может быть страница презентации объекта, гид по району или руководство по проезду. В редакторе Wix найдите меню добавления элементов, которое обычно обозначается знаком плюс на левой панели инструментов. В этом меню перейдите в раздел пользовательского кода или встраивания виджетов и выберите добавление элемента HTML или встраиваемого кода. После этого на рабочей области страницы появится серый блок-заглушка.
Когда блок-заглушка появится на странице, откройте панель его настроек, которая обычно называется Настройки HTML. Убедитесь, что режим ввода настроен на прием кода HTML, а не прямой ссылки на сайт. Вставьте скопированный код iframe Georivo в текстовое поле. После вставки примените изменения, нажав кнопку обновления. Редактор Wix попытается отобразить интерактивное 3D-окружение в режиме предварительного просмотра. Обратите внимание, что из-за привязки встраивания к домену предварительный просмотр внутри редактора может работать некорректно, если внутренний домен редактора отличается от вашего авторизованного публичного домена. Это стандартное поведение, поэтому окончательную проверку всегда следует проводить на опубликованном сайте.
Настройка размеров для компьютеров и мобильных устройств
Настройка размеров контейнера встраивания является важным шагом для правильного отображения 3D-истории локации на различных устройствах. В версии редактора Wix для компьютеров необходимо вручную настроить ширину и высоту контейнера HTML. Настоятельно рекомендуется сохранять стандартное широкоэкранное соотношение сторон, чтобы запрограммированные движения камеры и геопространственные детали были отчетливо видны без лишней вертикальной или горизонтальной прокрутки. Слишком тесный контейнер может скрыть интерактивные элементы и затруднить использование режима свободного исследования.
Поскольку Wix разделяет интерфейсы редактирования для компьютеров и мобильных устройств, вам потребуется переключиться в мобильный редактор Wix для настройки отображения на смартфонах. По умолчанию Wix может некорректно обрезать или масштабировать контейнер HTML на небольших экранах, так как платформа не рассчитывает адаптивную высоту для встроенных iframe автоматически. Вам придется вручную настроить высоту и ширину блока в мобильном макете, чтобы избежать обрезки содержимого. Точная настройка размеров на мобильных устройствах крайне важна для удобства использования интерактивной карты, чтобы пользователи могли управлять 3D-картой с помощью касаний без смещения макета страницы.
Публикация и проверка интеграции на работающем сайте
После настройки размеров контейнера в компьютерной и мобильной версиях опубликуйте изменения, чтобы они вступили в силу. Нажмите кнопку публикации в редакторе Wix, чтобы обновить ваш сайт. Важно помнить, что тестирование в режиме предварительного просмотра Wix недостаточно для подтверждения успешной интеграции. Среда предпросмотра часто работает в других контекстах безопасности, на изолированных доменах и с временными сессиями, из-за чего авторизация домена может не сработать.
Для проверки интеграции откройте новое окно браузера и перейдите по прямой ссылке на опубликованную страницу Wix. Обязательно проверьте страницу как на компьютере, так и на мобильном устройстве. Убедитесь, что 3D-история локации загружается без ошибок авторизации домена и пустых фреймов. Проверьте плавность запрограммированных движений камеры, наличие обязательного указания авторства карт и реакцию интерактивных элементов на действия пользователя. Также обратите внимание на то, как встроенный элемент взаимодействует с баннерами согласия на использование файлов cookie и резервными механизмами вашего сайта, чтобы гарантировать стабильную работу для всех посетителей.
Устранение распространенных проблем при интеграции
При встраивании интерактивного 3D-контента в изолированные среды вроде Wix могут возникать технические сложности. Одна из частых проблем: пустой iframe или бесконечная загрузка. Обычно это указывает на то, что публичный домен вашего сайта Wix не был авторизован в настройках Georivo или адрес в списке авторизации не совпадает с реальным URL-адресом сайта. Проверьте панель управления Georivo и убедитесь, что указанный домен точно соответствует адресу вашего работающего сайта, включая поддомены и префиксы протоколов.
Другая распространенная проблема связана с неверной высотой или обрезкой на мобильных устройствах, когда 3D-карта выглядит обрезанной или отображает полосы прокрутки. Для решения этой проблемы вернитесь в редактор Wix, а именно в мобильный редактор, и вручную настройте границы контейнера под размеры экрана. Кроме того, загрузке iframe могут мешать политики безопасности, такие как несоответствие Content Security Policy (CSP), предупреждения о смешанном содержимом (например, использование HTTP вместо HTTPS), устаревший кэш браузера или жесткая блокировка баннером согласия на cookie. Тестирование страницы в режиме инкогнито поможет понять, вызвана ли проблема правилами согласия на файлы cookie, расширениями браузера или локальным кэшем.
Рекомендации по производительности и оптимизации
Встраивание интерактивной 3D-визуализации требует внимания к скорости загрузки страницы. Поскольку Georivo выполняет рендеринг фотореалистичного 3D-окружения на базе лицензированных геоданных, загрузка этих ресурсов требует большей пропускной способности сети, чем обычный текст или статичные изображения. Чтобы сохранить высокую скорость загрузки страниц вашего сайта Wix, размещайте встроенный элемент ниже первого экрана, если только он не является главным фокусом страницы. Это позволит сначала загрузить важный текст и легкие изображения, улучшая показатели производительности страницы и ее восприятие пользователями.
Если 3D-история локации размещается в самом верху страницы в качестве главного элемента, постарайтесь свести к минимуму другие тяжелые медиафайлы на этой странице, такие как крупные неоптимизированные изображения или сложные скрипты. Кроме того, отслеживайте, как менеджер согласия на использование файлов cookie взаимодействует со сторонним iframe. Некоторые системы согласия могут полностью блокировать iframe до тех пор, пока пользователь не примет правила, что приведет к появлению пустого места при первой загрузке. Правильная настройка резервных сценариев и параметров согласия обеспечит стабильную работу сайта, позволяя 3D-визуализации плавно загружаться сразу после получения разрешений.
Ограничения и применимость
Используйте эти материалы для презентационных целей и поддержки принятия решений, но не как замену независимо проверенным первоисточникам. Перед публикацией или использованием проверяйте маршруты, расстояния, доступность объектов, снимки, юридические границы, требования платформ и текущие условия в соответствующих официальных источниках.
| Этап интеграции | Необходимое действие | Инструмент редактора Wix | Ожидаемый результат |
|---|---|---|---|
| Авторизация домена | Добавить публичный домен в Georivo | Настройки панели Georivo | Предотвращает несанкционированную загрузку iframe |
| Копирование кода | Скопировать фрагмент HTTPS iframe | Панель «Поделиться» в Georivo | Защищенный код готов к копированию в Wix |
| Добавление элемента HTML | Вставить виджет Embed HTML | Меню добавления элементов Wix | Появление блока-заглушки на странице |
| Вставка кода | Выбрать ввод кода и вставить iframe | Панель настроек HTML в Wix | Интерактивный 3D-просмотр в редакторе |
| Мобильная версия | Изменить размер блока в мобильном режиме | Мобильный редактор Wix | Оптимальное соотношение сторон на экранах смартфонов |
Пошаговый чек-лист по встраиванию встраиванию в Wix
- Проверьте и скопируйте авторизованный публичный домен вашего сайта Wix.
- Войдите в Georivo, откройте историю локации и добавьте публичный домен в список авторизованных.
- Опубликуйте виджет Georivo и скопируйте предоставленный фрагмент кода HTTPS iframe.
- Откройте редактор Wix, выберите «Добавить элементы» и перетащите виджет Embed HTML на страницу.
- Вставьте код iframe в панель настроек HTML в Wix и нажмите «Обновить».
- Переключитесь в мобильный редактор Wix, чтобы настроить размеры контейнера для экранов смартфонов.
- Опубликуйте сайт Wix и протестируйте работу по прямой ссылке на нескольких устройствах для подтверждения успешной загрузки.
Интеграция интерактивной 3D-визуализации непосредственно на страницы объектов позволяет специалистам по недвижимости наглядно демонстрировать окружение района с помощью лицензированных геопространственных снимков.
Частые вопросы
Почему встроенный элемент Georivo отображается в Wix как пустой блок?
Обычно это происходит, если публичный домен вашего сайта Wix не был авторизован в панели управления Georivo или если адрес в списке авторизации не совпадает с реальным URL-адресом сайта. Убедитесь, что домен указан абсолютно точно, и проверяйте работу именно на опубликованном сайте.
Нужен ли платный тарифный план Wix для встраивания 3D-облета Georivo?
Да, для использования iframe или элементов с пользовательским кодом в Wix обычно требуется платный тариф. Бесплатные тарифы могут ограничивать эти функции или накладывать брендовые ограничения платформы, нарушающие макет страницы.
Как предотвратить обрезку 3D-карты на мобильных устройствах?
Вам необходимо переключиться в мобильный редактор Wix и вручную изменить размер контейнера HTML-блока. Wix не масштабирует высоту iframe автоматически при переходе от компьютерной версии к мобильной, поэтому ручная настройка обязательна для предотвращения обрезки.
Могу ли я использовать реальную съемку с дрона вместо 3D-визуализации Georivo?
Georivo предоставляет виртуальную 3D-альтернативу на основе лицензированных геопространственных снимков. Это не реальная съемка с дрона, которая представляет собой отдельный формат, требующий физического оборудования, разрешений на полеты и планирования в зависимости от погодных условий.
Замедлит ли встраивание Georivo скорость загрузки моего сайта Wix?
Для оптимизации производительности размещайте встроенный элемент ниже первого экрана, чтобы он загружался после критически важных элементов страницы. Хотя Georivo отлично оптимизирован, загрузка сложных 3D-сцен требует больше ресурсов, чем статичные изображения, поэтому правильное размещение и контроль общего веса страницы играют важную роль.
Как баннер согласия на использование файлов cookie в Wix влияет на встроенный 3D-элемент?
Некоторые строгие настройки согласия на cookie в Wix могут блокировать сторонние iframe до тех пор, пока пользователь не примет политику использования файлов cookie. Тестирование опубликованного сайта в режиме инкогнито поможет определить, мешают ли настройки согласия мгновенному отображению 3D-визуализации.