Matterport Tour in Webseite einbinden

Immer wieder werden wir gefragt, wie man eine Matterport Tour in die eigene Webseite bzw. in die Webseite eines Kunden einbinden bzw. integrieren kann.

Grundsätzlich gibt es hier zwei Möglichkeiten. In diesem kleinem Tutorial möchten wir Ihnen zeigen wie das geht.

Matterport Tour als iFrame einbinden

Grundsätzlich lassen sich die Matterport Touren via iFrame HTML Code einbinden. Hierzu erzeugt man im Login Bereich von der Matterport Cloud einfach ein Code Block, den man dann in die eigenen Webseite einfügen kann. Der Code Block sieht z.B. wie folgt aus:

<iframe width='853' height='480' src='https://my.matterport.com/show/?m=u1Kork3N1kS' frameborder='0' allowfullscreen allow='vr'></iframe>

Kopieren Sie diesen einfach mal und binden diesen in Ihre Webseite ein. Integriert sieht das ganze wie folgt aus. In der Regel finden Sie dazu eine HTML-Code einfügen Schaltfläche in Ihrem CMS bzw. Homepage Baukasten. Ist es richtig implementiert, dann sollte die Tour, wie die folgende direkt in der Seite erscheinen. 

Beispiele finden Sie ja auf unserer Matterport Produktseite.

Einbinden als direkter Link

Alternativ können Sie aber auch einen direkten Link zu Tour einbinden. Die Adresse für dieses Beispiel lautet: https://my.matterport.com/show/?m=u1Kork3N1kS&mls=1

Diesen können Sie natürlich über einen Link in Texform einbinden:

zum Beispiel: Bitte hier zum aufrufen der Tour klicken.

VR-Link gibt es auch. Als letzten Variante kann jede Matterport Tour als VR Objekt eingebunden werden. Der Link in diesem Fall lautet: https://my.matterport.com/vr/show/?m=u1Kork3N1kS .

Bleibt abschließend die Frage. Wo bekomme ich den Link her?

Link zur Matterport Tour 

Den Link rufen Sie ganz einfach über Ihren Cloud Account ab. Klicken Sie einfach auf die Schaltfläche Share. Wichtig der Space muss vorher auf public gesetzt werden.

Im nun folgenden Dialog können Sie den gewünschten Link entsprechend kopieren.

Jetzt Matterport Pro2 3D

testen | mieten | kaufen