So binden Sie einen Immobilien-Überflug in Wix ein

Um eine Georivo-Standortpräsentation in Wix einzubetten, veröffentlichen Sie zuerst das Widget und autorisieren Sie die genaue öffentliche Website-Domain in Georivo. Kopieren Sie das generierte HTTPS-Iframe, fügen Sie es über das von der Plattform unterstützte HTML- oder Code-Element ein, behalten Sie das Seitenverhältnis bei und veröffentlichen Sie die Seite. Überprüfen Sie die Live-URL auf Desktop- und Mobilgeräten, einschließlich Domain-Zugriff, Ladeverhalten, Namensnennung, Cookie-Zustimmung und Fallback-Verhalten.

Voraussetzungen für die Wix-Integration

Bevor Sie versuchen, eine interaktive Georivo 3D-Standortpräsentation in eine Wix-Website zu integrieren, müssen mehrere technische Voraussetzungen erfüllt sein, um eine erfolgreiche und sichere Implementierung zu gewährleisten. Zuerst benötigen Sie ein veröffentlichtes Georivo-Widget. Dieses Widget wird mit einer bestimmten Immobilienadresse und nahegelegenen Orten konfiguriert und verwandelt diese in eine einbettbare, interaktive und fotorealistische 3D-Standortpräsentation. Es ist wichtig, diese Visualisierung von physischen Drohnenaufnahmen zu unterscheiden. Georivo verlässt sich vollständig auf lizenziertes Geodatenmaterial, um seine virtuellen Umgebungen zu erstellen, und bietet programmierte Kamerabewegungen sowie eine interaktive Erkundung nach der Wiedergabe. Das bedeutet, dass die Plattform anstelle von physischen Drohnenflügen, Wettergenehmigungen oder lokaler Luftbildfotografie bereits vorhandene, lizenzierte 3D-Geodaten verwendet, um die Umgebung darzustellen.

Zweitens müssen Sie über einen aktiven Editor-Zugriff auf Ihre Wix-Website verfügen. Dieser Zugriff ist erforderlich, um das Layout zu ändern, Elemente hinzuzufügen und benutzerdefinierten HTML-Code einzufügen. Drittens müssen Sie sicherstellen, dass Ihr Wix-Abonnement die Verwendung von benutzerdefiniertem Code oder Iframe-Elementen zulässt, da bestimmte Basis- oder kostenlose Tarife diese Funktionen einschränken oder plattformbezogene Einschränkungen anzeigen können. Schließlich müssen Sie Ihre genaue öffentliche Domain in Ihren Georivo-Einstellungen autorisieren. Die Domain-Autorisierung ist eine Sicherheitsfunktion, die einschränkt, wo Ihre interaktive 3D-Standortpräsentation angezeigt werden darf. Dies verhindert, dass unbefugte Dritte Ihr individuelles Widget auf nicht genehmigten Websites einbetten. Ohne diese Autorisierung lädt das Iframe nicht und zeigt eine Sicherheitsblockierung an, um Ihre Projektressourcen zu schützen.

• Ein vollständig konfiguriertes und veröffentlichtes Georivo-Widget, das Ihre Immobilienadresse und nahegelegene Orte enthält.
• Aktiver administrativer Zugriff oder Editor-Zugriff auf die Ziel-Wix-Website.
• Eine autorisierte öffentliche Domain, die im Georivo-Dashboard konfiguriert ist und mit Ihrer Live-Website-URL übereinstimmt.
• Ein Wix-Tarif, der die Einbettung von benutzerdefiniertem HTML und Iframe-Elementen unterstützt.

Kopieren des Georivo-Einbettungscodes

Der Einbettungsprozess beginnt mit dem Abrufen des sicheren Integrationscodes aus Ihrem Georivo-Dashboard. Jedes veröffentlichte Widget ist mit einem spezifischen, geschützten Freigabelink und einem entsprechenden HTTPS-Iframe-Code-Snippet verknüpft. Dieser Iframe-Code fungiert als sicherer Container und stellt sicher, dass das lizenzierte Geodatenmaterial und die programmierten Kamerabewegungen auf Ihrer autorisierten Domain korrekt dargestellt werden. Das Iframe ist so konzipiert, dass es Ressourcen sicher über HTTPS lädt, was eine strikte Anforderung moderner Webbrowser und Plattformen wie Wix ist.

