Встраивание 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 - код.