Zum Hauptinhalt springen
Virtuelle Rundgänge integrieren

Erfahren Sie, wie Sie virtuelle Rundgänge in Ihre Website einbetten

Samy Jeffries avatar
Verfasst von Samy Jeffries
Vor über einer Woche aktualisiert

1. iFrame

Virtuelle Rundgänge werden in der Regel ähnlich wie YouTube-Videos per iFrame eingebettet. Hier finden Sie ein iFrame-Codebeispiel, das Sie verwenden können, um Ihre virtuellen Rundgänge in Websites einzubetten. Beachten Sie dabei bitte, dass Sie „IHRE-PROJEKT-URL“ mit dem Link zu dem Rundgang ersetzen müssen, den Sie auf der Website zeigen möchten:

<iframe src="IHRE-PROJEKT-URL" width="800" height="400" frameborder="0" border="0" scrolling="no" allowfullscreen allow="vr"></iframe>

Denken Sie daran, in den HTML-Editor zu wechseln, wenn Sie den Code einfügen. Die Breiten- und Höhenparameter können Sie nach eigenen Wünschen anpassen.

Verwenden Sie bitte keine Plug-ins, da deren iFrame-Code sich von diesem unterscheiden könnte und dann möglicherweise Funktionen wie die Vollbild-Ansicht deaktiviert wären.

2. Hyperlink

Falls Sie eine separate Version Ihrer Website für mobile Benutzer haben oder einfach nur nicht genügend Platz für die Einbettung von iFrame auf Ihrer Webseite verfügbar ist, ziehen Sie es vielleicht vor, dass der virtuelle Rundgang geöffnet wird, wenn Text oder ein Bild (einer Schaltfläche) angeklickt wird.

Text:

<a href="IHRE-PROJEKT-URL" target="_blank">IHR TEXT</a>

Bild:

<a href="IHRE-PROJEKT-URL" target="_blank"><img src="IHRE-BILD-URL"/></a>


Entfernen Sie target="_blank", damit der Rundgang im selben Rahmen geöffnet wird, in dem geklickt wurde.

Die Vollbild-Ansicht innerhalb eingebetteter Rundgänge zulassen

Um Benutzern zu erlauben, den Rundgang im Vollbildmodus anzuzeigen, müssen Sie dem Einbettungscode ein spezielles Vollbild erlauben-Attribut hinzufügen. Hier ein Beispiel-Einbettungscode, der dieses Attribut enthält:

<iframe src="https://premium.giraffe360.com/IHRE-PROJEKT-URL" width="800" height="400" frameborder="0" border="0" scrolling="no" allowfullscreen allow="vr"></iframe>


Wenn alles korrekt ist, sollten Sie nun wie hier eine Vollbild-Schaltfläche für den eingebetteten Rundgang sehen:

Analytik deaktivieren:

Sie können virtuelle Rundgänge mit deaktivierter Analytik nutzen, indem Sie am Ende des Links zum virtuellen Rundgang den Zusatzparameter „/?nocookie“ hinzufügen.

Ein Beispiel:

Hat dies Ihre Frage beantwortet?