API și SDK EyeSpy360

Ce sunt tururile virtuale EyeSpy360™?

Prezentări complet captivante la 360 de grade ale proprietăților, bărcilor, hoteluri și multe altele, pe care utilizatorii le creează și le publică ei înșiși folosind editorul de tur virtual EyeSpy360 ™ , rapid și simplu. Aruncă o privire la videoclipul nostru demonstrativ pe https://www.eyespy360.com . Este într-adevăr foarte simplu.

Ce este EyeSpy360™ HTML Widget?

Widgetul EyeSpy360 ™ este un API/SDK care vă permite să adăugați crearea și publicarea unui tur virtual la propriul editor de listări de proprietăți. Este la fel de simplu ca și adăugarea unei singure linii de cod:

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

Pentru cine este asta?

Operați deja un sistem de gestionare a listelor de proprietăți în care utilizatorii dvs. creează, editează și publică listări de proprietăți. Aceste listări includ descrieri și imagini și doriți să oferiți utilizatorilor posibilitatea de a crea tururi virtuale 360.

Cum functioneazã?

Probabil că aveți deja un câmp de formular pentru adresa URL a turului virtual pentru înregistrarea datelor și formularul de editare a proprietății. Dacă nu, mai întâi creați unul. Adăugați codul de încorporare pe o linie Widget EyeSpy360 ™ și setați parametrul țintă la ID-ul câmpului de introducere HTML pentru adresa URL a turului virtual, de exemplu <input id="virtualTourURL" . Widgetul va plasa automat un buton Virtual Tour Editor după câmpul de introducere.

Când un utilizator face clic pe butonul Tour Editor, EyeSpy360 ™ Tour Editor va apărea în interiorul aceleiași pagini web ca un pop-up 95% x 95%. Utilizatorul încarcă imaginile 360, le leagă prin intrările și ieșirile lor, previzualizează turul virtual și dă clic pe „Publica”. Adresa URL publicată este introdusă automat în câmpul formularului URL al turului virtual specificat de parametrul widget-ului țintă. Editorul de tur se închide atunci când utilizatorul face clic pe butonul Închidere din dreapta sus sau dacă utilizatorul face clic în afara Editorului de tur, unde site-ul principal este încă vizibil în marja pop-up de 5%.

Apoi, veți stoca valoarea URL a turului virtual în baza de date împreună cu orice alte câmpuri pe care utilizatorul le-a modificat, pe măsură ce utilizatorul își salvează modificările.

Parametrii widgetului

cheie, secret - Obligatoriu. Câmpurile cheie și secrete sunt afișate în secțiunea „Setări -> Acreditări API” din https://e3.eyespy360.com . Nu aveți un cont EyeSpy360 ™ ? Obțineți unul GRATUIT

externalTourID - Obligatoriu. Un identificator unic furnizat de dvs. Lungime maximă 36 de caractere. Vă veți stoca deja proprietățile într-un depozit de date sub un identificator unic. Folosește asta aici.

target - Obligatoriu. ID-ul câmpului de introducere HTML pe care editorul EyeSpy360 ™ Virtual Tour îl va pune URL-ul turului.

agent - Opțional. Dacă sistemul dvs. de management al proprietății este multi-utilizator sau chiar multi-companie, vă rugăm să setați acest câmp la un utilizator sau un nume de companie. Acest lucru vă va ajuta să urmăriți tururile care aparțin fiecărui agent în backend-ul EyeSpy360 ™ . Exemplu: Jon Doe, Jane Doe, Doe Estates

tur - Opțional. Numele turului virtual . Setați-l la titlul de înregistrare a proprietății, astfel încât utilizatorii să nu fie nevoie să îl introducă din nou în Editorul de tur. Exemplu: Casa Cavendish

hl - Opțional. Limbajul interfeței. Valorile acceptate sunt ar,bg,de,en,es,fr,nl,pt,ru,th,zh. Implicit la „en”

Personalizare buton widget

Aproape sigur veți dori să schimbați modul în care arată butonul „Editor de tur” pentru a se potrivi cu propriul site web. Puteți face acest lucru aplicând orice CSS dorit elementului eyespy360_btn. Exemplu:

 #eyespy360_btn {
  culoarea rosie;
  greutate font: bold;
  margine-stânga: 10px;
}

Android Virtual Tour SDK

De asemenea, puteți include editorul de tur EyeSpy360 ™ direct în aplicația dvs. Android. Aruncă o privire la SDK-ul la https://github.com/eyespy360/Virtual-Tour-Android-SDK

iOS Virtual Tour SDK

De asemenea, puteți încorpora EyeSpy360 ™ Tour Editor direct în aplicația dvs. iOS. Aruncă o privire la SDK-ul la: https://github.com/eyespy360/Virtual-Tour-iOS-SDK

Testați conținutul

Imagini panoramice și planuri de etaj:

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

Cum încorporez tururile în listele de proprietăți publicate?

Încorporarea într-un iframe:

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

Unde VirtualTourURL este valoarea din depozitul dvs. de date. Reglați lățimea și înălțimea pentru a se potrivi cu designul dvs.