3D-Viewer in die Immobilienwebsite einbetten: so geht's

Ein 3D-Viewer ist am nützlichsten, wenn er dort erscheint, wo Interessenten bereits Fotos, Grundrisse und Kontaktdaten ansehen. Eine gute Integration gibt ihm genug Platz, ohne die Objektseite schwer bedienbar zu machen.

Was eine Immobilienwebsite für Büroflächen zeigen sollte

Eine Immobilienwebsite für Büroflächen muss die Fragen beantworten, die vor einer Besichtigung kommen. Zeigen Sie auf der Objektseite alles, was ein Interessent braucht, um zu entscheiden, ob er anruft.

• Aktuelle Fotos, mit Datum.
• Den Grundriss der Fläche.
• Flächenangaben nach einem einheitlichen Standard, der genannt wird.
• Lage und Anbindung: Adresse, öffentliche Verkehrsmittel und Zufahrt.
• Die Ausstattung: Klimatisierung, Doppelboden, Beleuchtung und weitere Systeme.
• Verfügbarkeit und Konditionen, oder an wen man sich dafür wendet.
• Einen klaren Kontakt, sichtbar neben dem Inserat.
• Einen 3D-Viewer oder interaktiven Grundriss, wenn die Fläche leer, im Umbau oder in mehreren Aufteilungen zu zeigen ist.

Auch für Bürointerieurs

Vermieten Sie Büroflächen, können Sie einen Interieur-Viewer neben dem Grundriss zeigen. Eigentümer, Asset Manager oder der Makler können ihn für die eigene Website beauftragen. Vermarkten mehrere Firmen dasselbe Objekt, stimmen wir Marke, Zugang und Nutzungsrechte gemeinsam ab.

Ein Link oder eine direkte Einbettung

Ein Link öffnet den Viewer auf einer eigenen Seite. Das ist einfach zu pflegen und eignet sich auch für E-Mails. Eine Einbettung zeigt ihn innerhalb der Objektseite, häufig in einem iframe. Dafür müssen Zielwebsite und Viewer die Einbindung erlauben.

Für ein erstes Projekt empfehlen wir, zunächst den Link zu liefern und die Einbettung nach der tatsächlichen Nutzung zu bewerten. So zeigen Sie das Gebäude bereits in Terminen, während Ihr Webteam die passende Stelle dafür prüft. Muss die Einbettung zu einem bestimmten Termin fertig sein, nehmen Sie das von Anfang an in den Umfang auf.

Ein Beispiel für Ihr Webteam

Die folgende Adresse ist ein Platzhalter. Für Ihr Projekt vereinbaren wir eine eigene Viewer-Adresse und die erlaubten Domains. Unsere öffentliche Demo lässt sich nur innerhalb von visedra.com einbetten.

<iframe
  src="https://visedra.com/v/ihre-immobilie"
  title="Interaktive 3D-Ansicht eines Büros"
  width="100%" height="560"
  loading="lazy" allow="fullscreen"
  style="border:0;border-radius:16px"
></iframe>

Was die Person prüfen sollte, die Ihre Website betreut

Content-Management-Systeme bieten teils HTML- oder Einbettungsblöcke an. Ob diese verfügbar sind, hängt vom Produkt, vom Tarif, von den Rechten des Benutzerkontos und von der Sicherheitskonfiguration ab. Was bei einer Website funktioniert, muss bei einer anderen mit demselben System nicht funktionieren. Testen Sie es deshalb auf Ihrer eigenen Seite, bevor Sie sich auf einen Termin festlegen.

• Prüfen, ob Ihr Benutzerkonto den nötigen Inhaltstyp einfügen kann oder ob die Administratorin das übernehmen muss.
• Die Regeln der Website für das Laden der Viewer-Domain durchsehen.
• Bestätigen, dass der Anbieter diese Lieferung innerhalb der vereinbarten Domain zulässt.
• Genug Platz reservieren, damit sich die Bedienelemente bequem nutzen lassen, ohne die Objektinformationen zu verdrängen.
• Eine sichtbare Alternative behalten, um den Viewer auf einer eigenen Seite zu öffnen.

