Guía de Instalación spacesrsv.js - Reserva de Espacios en Autoservicio - SpacesRSV

Guía de Instalación spacesrsv.js - Reserva de Espacios en Autoservicio - SpacesRSV

SpacesRSV 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, Elementor), o en cualquier infraestructura de código PHP, HTML, Ruby.
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.

Descripción General

La librería spacesrsv.js para Reservaciones con hotelRSV de Novohit, facilita la integración del motor de reservaciones de SPACES en el sitio web de su empresa. SpacesRSV se activa a través de Botones para Reservar, conocidos como CTA (Call To Action) o Elementos de Acción.

Instalación

Requerimientos Necesarios

Requerimiento
Estatus
Descripción
DOCTYPEOBLIGATORIO
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

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:

VariableValorEjemplo
COLOCAR_CODIGO_DE_OPERACION_AQUIEs un identificador alfanúmerico del tipo de Operación para asignar el valor a nvh_g_id_operation, el staff de Soporte Novohit le proporcionará este valor por ticket.
  1. <script> var nvh_g_id_operation = 101; </script>
DOMINIO_NOVOHIT
El dominio base de la instalación de Novohit, seguido de /apps/spaces-auto para asignar el valor a nvh_g_spc_url
  1. var nvh_g_spc_url = 'https://acme.novohit.com/apps/spaces-auto';
CODIGO_UNICO_DE_ANALYTICS
Identificador numérico del sitio web para analíticos asignando el valor a nvh_g_id_site_analytics. El staff de Soporte Novohit le proporcionará este valor por ticket.
  1. var nvh_g_id_site_analytics = CODIGO_UNICO_DE_ANALYTICS
DOMINIO_SITIO_WEB_OFICIAL
Sitio Web oficial de la empesa.


Código para instalar Spaces spacesrsv.min.js

  1. <head> <!-- no copiar esta linea, es sólo de referencia -->
  2. <!-- otro código en el <head> -->
  3. <!-- SpacesRsv.js Code -->
  4. <script> 
  5.   var nvh_g_id_operation = COLOCAR_CODIGO_DE_OPERACION_AQUI; 
  6.   var nvh_g_id_site_analytics = CODIGO_UNICO_DE_ANALYTICS;
  7.   var nvh_g_spc_url = 'https://DOMINIO_NOVOHIT/apps/spaces-auto';
  8. </script>
  9. <script type="text/javascript" src="https://cdn.novohit.com/static/apps/ibe/plugin/spaces/spacesrsv.min.js"></script>
  10. <!-- analytics.novohit.com -->
  11. <script>
  12.   var U_nvh_g_spc_url = new URL(nvh_g_spc_url);
  13.   var nvh_hostname = U_nvh_g_spc_url.hostname;
  14.   var crossDomainQueryParam;
  15.   var _paq = window._paq = window._paq || [];
  16.   /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  17.   _paq.push(["setCookieDomain", "*.DOMINIO_SITIO_WEB_OFICIAL.com"]);
  18.   _paq.push(["setDomains", ["*.DOMINIO_SITIO_WEB_OFICIAL.com","*.CUALQUIER_OTRO_DOMINIO_INDICADO_POR_NOVOHIT"]]);
  19.   _paq.push([ function() { crossDomainQueryParam = this.getCrossDomainLinkingUrlParameter(); }]);
  20.   _paq.push(["enableCrossDomainLinking"]);
  21.   _paq.push(["setCampaignNameKey", ["lead_src", "promo_code", "pk_cpn", "pk_campaign", "mtm_campaign", "piwik_campaign", "matomo_campaign", "utm_campaign", "utm_source", "utm_medium"]]);
  22.   _paq.push(["setCampaignKeywordKey", ["promo_code", "pk_kwd", "mtm_kwd", "piwik_kwd", "matomo_kwd", "utm_term"]]);
  23.   _paq.push(['trackPageView']);
  24.   _paq.push(['enableLinkTracking']);
  25.   (function() {
  26.     var u="https://analytics.novohit.com/piwik/";
  27.     _paq.push(['setTrackerUrl', u+'matomo.php']);
  28.     _paq.push(['setSiteId', nvh_g_id_site_analytics]);
  29.     var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  30.     g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  31.   })();
  32. </script>
  33. <noscript><p><img referrerpolicy="no-referrer-when-downgrade" src="https://analytics.novohit.com/piwik/matomo.php?idsite=CODIGO_UNICO_DE_ANALYTICS&amp;rec=1" style="border:0;" alt="" /></p></noscript>
  34. <!-- end analytics.novohit.com -->
  35. <!-- end SpacesRSV.js Code-->
  36. </head><!-- no copiar esta linea, es sólo de referencia -->
Notes
Colocar el código en el orden proporcionado.

Siguientes pasos: Llamadas de Acción (CTA)

¡Bien! Ahora que spacesrsv.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.
Warning
Para maximizar la experiencia usuario y evitar perder clientes o reservas, nunca debe usar la liga directa de la aplicación de SPACES, solo use las dos opciones a continuación.

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


Los Elementos HTML, por su naturaleza se usan dentro de la misma página (o sitio) donde está instalado spacesrsv.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 Elementos HTML - Botones de Reservar de SpacesRSV.
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: Configuración de Elementos HTML de Acción o botones para Reservar de SpacesRSV.

Selección de Idioma

SpacesRSV selecciona automáticamente el idioma de la aplicación basado en el idioma del navegador del usuario. 

Detalles de Hardware compatible


    • Related Articles

    • CTA: Elementos HTML de Acción, Botones para Reservar de SpacesRSV

      Los Elementos HTML, por su naturaleza se usan dentro de la misma página (o sitio) donde está instalado spacesrsv.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 ...

    • CTA: Ligas, Links, URL para Reservar en SpacesRSV - Generador de Links

      Las ligas, links o URL son recomendables para realizar llamadas entrantes. Se recomienda usar ligas en estos casos: En un call center o chat center para compartir las ligas a sus clientes Para campañas de marketing impreso (codigos QR, ligas cortas, ...

    • Reserva Espacios en Autoservicio

      Esta funcionalidad le permitirá recibir reservaciones de cualquier espacio configurado en las Operaciones de Spaces (Canchas deportivas, Tours, Excursiones, Renta de equipo recreativo) todo desde su propia página web. Requisitos Es necesario haber ...

    • Reserva de Mesas en POS con Spaces

      Reserva de Mesas en POS con Spaces Introducción Esta funcionalidad le permite reservar mesas del POS para la unidad de negocios de Alimentos y Bebidas. Requisitos Es necesario haber realizado la configuración del módulo antes de ser usado. Ver la ...

    • Reserva de Espacios

      Este documento explica cómo realizar reservas en el módulo Spaces Management. Debe dirigirse a: Spaces → Reserva de espacios La ruta también se puede encontrar como: Areas-Eventos→ Reservas de Espacios y/o Equipos Se abrirá una nueva ventana que le ...