EyeSpy360-API und -SDK

Was sind virtuelle EyeSpy360™-Touren?

Vollständig immersive 360-Grad-Walkthroughs von Immobilien, Booten, Hotels und mehr, die Benutzer mit dem schnellen und einfachen EyeSpy360 ™ Virtual Tour Editor selbst erstellen und veröffentlichen. Sehen Sie sich unser Demo-Video auf https://www.eyespy360.com an. Es ist wirklich sehr einfach.

Was ist das EyeSpy360™ HTML-Widget?

Das EyeSpy360 ™ -Widget ist eine API / ein SDK, mit dem Sie die Erstellung und Veröffentlichung virtueller Touren zu Ihrem eigenen Editor für Immobilienlisten hinzufügen können. Es ist so einfach wie das Hinzufügen einer einzigen Codezeile:

 <script src="https://e3.eyespy360.com/widget/virtual-tours.1.0.2.js?key=1234&secret=ABCDEF&externalTourID=myPropertyID&target=virtualTourURL"></script> 

Für wen ist das?

Sie betreiben bereits ein Verwaltungssystem für Immobilienanzeigen, in dem Ihre Benutzer Immobilienanzeigen erstellen, bearbeiten und veröffentlichen. Diese Einträge enthalten Beschreibungen und Bilder, und Sie möchten Ihren Benutzern die Möglichkeit geben, virtuelle 360°-Rundgänge zu erstellen.

Wie funktioniert es?

Wahrscheinlich haben Sie bereits ein URL-Formularfeld für eine virtuelle Tour für Ihren Immobilieneintragsdatensatz und ein Bearbeitungsformular. Wenn nicht, erstellen Sie zuerst eine. Fügen Sie den einzeiligen Einbettungscode des EyeSpy360 ™ -Widgets hinzu und setzen Sie den Zielparameter auf die ID des HTML-Eingabefelds für die URL der virtuellen Tour, z. B. <input id="virtualTourURL" . Das Widget platziert automatisch eine Virtual Tour Editor-Schaltfläche nach dem Eingabefeld.

Wenn ein Benutzer auf die Schaltfläche „Tour-Editor“ klickt, wird der EyeSpy360 ™ Tour-Editor auf derselben Webseite als 95 % x 95 %-Popup angezeigt. Der Benutzer lädt die 360-Grad-Bilder hoch, verknüpft sie über ihre Ein- und Ausgänge, zeigt eine Vorschau der virtuellen Tour an und klickt auf „Veröffentlichen“. Die veröffentlichte URL wird automatisch in das URL-Formularfeld der virtuellen Tour eingegeben, das durch den Ziel-Widget-Parameter angegeben wird. Der Tour-Editor wird geschlossen, wenn der Benutzer oben rechts auf die Schaltfläche „Schließen“ klickt oder wenn der Benutzer außerhalb des Tour-Editors klickt, wo die Hauptwebsite immer noch im Pop-up-Rand von 5 % sichtbar ist.

Sie speichern dann den URL-Wert der virtuellen Tour zusammen mit allen anderen Feldern, die der Benutzer geändert hat, in Ihrer Datenbank, wenn der Benutzer seine Änderungen speichert.

Widget-Parameter

Schlüssel, Geheimnis - Obligatorisch. Die Schlüssel- und Geheimfelder werden unter Ihrem Abschnitt „Einstellungen -> API-Anmeldeinformationen“ auf https://e3.eyespy360.com angezeigt. Sie haben kein EyeSpy360 ™ -Konto? Holen Sie sich eine GRATIS

externeTourID – Obligatorisch. Eine von Ihnen bereitgestellte eindeutige Kennung. Maximale Länge 36 Zeichen. Sie speichern Ihre Eigenschaften bereits in einem Datenspeicher unter einer eindeutigen Kennung. Verwenden Sie das hier.

Ziel - Obligatorisch. Die ID des HTML-Eingabefelds, in das der EyeSpy360 ™ Virtual Tour-Editor die Tour-URL einfügt.

Agent – Optional. Wenn Ihr Property-Management-System für mehrere Benutzer oder sogar für mehrere Unternehmen ausgelegt ist, setzen Sie dieses Feld bitte auf einen Benutzer- oder Firmennamen. So können Sie im Backend von EyeSpy360 ™ nachverfolgen, welche Touren zu welchem Agenten gehören. Beispiel: Jon Doe, Jane Doe, Doe Estates

Tour - optional. Name der virtuellen Tour . Stellen Sie dies auf den Titel Ihres Immobilieneintrags ein, damit Ihre Benutzer ihn nicht erneut im Tour-Editor eingeben müssen. Beispiel: Cavendish House

hl - Optional. Schnittstellensprache. Unterstützte Werte sind ar,bg,de,en,es,fr,nl,pt,ru,th,zh. Standardmäßig 'en'

Anpassung der Widget-Schaltfläche

Sie werden mit ziemlicher Sicherheit das Aussehen der Schaltfläche „Tour-Editor“ ändern wollen, um sie an das Erscheinungsbild Ihrer eigenen Website anzupassen. Sie können dies tun, indem Sie ein beliebiges CSS auf das Element eyespy360_btn anwenden. Beispiel:

 #eyespy360_btn {
  Farbe Rot;
  Schriftdicke: fett;
  Rand links: 10px;
}

SDK für virtuelle Android-Touren

Sie können den EyeSpy360 ™ Tour Editor auch direkt in Ihre Android-Anwendung einbetten. Sehen Sie sich das SDK unter https://github.com/eyespy360/Virtual-Tour-Android-SDK an

iOS Virtual Tour-SDK

Sie können den EyeSpy360 ™ Tour Editor auch direkt in Ihre iOS-Anwendung einbetten. Werfen Sie einen Blick auf das SDK unter: https://github.com/eyespy360/Virtual-Tour-iOS-SDK

Inhalt testen

Panoramabilder und Grundrisse:

https://www.eyespy360.com/downloads/EyeSpy360_Test_Images.zip

Wie binde ich die Touren in meine veröffentlichten Immobilienangebote ein?

Einbettung in einen Iframe:

 <iframe width="640" height="390" src="virtualTourURL" allowfullscreen></iframe>

Wobei VirtualTourURL der Wert aus Ihrem Datenspeicher ist. Passen Sie Breite und Höhe an Ihr Design an.