Documentación técnica para integrar en web

Integrar el tour virtual de Realisti.co en los anuncios de tu web o portal es muy sencillo. Puedes elegir entre diversas modalidades de integración:

  • Integrar un iframe para mostrar el tour al cargar la página (opción recomendada).
  • Integrar un iframe pero mostrarlo solo después de que el usuario haga click en un botón.
  • Integrar nuestro widget que, una vez pulsado, mostrará una ventana delante del anuncio

Integrar un iframe para mostrar el tour al cargar la página

Es la modalidad más simple, práctica y funcional para integrar Realisti.co. Escoge un área de la página adaptada (como el bloque que aloja las imágenes o una eventual cabecera) e integra el iframe con este código (sustituye el contenido de scr por la URL de tu tour virtual).

<iframe src=”https://viewer.realisti.co/bhVQVk/?viewMode=embed” width=”900px” height=”450px” allowfullscreen>

La visita virtual se abrirá automáticamente al cargar la página. Puedes personalizar las dimensiones del iframe a tu gusto pero atendiendo al apartado de diseño contenido en esta documentación. Introduce siempre la opción  allowfullscreen para permitir al usuario utilizar esta modalidad.

Atención: incluye siempre el parámetro  viewMode=embed para permitir al visor saber que esta embed en un sitio web y realizará el proceso de carga más rápido.

Integrar un iframe pero mostrarlo solo después de que el usuario haga click en un botón.

Si prefieres puedes mostrar el iframe con la visita virtual solo cuando el usuario decida verlo, puedes elegir cargar Realisti.co al presionar un botón con un link.

En esta página puedes encontrar un ejemplo:  ejemplo de iframe escondido.

Integrar nuestro widget que, una vez pulsado, mostrará una ventana delante del anuncio

También puedes decidir integrar directamente nuestro widget:   Consulta las instrucciones para el widget.

Parámetros del viewer

El visualizador de Realisti.co expone una serie de opciones de configuración que favorecen la flexibilidad de integración y personalización de la visita virtual. Se gestiona a través de la valorización de los siguientes parámetros en el URL.

Parámetro Valores Descripción Default
viewMode embed Este parámetro permite esconder los elementos secundario de la interfaz del visor. Debe incluirse automáticamente en caso de embed en un iframe. embed
hideLogo true / false Este parámetro permite, a los clientes autorizados, a esconder la marca de agua. false
defaultTarget true / false Este parámetro permite personalizar ciertos colores (solo en casos concretos). false
hideFullscreen true / false Este parámetro permite esconder el icono de Fullscreen. false
hideTutorial true / false Este parámetro permite esconder el tutorial inicial mostrado al inicio de la visita. false
alwaysAutorotate true / false Este parámetro permite modificar la función de rotación. false  

Diseño

El viewer de Realisti.co ha sido diseñado para ser compatible con el mayor número de dispositivos posible y para ser integrado en un iframe que soporte la mayor parte de resoluciones posibles. La altura mínima recomendada es de 450px. El ratio anchura/altura del viewer máximo recomendado es de 2:1. 

Por ejemplo: 

  • Width: 900px; Height: 450px - OK 
  • Width: 600px; Height: 450px - OK 
  • Width: 1200px; Height: 450px - KO

Opción a pantalla completa 

El usuario puede decidir visualizar la visita virtual a pantalla completa en cualquier momento haciendo click en el icono situado en la parte superior derecha. Para poder usar esta función es necesario especificar el atributo allowFullscreen en el iframe.

Exit link

El visualizador integrado no proporciona links que lleven a páginas externas.

Rendimiento 

El visualizador integrado es regularmente actualizado y viene sometido periódicamente a tests de rendimiento para poder garantizar el mejor uso y compatibilidad con todos los navegadores.

Navegadores soportados

El visualizador integrado Realisti.co soporta los siguientes navegadores:

Browser para desktop
  • Mozilla Firefox 10 o superior.
  • Google Chrome 20 o superior.
  • Apple Safari 5.1 o superior.
  • Microsoft Internet Explorer 10 o superior.
Browser para tablet o smartphone
  • Apple Safari mobile (iOS 7.1 o superior).
  • Android default browser (Android 4.0 o superior).
  • Google Chrome for Android / iOS 20 o superior.

Dominios y endpoints

La visualización de las visitas virtuales en Realisti.co se realiza mediante conexiones directas a nuestros servidores distribuidos. Las conexiones se realizan a través del protocolo HTTPS, cualquier conexión hecha a partir de protocolo HTTP será redireccionada al protocolo HTTPS. 
Endpoint (ambientes de producción):
Aquí debajo exponemos una lista de los dominios hacia los que puede abrir conexiones HTTPS una visita virtual realizada con Realisti.co:

Cookies 

El visualizador integrado puede salvar las siguientes cookies: 

Nome Dominio
sessionid .realisti.co
_ga .viewer.realisti.co
_gid .viewer.realisti.co
_gat_UA-73768116-2 .viewer.realisti.co
cookie .viewer.realisti.co


Puedes consultar nuestra política de privacidad y cookies en el siguiente enlace:  realisti.co/privacy

Disponibilidad del servicio de Realisti.co:

Puedes verificar la disponibilidad del servicio web de Realisti.co en cada momento en este  dashboard.

Soporte Técnico

Para más información escribe a:  soporte@realisti.co con el asunto Integración web.