EyeSpy360 API & SDK

Τι είναι οι εικονικές περιηγήσεις EyeSpy360™;


Πλήρως καθηλωτικές περιηγήσεις 360 μοιρών ιδιοκτησιών, σκαφών, ξενοδοχείων και άλλων, που οι χρήστες δημιουργούν και δημοσιεύουν οι ίδιοι χρησιμοποιώντας το γρήγορο και απλό πρόγραμμα επεξεργασίας εικονικής περιήγησης EyeSpy360 . Ρίξτε μια ματιά στο βίντεο επίδειξης στη διεύθυνση https://www.eyespy360.com . Είναι πραγματικά πολύ απλό.


Τι είναι το γραφικό στοιχείο HTML EyeSpy360™;


Το γραφικό στοιχείο EyeSpy360 είναι ένα API / SDK που σας επιτρέπει να προσθέσετε τη δημιουργία και τη δημοσίευση εικονικής περιήγησης στο δικό σας πρόγραμμα επεξεργασίας καταχώρισης ακινήτων. Είναι τόσο απλό όσο η προσθήκη μιας γραμμής κώδικα:


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


Για ποιον είναι αυτό;


Διαχειρίζεστε ήδη ένα σύστημα διαχείρισης καταχωρίσεων ακινήτων όπου οι χρήστες σας δημιουργούν, επεξεργάζονται και δημοσιεύουν καταχωρίσεις ακινήτων. Αυτές οι καταχωρίσεις περιλαμβάνουν περιγραφές και εικόνες και θέλετε να δώσετε στους χρήστες σας τη δυνατότητα να δημιουργήσουν εικονικές περιηγήσεις 360°.


Πώς λειτουργεί;


Πιθανότατα έχετε ήδη ένα πεδίο φόρμας διεύθυνσης URL εικονικής περιήγησης για τη φόρμα εγγραφής και επεξεργασίας δεδομένων καταχώρισης ακινήτων. Εάν όχι, δημιουργήστε ένα πρώτα. Προσθέστε τον κώδικα ενσωμάτωσης μιας γραμμής του γραφικού στοιχείου EyeSpy360 και ορίστε την παράμετρο στόχο στο αναγνωριστικό του πεδίου εισαγωγής HTML για τη διεύθυνση URL εικονικής περιήγησης, π.χ. <input id="virtualTourURL" . Το widget θα τοποθετήσει αυτόματα ένα κουμπί Virtual Tour Editor μετά το πεδίο εισαγωγής.



Όταν ένας χρήστης κάνει κλικ στο κουμπί Tour Editor, το EyeSpy360 Tour Editor θα εμφανιστεί μέσα στην ίδια ιστοσελίδα ως αναδυόμενο παράθυρο 95% x 95%. Ο χρήστης ανεβάζει τις εικόνες 360, τις συνδέει μέσω των εισόδων και των εξόδων τους, κάνει προεπισκόπηση της εικονικής περιήγησης και κάνει κλικ στο «Δημοσίευση». Η δημοσιευμένη διεύθυνση URL εισάγεται αυτόματα στο πεδίο φόρμας διεύθυνσης URL εικονικής περιήγησης που καθορίζεται από την παράμετρο γραφικού στοιχείου προορισμού. Το πρόγραμμα επεξεργασίας περιηγήσεων κλείνει όταν ο χρήστης κάνει κλικ στο κουμπί Κλείσιμο στην επάνω δεξιά γωνία ή εάν ο χρήστης κάνει κλικ έξω από το πρόγραμμα επεξεργασίας περιηγήσεων, όπου ο κύριος ιστότοπος εξακολουθεί να είναι ορατός στο αναδυόμενο περιθώριο 5%.


Στη συνέχεια, θα αποθηκεύσετε την τιμή της διεύθυνσης URL της εικονικής περιήγησης στη βάση δεδομένων σας μαζί με άλλα πεδία που έχει τροποποιήσει ο χρήστης, καθώς ο χρήστης αποθηκεύει τις αλλαγές του.


Παράμετροι widget


