【超簡単】Matterport 3Dモデルをウェブサイトに埋め込む方法

こんにちは！株式会社Advalay編集部です。

MatterportデータはURLが発行され、メディアやSNSに掲載することができます。

しかし、
「MatterportデータのURLのメディアへの埋め込み方がわからない」
「どのように掲載すればデータの閲覧数が上がるのだろうか…」

「Matterportデータを作成したけれどイマイチうまく活用できている感じがしない…」

など、Matterportデータの活用方法、埋め込み方法についてのお悩みをいただくことがあります。

そこで今回は、Matterportデータの掲載方法を詳しくご紹介。

私たちは、さまざまな業界での撮影事例があるため、多様な活用・掲載方法を解説することができます。

ぜひこの記事を読み進めていただき、目をひく魅力的なコンテンツを作成していきましょう。

スタンダードな埋め込み方

Matterport映像をそのままサイト上に表示させる方法をご紹介いたします。

埋め込み方・表示方法

事例①　Ginza Sony Park

Ginza Sony Parkの事例です。

Webサイトを開くとそのままMatterport映像が表示されています。

事例②　GO FOR KOGEI

また、こちらは北陸工芸の祭典「GO FOR KOGEI」の公式サイトです。
4つのMatterport映像が綺麗に分割され掲載されています。

バナーで表示させる

事例① 国立科学博物館

WEBサイトに直接表示させるのではなく、一旦バナーを挟む表示方法もあります。

こちらは、国立科学博物館の事例で「日本館」「地球館」のMatterport映像をバナーで表示しています。
バナーをクリックすると、Matterport映像が表示される仕組みになっています。

実際の映像を見てみたいという方は下の公式ホームページを参考にしてみてください。

事例② 名古屋城本丸御殿

埋め込み方・表示方法

こちらのバナーでの表示方法についてご紹介いたします。

Mapを活用

事例①（創価大学バーチャルキャンパス）

こちらは創価大学の事例です。

大学キャンパスのマップを表示し、その中にVR TOUR、360°写真、静止画を埋め込んでいます。
ここでVR TOURをクリックすると、Matterport映像が見れるような仕組みになっています。

また、マップだけでなく施設ごとにMatterport映像を見ることもできます。

事例② (Swedenhouse)

事例の2つ目はハウスメーカーSwedenhouseです。

ホームページに訪れると、日本地図が表示されており、見たいエリアを選択することができます。

この中から見たい地域（赤ピン）を押すと、そのエリアのモデルハウスのMatterport映像を見ることができます。

表示方法

地図の表示には専門技術が必要になりますので、試してみたい方はお気軽にお問い合わせください。

まとめ

いかがでしたでしょうか。

Matterport映像の表示方法についてまとめると、

ウィズコロナ時代の新常識としてリアルとオンラインが融合した新たな集客・PR方法がどんどん浸透しており、Matterportも幅広い分野で導入が進んでいます。

弊社では1000件以上の撮影実績をもとに、撮影だけではなく3D モデルを活かしたプロモーション提案が強みです。
Matterportに関することや活用方法などぜひお気軽にお問い合わせください。