Um den Code zu kopieren, navigieren Sie zu Ihrem veröffentlichten Projekt in der Georivo-Benutzeroberfläche und suchen Sie die Einbettungseinstellungen. Kopieren Sie das vollständige, unveränderte Iframe-Snippet direkt in Ihre Zwischenablage. Es ist eine strikte Vorgabe der Einbettungsvereinbarung, dass Sie ausschließlich den von der Plattform generierten Iframe-Code verwenden. Sie dürfen niemals versuchen, die geschützte URL oder die in diesem Code eingebetteten Sicherheitstoken offenzulegen, zu ändern oder neu zu erfinden. Das Ändern dieser Parameter, wie der Versuch, eine reine URL zu extrahieren oder die Sicherheitstoken zu ändern, bricht die domaingebundene Sicherheitsüberprüfung. Dies führt zu einem Darstellungsfehler, wenn die Seite von einem Besucher geladen wird. Das Iframe ist so konzipiert, dass es als einheitlicher, geschützter Codeblock fungiert, der Autorisierung und Darstellung gleichzeitig verarbeitet.

Hinzufügen des HTML-Einbettungselements in Wix

Nachdem Sie den sicheren Iframe-Code in Ihre Zwischenablage kopiert haben, öffnen Sie den Wix-Editor und navigieren Sie zu der spezifischen Seite, auf der Sie die Immobilien-Standortpräsentation anzeigen möchten. Dies könnte eine Präsentationsseite für Immobilien, ein Nachbarschaftsführer oder ein Ankunftsleitfaden sein. Suchen Sie im Wix-Editor das Menü zum Hinzufügen von Elementen, das normalerweise durch ein Pluszeichen in der linken Symbolleiste dargestellt wird. Navigieren Sie in diesem Menü zu dem Bereich, der benutzerdefinierten Code oder die Einbettung von Widgets unterstützt, und wählen Sie die Option zum Hinzufügen eines HTML- oder Einbettungselements. Diese Aktion platziert ein graues Platzhalterfeld auf Ihrer aktiven Seite.

Sobald das Platzhalterfeld auf Ihrer Seite erscheint, öffnen Sie dessen Einstellungsfenster, das normalerweise als HTML-Einstellungen bezeichnet wird. Stellen Sie sicher, dass der Eingabemodus auf HTML-Code und nicht auf eine direkte Website-URL eingestellt ist. Fügen Sie den kopierten Georivo-Iframe-Code direkt in das dafür vorgesehene Textfeld ein. Klicken Sie nach dem Einfügen auf die Schaltfläche zum Aktualisieren, um die Änderungen zu übernehmen. Der Wix-Editor versucht nun, eine lokale Vorschau der interaktiven 3D-Umgebung zu laden. Bitte beachten Sie, dass sich die Vorschau im Editor aufgrund der domaingebundenen Natur der Einbettung anders verhalten kann als auf der Live-Website, wenn die interne Domain des Editors nicht mit Ihrer autorisierten öffentlichen Domain übereinstimmt. Dies ist ein normales Verhalten, und die endgültige Überprüfung sollte immer auf der veröffentlichten Live-URL durchgeführt werden.

Größenanpassungen für Desktop und Mobilgeräte

Die Konfiguration der Abmessungen des Einbettungscontainers ist ein entscheidender Schritt, um sicherzustellen, dass die 3D-Standortpräsentation auf verschiedenen Geräten korrekt angezeigt wird. In der Desktop-Ansicht des Wix-Editors müssen Sie die Breite und Höhe des HTML-Containers manuell anpassen. Es wird dringend empfohlen, ein Standard-Breitbild-Seitenverhältnis beizubehalten, um sicherzustellen, dass die programmierten Kamerabewegungen und geografischen Details ohne unnötiges vertikales oder horizontales Scrollen gut sichtbar sind. Ein zu kleiner Container kann die interaktiven Elemente verdecken und die Navigation im Live-Erkundungsmodus für Benutzer erschweren.

