EyeSpy360 API & SDK

Što su EyeSpy360™ Virtual Tours?

Potpuno imerzivni pregledi od 360 stupnjeva nekretnina, brodova, hotela i više, koje korisnici sami kreiraju i objavljuju pomoću brzog i jednostavnog EyeSpy360 ™ Virtual Tour Editora. Pogledajte naš demo video na https://www.eyespy360.com . Stvarno je vrlo jednostavno.

Što je EyeSpy360™ HTML Widget?

EyeSpy360 ™ Widget je API / SDK koji vam omogućuje dodavanje stvaranja i objavljivanja virtualnog obilaska u vaš uređivač popisa nekretnina. Jednostavno je poput dodavanja jedne linije koda:

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

Za koga je ovo?

Već upravljate sustavom za upravljanje popisima nekretnina u kojem vaši korisnici stvaraju, uređuju i objavljuju popise nekretnina. Ovi popisi uključuju opise i slike, a svojim korisnicima želite dati mogućnost stvaranja 360 virtualnih obilazaka.

Kako radi?

Vjerojatno već imate polje URL obrasca za virtualni obilazak za obrazac za zapis i uređivanje podataka popisa nekretnina. Ako ne, prvo ga izradite. Dodajte EyeSpy360 ™ Widget kod za ugradnju jednog retka i postavite ciljni parametar na ID HTML polja za unos za URL virtualnog obilaska, npr. <input id="virtualTourURL" . Widget će automatski postaviti gumb Virtual Tour Editor iza polja za unos.

Kada korisnik klikne na gumb Tour Editor, EyeSpy360 ™ Tour Editor će se pojaviti unutar iste web stranice kao 95% x 95% skočni prozor. Korisnik učitava slike od 360 stupnjeva, povezuje ih preko ulaza i izlaza, pregledava virtualni obilazak i klikne 'Objavi'. Objavljeni URL automatski se unosi u polje obrasca URL virtualnog obilaska navedenog parametrom ciljnog widgeta. Uređivač obilaska zatvara se kada korisnik klikne gumb Zatvori u gornjem desnom kutu ili ako korisnik klikne izvan uređivača obilaska, gdje je glavna web stranica još uvijek vidljiva u skočnoj margini od 5%.

Zatim ćete pohraniti vrijednost URL-a virtualnog obilaska u svoju bazu podataka zajedno sa svim drugim poljima koje je korisnik izmijenio, jer korisnik sprema svoje promjene.

Parametri widgeta

ključ, tajna - Obavezno. Polja ključa i tajne prikazana su u odjeljku 'Postavke -> API vjerodajnice' na https://e3.eyespy360.com . Nemate EyeSpy360 ™ račun? Dobijte jedan BESPLATNO

externalTourID - Obavezno. Jedinstveni identifikator koji ste dostavili. Maksimalna duljina 36 znakova. Već ćete pohraniti svoja svojstva u pohranu podataka pod nekim jedinstvenim identifikatorom. Iskoristi to ovdje.

cilj - Obavezno. ID polja za unos HTML-a u koje će uređivač virtualnog obilaska EyeSpy360 ™ staviti URL obilaska.

agent - izborno. Ako je vaš sustav upravljanja imovinom višekorisnički ili čak višetvrtki, postavite ovo polje na ime korisnika ili tvrtke. Ovo će vam pomoći da pratite koji obilasci pripadaju kojem agentu u pozadini EyeSpy360 ™ . Primjer: Jon Doe, Jane Doe, Doe Estates

obilazak - Fakultativno. Naziv virtualnog obilaska. Postavite ovo na naslov popisa nekretnina, tako da ga vaši korisnici ne moraju ponovno unositi u uređivač obilaska. Primjer: Cavendish House

hl - Neobavezno. Jezik sučelja. Podržane vrijednosti su ar,bg,de,en,es,fr,nl,pt,ru,th,zh. Zadano je "en"

Prilagodba gumba widgeta

Gotovo ćete sigurno htjeti promijeniti način na koji izgleda gumb 'Tour Editor' kako bi odgovarao izgledu i dojmu vaše vlastite web stranice. To možete učiniti primjenom bilo kojeg CSS-a koji želite na element eyespy360_btn. Primjer:

 #eyespy360_btn {
  boja: crvena;
  font-weight: bold;
  margin-lijevo: 10px;
}

Android Virtual Tour SDK

Također možete ugraditi EyeSpy360 ™ Tour Editor izravno u svoju Android aplikaciju. Pogledajte SDK na https://github.com/eyespy360/Virtual-Tour-Android-SDK

iOS Virtual Tour SDK

Također možete ugraditi EyeSpy360 ™ Tour Editor izravno u svoju iOS aplikaciju. Pogledajte SDK na: https://github.com/eyespy360/Virtual-Tour-iOS-SDK

Testni sadržaj

Panoramske slike i tlocrti:

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

Kako mogu ugraditi obilaske u svoje objavljene popise nekretnina?

Ugradnja u iframe:

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

Gdje je VirtualTourURL vrijednost iz vaše pohrane podataka. Prilagodite širinu i visinu tako da odgovaraju vašem dizajnu.