Die Content Security Policy der Website kann eingebettete Inhalte begrenzen. Auf Seiten des Viewers legt frame-ancestors fest, welche Seiten ihn einbetten dürfen. Diese Regeln sollten für die benötigten Domains eingerichtet werden. Sicherheitsregeln pauschal abzuschalten ist keine sinnvolle Voraussetzung für eine Integration.

Wo der Viewer im Inserat stehen sollte

Platzieren Sie ihn dort, wo er die gerade gelesene Information unterstützt. Eine Übersicht passt zur Gebäudebeschreibung, eine Ansicht der Terrassen zum Abschnitt über die Außenbereiche. Aktuelle Fotos bleiben zur Dokumentation des Zustands wichtig, ebenso ein klarer Kontakt für Rückfragen oder eine Besichtigung.

Lassen Sie das 3D nicht die ganze Objektseite übernehmen, ohne zu erklären, was es zeigt. Kennzeichnen Sie die modellierten Bereiche und die relevanten Einschränkungen. Ist die Darstellung indikativ, sollte der Besucher das wissen, bevor er sie für eine Entscheidung nutzt.

Ladeverhalten und Smartphone gehören zur Lieferung

Ein 3D-Modell muss Ressourcen laden und die Grafikleistung des Geräts nutzen. Kommt es zu Fotos, Karten und Videos hinzu, die eine Seite schon lädt, verlängert das die Wartezeit zusätzlich. Ein Vorschaubild mit einer Aktion zum Öffnen lässt den Besucher entscheiden, wann das 3D geladen wird. Diese Entscheidung sollte auf dem tatsächlichen Inserat getestet werden, nicht nur auf der Seite des Anbieters.

1. Das Inserat mit leerem Cache öffnen und prüfen, ob Text, Fotos und Kontakt vor dem 3D erscheinen.
2. Den Viewer aktivieren und eine verständliche Wartezeit bis zur Bereitschaft prüfen.
3. Drehen, Zoom und Ansichtswechsel auf einem Computer und den vereinbarten Smartphones testen.
4. Prüfen, ob sich die Seite weiter scrollen lässt und man den Viewer verlassen kann, ohne in seinen Bedienelementen gefangen zu sein.
5. Den alternativen Link öffnen. Scheitert die Einbettung, muss der Interessent trotzdem weiterkommen. Melden Sie dem Anbieter die Geräte, die den Test nicht bestehen.

Was vor der Arbeit schriftlich feststehen sollte

Legen Sie fest, wer den Block einfügt, auf welcher Domain er läuft, wer das Hosting bezahlt und was passiert, wenn sich Ihre Website ändert. Unterscheiden Sie das Anpassen der Einbettung von einem Umbau des Gebäudes. Klären Sie außerdem, wen Sie kontaktieren, wenn eine Änderung im Content-Management-System die Anzeige stoppt.

Ein Viewer kann die Erklärung der Immobilie verbessern, ersetzt aber nicht den Inhalt, den Google und Menschen lesen müssen. Behalten Sie eine eigene Beschreibung, klare Überschriften, relevante Fotos und Links zu verwandten Inseraten. Ein eingebettetes iframe lässt Ihre Seite nicht automatisch für den Text der eingebetteten Seite ranken.

Einen interaktiven 3D-Grundriss auf der Objektseite zeigen

Bei einer Bürofläche kann der Block auf der Objektseite einen interaktiven 3D-Grundriss zeigen. Interessenten wechseln zwischen Arbeitsplätzen, Besprechungsräumen und Gemeinschaftsflächen, blenden die Möbel ein oder aus und sehen die Fläche leer oder möbliert.

Mehrere Aufteilungen derselben Fläche passen unter denselben Link. Möbel und Aufteilungen sind ein Vorschlag, kein Nachweis einer zulässigen Belegung, und die Präsentation sagt das.

Sie teilen ihn per Link oder binden ihn mit dem Code der Seite zur Website-Integration ein. Ein interaktiver 3D-Grundriss für Büros kostet ab 149 € zzgl. MwSt.

Häufige Fragen