κλειδί, μυστικό - Υποχρεωτικό. Το κλειδί και τα μυστικά πεδία εμφανίζονται στην ενότητα "Ρυθμίσεις -> Διαπιστευτήρια API" στη διεύθυνση https://e3.eyespy360.com . Δεν έχετε λογαριασμό EyeSpy360 ; Αποκτήστε ένα ΔΩΡΕΑΝ

εξωτερικόTourID - Υποχρεωτικό. Ένα μοναδικό αναγνωριστικό που παρέχεται από εσάς. Μέγιστο μήκος 36 χαρακτήρες. Θα αποθηκεύετε ήδη τις ιδιοκτησίες σας σε ένα χώρο αποθήκευσης δεδομένων κάτω από κάποιο μοναδικό αναγνωριστικό. Χρησιμοποιήστε το εδώ.

στόχος - Υποχρεωτική. Το αναγνωριστικό του πεδίου εισαγωγής HTML που το πρόγραμμα επεξεργασίας εικονικής περιήγησης EyeSpy360 θα τοποθετήσει τη διεύθυνση URL της περιήγησης.

πράκτορας - Προαιρετικό. Εάν το σύστημα διαχείρισης της ιδιοκτησίας σας είναι πολλαπλών χρηστών ή ακόμη και πολλών εταιρειών, ορίστε αυτό το πεδίο σε όνομα χρήστη ή εταιρείας. Αυτό θα σας βοηθήσει να παρακολουθείτε ποιες περιηγήσεις ανήκουν σε ποιον πράκτορα στο backend του EyeSpy360 . Παράδειγμα: Jon Doe, Jane Doe, Doe Estates

ξενάγηση - Προαιρετική. Όνομα της εικονικής περιήγησης. Ορίστε τον στον τίτλο της καταχώρισης ιδιοκτησίας σας, έτσι ώστε οι χρήστες σας να μην χρειάζεται να τον καταχωρήσουν ξανά στο Πρόγραμμα επεξεργασίας περιηγήσεων. Παράδειγμα: Cavendish House

hl - Προαιρετικό. Γλώσσα διεπαφής. Οι υποστηριζόμενες τιμές είναι ar,bg,de,en,es,fr,nl,pt,ru,th,zh. Προεπιλογές σε "en"


Προσαρμογή κουμπιού widget


Σχεδόν σίγουρα θα θέλετε να αλλάξετε τον τρόπο εμφάνισης του κουμπιού «Επεξεργαστής περιηγήσεων» ώστε να ταιριάζει με την εμφάνιση και την αίσθηση του ιστότοπού σας. Μπορείτε να το κάνετε αυτό εφαρμόζοντας οποιοδήποτε CSS θέλετε στο στοιχείο eyespy360_btn. Παράδειγμα:

 #eyespy360_btn {
  χρώμα: κόκκινο;
  βάρος γραμματοσειράς: έντονη;
  περιθώριο-αριστερά: 10 px;
}


Android Virtual Tour SDK


Μπορείτε επίσης να ενσωματώσετε το EyeSpy360 Tour Editor απευθείας στην Εφαρμογή Android σας. Ρίξτε μια ματιά στο SDK στη διεύθυνση https://github.com/eyespy360/Virtual-Tour-Android-SDK


SDK εικονικής περιήγησης iOS


Μπορείτε επίσης να ενσωματώσετε το EyeSpy360 Tour Editor απευθείας στην Εφαρμογή iOS σας. Ρίξτε μια ματιά στο SDK στη διεύθυνση: https://github.com/eyespy360/Virtual-Tour-iOS-SDK


Περιεχόμενο δοκιμής


Πανοραμικές εικόνες και κατόψεις:

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


Πώς μπορώ να ενσωματώσω τις περιηγήσεις στις δημοσιευμένες καταχωρίσεις ακινήτων μου;


Ενσωμάτωση σε iframe:

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


Όπου VirtualTourURL είναι η τιμή από το χώρο αποθήκευσης δεδομένων σας. Προσαρμόστε το πλάτος και το ύψος για να ταιριάζει με το σχέδιό σας.