Da Wix Desktop- und Mobil-Layouts über separate Bearbeitungsoberflächen verwaltet, müssen Sie zum Wix-Mobile-Editor wechseln, um den mobilen Viewport zu konfigurieren. Standardmäßig schneidet Wix den HTML-Container auf kleineren Bildschirmen möglicherweise unvorteilhaft zu oder skaliert ihn falsch, da die Plattform reaktionsfähige Höhen für Iframe-Einbettungen nicht automatisch berechnet. Sie müssen die Höhe und Breite des Feldes im mobilen Layout manuell anpassen, um ein Abschneiden von Inhalten zu verhindern. Korrekte Abmessungen auf Mobilgeräten sind unerlässlich, um die Nutzbarkeit des Live-Erkundungsmodus zu erhalten. So können mobile Nutzer über Touch-Gesten mit der 3D-Karte interagieren, ohne die allgemeine Seitennavigation zu stören oder Layout-Verschiebungen zu verursachen.

Veröffentlichen und Überprüfen der Live-Integration

Nachdem Sie die Containerabmessungen sowohl für das Desktop- als auch für das Mobil-Layout angepasst haben, müssen Sie Ihre Änderungen veröffentlichen, um sie live zu schalten. Klicken Sie im Wix-Editor auf die Option zum Veröffentlichen, um die Aktualisierungen auf Ihre öffentliche Website zu übertragen. Bitte beachten Sie, dass das Testen im Wix-Vorschau-Modus nicht ausreicht, um eine erfolgreiche Integration zu bestätigen. Vorschauumgebungen arbeiten oft unter anderen Sicherheitskontexten, Sandbox-Domains und temporären Sitzungen, welche die domaingebundene Autorisierung möglicherweise nicht korrekt auslösen.

Um die Integration zu überprüfen, öffnen Sie ein neues Browserfenster und navigieren Sie direkt zur veröffentlichten Live-URL Ihrer Wix-Seite. Sie sollten die Seite sowohl auf Desktop- als auch auf Mobilgeräten überprüfen. Stellen Sie sicher, dass die 3D-Standortpräsentation erfolgreich geladen wird, ohne dass domaingebundene Sicherheitsblockierungen oder leere Frames angezeigt werden. Vergewissern Sie sich, dass die programmierten Kamerabewegungen wie geplant ausgeführt werden, die erforderliche Kartennamensnennung sichtbar ist und die interaktiven Elemente auf Benutzereingaben reagieren. Beobachten Sie auch, wie sich die Einbettung im Verhältnis zu den Cookie-Einwilligungsbannern und Fallback-Mechanismen Ihrer Website verhält, um sicherzustellen, dass Besucher unabhängig von ihren Browsereinstellungen oder Einwilligungsauswahlen eine reibungslose Nutzererfahrung haben.

Fehlerbehebung bei häufigen Integrationsproblemen

Beim Einbetten interaktiver 3D-Inhalte in Sandbox-Umgebungen wie Wix können technische Probleme auftreten. Ein häufiges Problem ist ein leeres Iframe oder eine Ladeblockierung. Dies weist in der Regel darauf hin, dass die öffentliche Domain Ihrer Wix-Website in Ihren Georivo-Einstellungen nicht autorisiert wurde oder dass eine Abweichung zwischen der autorisierten Domain und der tatsächlichen Live-URL vorliegt. Überprüfen Sie Ihr Georivo-Dashboard, um sicherzustellen, dass die Domain-Autorisierung exakt mit Ihrer öffentlichen Website übereinstimmt, einschließlich aller Subdomains oder Protokoll-Präfixe.

Ein weiteres häufiges Problem ist eine falsche Höhe oder das Abschneiden von Inhalten auf Mobilgeräten, wodurch die 3D-Karte abgeschnitten erscheint oder Scrollbalken anzeigt. Dies lässt sich beheben, indem Sie zum Wix-Editor zurückkehren - speziell zum Mobile-Editor - und die Containergrenzen manuell an den mobilen Viewport anpassen. Darüber hinaus können Sicherheitsrichtlinien wie Abweichungen bei der Content Security Policy (CSP), Warnungen vor gemischten Inhalten (z. B. die Verwendung von HTTP anstelle von HTTPS), veraltete Browser-Caches oder strikte Cookie-Einwilligungsblockierungen das Laden des Iframes verhindern. Das Testen der Live-Seite in einem Inkognito-Fenster hilft festzustellen, ob Cookie-Einwilligungsregeln, installierte Browser-Erweiterungen oder lokale Browser-Caches die Blockierung verursachen.

