SDK y API de EyeSpy360

¿Qué son los recorridos virtuales EyeSpy360™?


Recorridos de 360 grados totalmente inmersivos de propiedades, barcos, hoteles y más, que los usuarios crean y publican ellos mismos utilizando el editor de recorridos virtuales rápido y simple EyeSpy360 . Eche un vistazo a nuestro video de demostración en https://www.eyespy360.com . Es realmente muy sencillo.


¿Qué es el widget HTML de EyeSpy360™?


EyeSpy360 Widget es una API / SDK que le permite agregar la creación y publicación de recorridos virtuales a su propio editor de listados de propiedades. Es tan simple como agregar una sola línea de código:


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


¿Para quien es esto?


Ya opera un sistema de administración de listados de propiedades donde sus usuarios crean, editan y publican listados de propiedades. Estos listados incluyen descripciones e imágenes, y desea brindarles a sus usuarios la capacidad de crear recorridos virtuales de 360°.


¿Como funciona?


Probablemente ya tenga un campo de formulario de URL de recorrido virtual para el registro de datos de su listado de propiedades y el formulario de edición. Si no, cree uno primero. Agregue el código de inserción de una línea del widget EyeSpy360 y establezca el parámetro de destino en el ID del campo de entrada HTML para la URL de la visita virtual, por ejemplo, <input id="virtualTourURL" . El widget colocará automáticamente un botón del editor de visitas virtuales después del campo de entrada.



Cuando un usuario hace clic en el botón Tour Editor, el EyeSpy360 Tour Editor aparecerá dentro de la misma página web como una ventana emergente de 95 % x 95 %. El usuario carga las imágenes 360, las vincula a través de sus entradas y salidas, obtiene una vista previa del recorrido virtual y hace clic en 'Publicar'. La URL publicada se ingresa automáticamente en el campo de formulario de URL de visita virtual especificado por el parámetro del widget de destino. El Tour Editor se cierra cuando el usuario hace clic en el botón Cerrar en la parte superior derecha, o si el usuario hace clic fuera del Tour Editor, donde el sitio web principal todavía está visible en el margen emergente del 5%.


Luego, almacenará el valor de la URL del recorrido virtual en su base de datos junto con cualquier otro campo que el usuario haya modificado, a medida que el usuario guarda sus cambios.


Parámetros del widget


clave, secreto - Obligatorio. Los campos clave y secreto se muestran en la sección 'Configuración -> Credenciales API' en https://e3.eyespy360.com . ¿No tienes una cuenta EyeSpy360 ? Consigue uno GRATIS

externalTourID - Obligatorio. Un identificador único proporcionado por usted. Longitud máxima 36 caracteres. Ya estará almacenando sus propiedades en un almacén de datos bajo algún identificador único. Usa eso aquí.

destino - Obligatorio. El ID del campo de entrada HTML que el editor del Tour Virtual EyeSpy360 colocará en la URL del Tour.

agente - Opcional. Si su sistema de gestión de propiedades es multiusuario o incluso multiempresa, establezca este campo en un nombre de usuario o de empresa. Esto lo ayudará a rastrear qué recorridos pertenecen a qué agente en el backend de EyeSpy360 . Ejemplo: Jon Doe, Jane Doe, Doe Estates

recorrido - Opcional. Nombre del recorrido virtual. Establézcalo en el título de su listado de propiedades, para que sus usuarios no necesiten ingresarlo nuevamente en el Tour Editor. Ejemplo: Casa Cavendish

hl - Opcional. Lenguaje de interfaz. Los valores admitidos son ar,bg,de,en,es,fr,nl,pt,ru,th,zh. El valor predeterminado es 'en'


Personalización de botones de widgets


Es casi seguro que querrá cambiar la forma en que se ve el botón 'Editor de recorridos' para que coincida con la apariencia de su propio sitio web. Puede hacerlo aplicando cualquier CSS que desee al elemento eyespy360_btn. Ejemplo:

 #eyespy360_btn {
  color rojo;
  fuente-peso: negrita;
  margen izquierdo: 10px;
}


SDK de visita virtual de Android


También puede integrar EyeSpy360 Tour Editor directamente en su aplicación de Android. Eche un vistazo al SDK en https://github.com/eyespy360/Virtual-Tour-Android-SDK


SDK de visitas virtuales de iOS


También puede incrustar EyeSpy360 Tour Editor directamente en su aplicación iOS. Eche un vistazo al SDK en: https://github.com/eyespy360/Virtual-Tour-iOS-SDK


Contenido de prueba


Imágenes panorámicas y planos de planta:

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


¿Cómo inserto los recorridos en mis listados de propiedades publicados?


Incrustar en un iframe:

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


Donde VirtualTourURL es el valor de su almacén de datos. Ajuste el ancho y la altura para que coincida con su diseño.