Встраивание 3D-моделей Matterport

Встраивание 3D-моделей Matterport

Хотя вы всегда можете поделиться ссылкой на 3D-модель Matterport и даже настроить ссылку , есть другой вариант - напрямую встроить модель на свой веб-сайт .

Таким образом, ваша модель Matterport будет отображаться на вашей веб-странице, как например, и видео на YouTube.

инструкции 

  1. Сделайте вашу модель общедоступной. 
  2. Определите веб-страницу, на которую вы хотите добавить свою модель. 
  3. Добавьте на веб-страницу следующий исходный код HTML. 
    • <iframe width = "853" height = "480" src = " https://my.matterport.com/show/?m=xxxxxxxxxxx " frameborder = "0" allowfullscreen allow = "xr-space-tracking"> </ iframe>
    • Точные инструкции зависят от уникального кода вашего сайта. 
  4. Замените URL-адрес в атрибуте src. 
  5. Включите "allowfullscreen" в код iframe при встраивании. 

Использование сторонней CMS (Wordpress, Drupal, Wix, Zendesk, Medium) 

Если вы используете стороннюю систему управления контентом для управления своим веб-сайтом, вам необходимо открыть исходный HTML-код для этой страницы, а затем следовать приведенным ниже инструкциям. 

  1. Войдите в свою серверную часть CMS. 
  2. Найдите сообщение / страницу / статью, которую хотите отредактировать. 
  3. Переключите представление CMS, чтобы посмотреть исходный код. 
    • Почти всегда это можно сделать, нажав кнопку </> в вашей CMS - см. Ниже


  • Вам потребуются базовые знания HTML, чтобы ориентироваться в коде и точно определять, куда вставить < iframe >.
  • Некоторые CMS (например, Zendesk, который мы используем) могут требовать, чтобы вы выбрали «Разрешить небезопасный HTML» для правильной работы iframe. 

Wordpress CMS 

Wordpress.com не поддерживает фреймы, то есть вы не можете встроить 3D-модель Matterport в сообщение Wordpress. Однако на веб-сайтах, использующих Wordpress CMS, разрешены iframe, то есть вы можете вставить код iframe непосредственно на любую страницу. Для этого вы можете использовать следующие плагины WP: 

  1. Плагин Embed.ly 
  2. Плагин поддержки Matterport от Embed.ly 
  3. плагин iframe


Wix 

Следуйте инструкциям ниже, чтобы вставить модель Matterport на свою страницу Wix . 

  1. Откройте страницу Wix, на которую хотите встроить код. 
  2. Нажмите «Добавить»> «Еще»> Вставить сайт. 
  3. Перетащите появившееся серое поле, чтобы изменить положение вставки на странице. 
  4. Нажмите «Ввести адрес веб-сайта». 
  5. Вставьте URL-адрес в поле - вы увидите, как 3D-витрина появится в поле.

Пост в блоге Medium

Следуйте приведенным ниже инструкциям, чтобы встроить модель Matterport в свое сообщение в блоге Medium . 

  1. Откройте страницу Medium, на которую вы хотите встроить код. 
  2. Нажмите кнопку «+», чтобы добавить новый раздел. 
  3. Щелкните <>, чтобы указать, что вы хотите встроить код. 
  4. Вставьте URL-адрес вашей 3D-модели.

Placester 

Следуйте приведенным ниже инструкциям, чтобы встроить модель Matterport в Placester . 

  1. Откройте страницу Placester, на которую вы хотите встроить код. 
  2. Щелкните значок HTML «<>».

  1. Вставьте код внедрения iframe. 
  2. Щелкните значок HTML «<>», чтобы вернуться в визуальный редактор. 
    • Теперь вы должны увидеть встроенный iframe. 
  3. Сохраните изменения, чтобы вживленный размещался на сайте. 


Прямой доступ к исходному коду HTML 

Если CMS не позволяет вносить изменения, вам необходимо связаться с веб - мастером вашего сайта и попросить доступ - если  сделать  доступ к редактированию вашего сайта HTML, добавьте <IFRAME> код непосредственно в исходный HTML - код. 



    • Related Articles

    • Видео-тизеры 3D-моделей Matterport

      Тизеры - это короткие видеоклипы, демонстрирующие лучшие стороны модели Matterport. Они отлично подходят для проведения маркетинговых кампаний по электронной почте или публикации в социальных сетях, таких как Facebook и Twitter. Скачать и поделиться ...
    • Как поделиться пространством Matterport

      По умолчанию все пространства Matterport создаются с отключенным общим доступом по ссылкам, что означает, что никто, кроме автора пространства, не может получить доступ.  Чтобы сделать ваше пространство Matterport 3D общедоступным (доступным для ...
    • Как показать 3D модель Matterport в презентации?

      Мы рекомендуем вам  заранее загрузить Space на iPad,  чтобы избежать проблем с подключением к Wi-Fi во время презентации. Следующие шаги зависят от используемой вами технологии: У меня есть iPad, и я хочу использовать приложение «3D Showcase» для ...
    • Matterport & iPhone - Частые вопросы

      Когда я могу использовать Matterport для iPhone по сравнению с другим оборудованием, таким как камеры Pro2 или 360 °? Камера Pro2 - это золотой стандарт для 3D-съемки с исключительной точностью размеров и потрясающим качеством изображения для всех ...
    • Matterport Capture для Android

      Эта статья посвящена приложению Matterport Capture для Android - если у вас есть поддерживаемое устройство, вы можете использовать его для сканирования и создания трехмерных пространств с помощью подключенной камеры (требуется Android 8 или выше). ...