Best Practices für Leistung und Optimierung

Das Einbetten interaktiver geografischer 3D-Visualisierungen erfordert eine Berücksichtigung der Ladeleistung der Seite. Da Georivo fotorealistische 3D-Umgebungen unter Verwendung von lizenziertem Geodatenmaterial darstellt, erfordert das Laden dieser Ressourcen mehr Bandbreite als statische Bilder oder Standardtext. Um eine optimale Benutzererfahrung und schnelle anfängliche Ladezeiten auf Ihrer Wix-Website zu gewährleisten, platzieren Sie die Einbettung unter dem direkt sichtbaren Bereich (below the fold), es sei denn, sie bildet den Hauptfokus der Seite. Dadurch können wichtige Texte und leichtgewichtige Bilder zuerst geladen werden, was die anfängliche Leistungsbewertung der Seite und die gefühlte Ladezeit verbessert.

Wenn die 3D-Standortpräsentation als Hero-Element ganz oben auf der Seite platziert wird, sollten Sie andere schwere Mediendateien wie große unoptimierte Bilder oder komplexe Skripte auf derselben Seite minimieren. Darüber hinaus sollten Sie überwachen, wie der Cookie-Einwilligungs-Manager Ihrer Website mit dem Drittanbieter-Iframe interagiert. Einige Einwilligungs-Manager blockieren das Iframe möglicherweise vollständig, bis der Benutzer den Cookies zustimmt, was beim ersten Laden zu einer leeren Fläche führen kann. Wenn Sie sicherstellen, dass Ihr Fallback-Verhalten und Ihre Einwilligungseinstellungen korrekt konfiguriert sind, bieten Sie allen Besuchern eine nahtlose Erfahrung, sodass die 3D-Visualisierung reibungslos geladen wird, sobald die Berechtigungen erteilt wurden.

Einschränkungen und Eignung

Nutzen Sie dieses Material zur Präsentation und Entscheidungsunterstützung, nicht als Ersatz für unabhängig verifizierte Quellinformationen. Bestätigen Sie Routen, Entfernungen, Zugänge, Verfügbarkeiten, Bildmaterial, rechtliche Grenzen, Plattformanforderungen und aktuelle Bedingungen mit den entsprechenden maßgeblichen Quellen vor der Veröffentlichung oder Nutzung.

Schritt-für-Schritt-Checkliste zur Wix-Einbettung

1. Überprüfen und kopieren Sie die autorisierte öffentliche Domain Ihrer Wix-Website.
2. Melden Sie sich bei Georivo an, öffnen Sie Ihre Standortpräsentation und fügen Sie die öffentliche Domain zur Liste der autorisierten Domains hinzu.
3. Veröffentlichen Sie das Georivo-Widget und kopieren Sie das bereitgestellte HTTPS-Iframe-Code-Snippet.
4. Öffnen Sie den Wix-Editor, wählen Sie 'Elemente hinzufügen' und ziehen Sie das HTML-Einbettungs-Widget auf Ihre Seite.
5. Fügen Sie den Iframe-Code in das Wix-HTML-Einstellungsfenster ein und klicken Sie auf Aktualisieren.
6. Wechseln Sie zum Wix-Mobile-Editor, um die Containerabmessungen für kleinere Bildschirme anzupassen.
7. Veröffentlichen Sie Ihre Wix-Website und testen Sie die Live-URL auf mehreren Geräten, um das erfolgreiche Laden zu bestätigen.

Die Integration interaktiver 3D-Visualisierungen direkt in Immobilienseiten ermöglicht es Immobilienexperten, den Kontext der Nachbarschaft mithilfe von lizenziertem Geodatenmaterial klar zu vermitteln.