Guía de Instalación hotelrsv.js - Reservas de Hotelería en Autoservicio

Guía de Instalación hotelrsv.js - Reservas de Hotelería en Autoservicio

Notes
HotelRSV se puede instalar rápidamente en cualquier página sin necesidad de saber programación. Puede instalarlo en cuaquier CMS (Drupal, Joomla, Wordpress, Wix, SquareSpace), o en cualquier infraestructura de código PHP, HTML, Ruby. También está disponible el plugin para Wordpress.
Este manual está escrito para el Web Master: la persona o agencia que diseña, gestiona, administra o se encarga de la página Web del hotel.
Info
Si usted es el encargado de integrar o programar el motor de hotelRSV en la página Web, sugerimos familiarizarse con todas las funcionalidades que ofrece hotelRSV en nuestra Guía de Inicio Rápido.

Inicio Rápido

Idea
Usa WordPress? Vaya directamente a Instalación en WordPress – Plugin
Idea
Usa Wix? Vaya directamente a Instalar en Wix

Descripción General

La librería hotelrsv.js para Reservaciones con hotelRSV de Novohit, facilita instalación e integración de todos los productos de hotelRSV en el sitio.
hotelRSV se activa a través de los siguientes canales o elementos de acción:
Botones o links de Reservar (Elementos de Acción)
Redireccionador Automático Mobile (Redireccionamiento automático a Web App Mobile).
Integración con TripConnect de Tripadvisor
Integración con One-Click Launcher para site links de Google, Bing y Yahoo!

Instalación

Requerimientos Necesarios

Requerimiento
Estatus
Descripción
DOCTYPE
OBLIGATORIO
Los ficheros HTML, XML, XHTML deben tener una declaración de tipo, esta declaración debe ser la primera línea de nuestro documento y es necesaria para indicarle al navegador qué versión de HTML es la que se usa en la página (ver documentación).
Idea
Esto es estándar en todas las páginas Web modernas.





Instalación o Actualización en páginas del sitio Web del hotel

Idea
Usa WordPress? Vaya directamente a Instalación en WordPress – Plugin
Idea
Usa Wix? Vaya directamente a Instalar en Wix

Para la integración de la librería de reservación en cualquier página donde desee permitir a sus clientes realizar reservaciones, por ejemplo la Home Page (Pagina de Inicio), se debe incluir el siguiente código antes de la etiqueta de cierre </head> o cierre </footer>, substituyendo los siguientes valores:
Variable
Valor
Ejemplo
COLOCAR_CODIGO_DE_LICENCIA_AQUI
Es un identificador alfanúmerico, el staff de Soporte Novohit le proporcionará este valor por ticket.
  1. <script> var hotelrsv_id_h = 101; </script>
DOMINIO_DE_SU_PAGINA_SIN_HTTPS_NI_WWW_NI_DIRECTORIOS
El dominio principal de su página Web, sin protocolo (sin https://) y sin subdominios (sin www. u otros subdominios) y sin directorios (sin /inicio o /hotel).
Warning
Importante, debe dejar el dominio ya predefinido como *.hotelrsv.com

  1. _paq.push(["setDomains", ["*.hotelesacme.com","*.hotelrsv.com"]]);
CODIGO_UNICO_DE_ANALYTICS
Identificador numérico del sitio web para analíticos. el staff de Soporte Novohit le proporcionará este valor por ticket.
  1. _paq.push(["setSiteId", 96]);
y
  1. <noscript><p><img referrerpolicy="no-referrer-when-downgrade" src="http://analytics.novohit.com/piwik/matomo.php?idsite=96&amp;rec=1" style="border:0;" alt="" /></p></noscript>


Código hotelrsv.js

  1. <head> <!-- no copiar esta linea, es sólo de referencia -->
  2. <!-- otro código en el <head> -->
  3. <!-- HOTELRSV code - place before end of head or end of footer - copiar a partir de aqui y substituir los valores correspondientes -->
  4. <script> var hotelrsv_id_h = COLOCAR_CODIGO_DE_LICENCIA_AQUI; </script>
  5. <script type="text/javascript" src="https://app.hotelrsv.com/app/ibe/plugin/js/hotelrsv.min.js"></script>
  6. <script type="text/javascript">
  7.   var _paq = _paq || [];
  8.   var crossDomainQueryParam;
  9.   _paq.push(["setSecureCookie", true]);
  10.   _paq.push(["setDomains", ["*.DOMINIO_DE_SU_PAGINA_SIN_HTTPS_NI_WWW_NI_DIRECTORIOS","*.hotelrsv.com"]]);
  11.   _paq.push(["enableCrossDomainLinking"]);
  12.   _paq.push(["setCookieSameSite", "None"]);
  13.   _paq.push([ function() { crossDomainQueryParam = this.getCrossDomainLinkingUrlParameter(); }]);
  14.   _paq.push(["setCampaignNameKey", ["lead_src", "promo_code", "pk_cpn", "pk_campaign", "mtm_campaign", "piwik_campaign", "matomo_campaign", "utm_campaign", "utm_source", "utm_medium"]]);
  15.   _paq.push(["setCampaignKeywordKey", ["promo_code", "pk_kwd", "mtm_kwd", "piwik_kwd", "matomo_kwd", "utm_term"]]);
  16.   _paq.push(["trackPageView"]);
  17.   _paq.push(["enableLinkTracking"]);
  18.   (function() {
  19.   var u=(("https:" == document.location.protocol) ? "https" : "http") + "://analytics.novohit.com/piwik/";
  20.   _paq.push(["setTrackerUrl", u+"matomo.php"]);
  21.   _paq.push(["setSiteId", CODIGO_UNICO_DE_ANALYTICS]);
  22.   var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
  23.   g.defer=true; g.async=true; g.src=u+"matomo.js"; s.parentNode.insertBefore(g,s);
  24.   var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0];
  25.   })();
  26. </script>
  27. <noscript><p><img referrerpolicy="no-referrer-when-downgrade" src="http://analytics.novohit.com/piwik/matomo.php?idsite=CODIGO_UNICO_DE_ANALYTICS&amp;rec=1" style="border:0;" alt="" /></p></noscript>
  28. <!-- END HOTELRSV code -->
  29. </head><!-- no copiar esta linea, es sólo de referencia -->
