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

    • Руководство по интеграции частных моделей

      Private Model Embed (PME) — это решение для безопасного внедрения частных моделей в порталы вашей организации вместо их просмотра в Matterport Cloud. Например, PME позволяет многим доверенным пользователям вашей интрасети удобно получать доступ к ...

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

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

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

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

    • Как показать 3D-модель Matterport в презентации?

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

    • Как поделиться пространством Matterport

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