API e SDK di EyeSpy360

Cosa sono i tour virtuali di EyeSpy360™?


Procedure dettagliate a 360 gradi completamente immersive di proprietà, barche, hotel e altro ancora, che gli utenti creano e pubblicano da soli utilizzando il semplice e veloce EyeSpy360 ™ Virtual Tour Editor. Dai un'occhiata al nostro video dimostrativo su https://www.eyespy360.com . È davvero molto semplice.


Cos'è il widget HTML di EyeSpy360™?


Il widget EyeSpy360 ™ è un'API / SDK che ti consente di aggiungere la creazione e la pubblicazione di tour virtuali al tuo editor di elenchi di proprietà. È semplice come aggiungere una singola riga di codice:


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


Per chi è questo?


Gestisci già un sistema di gestione degli elenchi di proprietà in cui i tuoi utenti creano, modificano e pubblicano annunci di proprietà. Questi elenchi includono descrizioni e immagini e desideri offrire ai tuoi utenti la possibilità di creare tour virtuali a 360°.


Come funziona?


Probabilmente hai già un campo del modulo URL del tour virtuale per il record dei dati dell'elenco delle proprietà e il modulo di modifica. In caso contrario, creane prima uno. Aggiungi il codice di incorporamento di una riga del widget EyeSpy360 ™ e imposta il parametro target sull'ID del campo di input HTML per l'URL del tour virtuale, ad esempio <input id="virtualTourURL" . Il widget posizionerà automaticamente un pulsante Virtual Tour Editor dopo il campo di input.



Quando un utente fa clic sul pulsante Tour Editor, EyeSpy360 ™ Tour Editor apparirà all'interno della stessa pagina web come un pop-up 95% x 95%. L'utente carica le immagini 360, le collega tramite le loro entrate e uscite, visualizza in anteprima il tour virtuale e fa clic su "Pubblica". L'URL pubblicato viene immesso automaticamente nel campo del modulo dell'URL del tour virtuale specificato dal parametro del widget di destinazione. Il Tour Editor si chiude quando l'utente fa clic sul pulsante Chiudi in alto a destra o se l'utente fa clic al di fuori del Tour Editor, dove il sito Web principale è ancora visibile nel margine del pop-up del 5%.


Quindi memorizzerai il valore dell'URL del tour virtuale nel tuo database insieme a qualsiasi altro campo che l'utente ha modificato, mentre l'utente salva le modifiche.


Parametri del widget


chiave, segreto - Obbligatorio. I campi chiave e segreto vengono visualizzati nella sezione "Impostazioni -> Credenziali API" in https://e3.eyespy360.com . Non hai un account EyeSpy360 ™ ? Ottienine uno GRATIS

externalTourID - Obbligatorio. Un identificatore univoco fornito da te. Lunghezza massima 36 caratteri. Memorizzerai già le tue proprietà in un archivio dati con un identificatore univoco. Usalo qui.

destinazione - Obbligatorio. L'ID del campo di input HTML che l'editor del tour virtuale di EyeSpy360 ™ inserirà nell'URL del tour.

agente - Facoltativo. Se il tuo sistema di gestione della proprietà è multiutente o anche multiazienda, imposta questo campo su un nome utente o società. Questo ti aiuterà a tenere traccia di quali tour appartengono a quale agente nel backend di EyeSpy360 ™ . Esempio: Jon Doe, Jane Doe, Doe Estates

tour - Facoltativo. Nome del tour virtuale . Impostalo sul titolo dell'elenco delle tue proprietà, in modo che gli utenti non debbano inserirlo nuovamente nell'editor dei tour. Esempio: Casa Cavendish

hl - Facoltativo. Linguaggio dell'interfaccia. I valori supportati sono ar,bg,de,en,es,fr,nl,pt,ru,th,zh. Il valore predefinito è 'en'


Personalizzazione pulsante widget


Quasi sicuramente vorrai cambiare l'aspetto del pulsante "Tour Editor" in modo che corrisponda all'aspetto del tuo sito web. Puoi farlo applicando qualsiasi CSS che ti piace all'elemento eyespy360_btn. Esempio:

 #eyespy360_btn {
  colore rosso;
  font-weight: grassetto;
  margine sinistro: 10px;
}


SDK del tour virtuale per Android


Puoi anche incorporare EyeSpy360 ™ Tour Editor direttamente nella tua applicazione Android. Dai un'occhiata all'SDK su https://github.com/eyespy360/Virtual-Tour-Android-SDK


SDK del tour virtuale iOS


Puoi anche incorporare EyeSpy360 ™ Tour Editor direttamente nella tua applicazione iOS. Dai un'occhiata all'SDK su: https://github.com/eyespy360/Virtual-Tour-iOS-SDK


Contenuto di prova


Immagini panoramiche e planimetrie:

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


Come faccio a incorporare i tour nei miei annunci immobiliari pubblicati?


Incorporamento in un iframe:

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


Dove VirtualTourURL è il valore dell'archivio dati. Regola la larghezza e l'altezza in base al tuo design.