Notes
Primero poner el código de licencia y el identificador de página, luego el script de hotelrsv.min.js.
Notes
Al activar su contrato de Licencia de Uso, nuestro equipo le comunicará su código de Licencia e ID de página.
Notes
Con nuestra plataforma de Analytics tendrán acceso a métricas y estadísticas de sus visitadores y como se comportan dentro de la pagina para reservar. Estos datos son importantes en el corto plazo porque les ayuda a determinar con precisión el comportamiento de sus clientes y potenciales huéspedes y sólo los pueden obtener con analytics.novohit.com. Nuestra plataforma de analytics es parecida a Google Analytics, y de hecho pueden convivir ambos SIN CONFLICTO. Solo que con la nuestra tendrán acceso a mas datos ya que esta 100% integrada con hotelRSV. Solicíte via ticket su acceso a nuestra plataforma de analytics.

Siguientes pasos: Llamadas de Acción (CTA)

¡Bien! Ahora que hotelrsv.js está instalado en su Web, debe generar "Elementos de Acción" o "Llamadas de acción" que pueden ser Botones (elementos HTML) o Ligas (URL) las cuales se deben usar dependiendo la el caso, lo cual describimos a continuación.
Warning
Para maximizar la experiencia usuario y evitar perder clientes o reservas, nunca debe usar la liga directa de la aplicación de HOTELRSV, solo use una de las dos opciones a continuación.

Opción 1: Configuración de Elementos HTML de Acción o botones para “Reservar Ahora” en HotelRSV


Los Elementos HTML, por su naturaleza se usan dentro de la misma página (o sitio) donde está instalado hotelrsv.js. Siempre que se quieran agregar Botones de Reservar, se recomienda agregarlos con HTML y no con ligas o URL, ya que aseguran la máxima experiencia usuario. Para esto, revise la siguiente guía para Botones de Reservar – Llamadas de Acción.
Las ligas, links o URL son recomendables para realizar llamadas entrantes. Se recomienda usar ligas en estos casos:
  1. En un call center o chat center para compartir las ligas a sus clientes
  2. Para campañas de marketing impreso (codigos QR, ligas cortas, etc)
  3. Para campañas de marketing digital
  4. Para navegar de un sitio de un venue a otro sitio de otro venue (en caso su empresa tenga multiples venues con multiples sitios) 
AlertPara llamadas de acción dentro de la misma página, se recomienda usar Elementos HTML con la clase en lugar de URL o ligas. Vea: CTA: Botones HTML para reservar - Generador de Elementos HTML para Reserva
Puede crear Links o Ligas URL siguiendo esta guía CTA: URLs, Links Directos para reservar - Generador de Links de Reserva

Selección de Idioma


HotelRSV selecciona automáticamente el idioma de la aplicación basado en el idioma del navegador del usuario.. De todas maneras, puede configurar el idioma de la aplicación, revise la siguiente documentación sobre la Selección y Determinación del Idioma.

Detalles Técnicos