Cuando se configura el seguimiento de Google Analytics y/o Meta Pixel para un motor de reservas, estos se activan de forma predeterminada cuando el motor de reservas (o el formulario de revisión de reserva) se carga en tu página web. Agregar una callback de JavaScript personalizada al motor de reservas hace posible controlar esta activación. Esto puede ser útil en combinación con un banner de consentimiento de cookies que no ha sido aceptado aún, o si solo quieres activar eventos específicos. 

Nota: Esto requiere un conocimiento básico de las callbacks de JavaScript. Consulta a tu desarrollador web si necesitas ayuda.

Antes de empezar:

  • Agrega un script personalizado a tu página web.

Controlando la Activación en el Motor de Reservas

Agregar una callback de JavaScript

  1. Devuelve
    • “false” de tu script personalizado para omitir la activación de un evento específico.
    • cualquier otro valor (o una respuesta vacía) para activar el seguimiento.
  2. En Sirvoy, ve a Configuración -> Motor de reservas
  3. Haz clic en los tres puntos situados junto al motor de reservas que quieras.
  4. En la lista desplegable, haz clic en “Instalar en la página web”.
  5. Haz clic en “Avanzado”.

Tu función ahora se llama para cada paso que da el huésped en el motor de reservas.

Nota: Para agregar una callback de JavaScript al formulario de revisión de reserva, ve a Configuración -> Revisión de reserva -> Instalar en la página web.

Eventos activados en el flujo del motor de reservas:

  • page_code_required – se activa cuando se muestra el formulario para ingresar un código de cupón (si es necesario para tu motor de reservas).
  • page_search – se activa cuando se muestra el formulario de búsqueda.
  • page_results – se activa cuando se muestra la página de resultados de búsqueda.
  • page_details – se activa cuando se muestra el formulario de ingreso de datos del huésped.
  • page_pending – se activa antes del paso de confirmación, después de regresar de un proveedor de pagos o, si no usas un proveedor de pagos, después del evento page_details.
  • page_confirmation – se activa en el paso de confirmación, después de regresar de un proveedor de pago o, si no usas un proveedor de pago, después del evento page_details.
  • booking_completed – se activa cuando la reserva se ha completado en la página de confirmación.

Nota: Cuando se utiliza una galería de imágenes personalizada en la página de resultados de búsqueda, también se activarán los eventos “gallery_init” y “gallery_open”.

Controlar la activación en el formulario de revisión de reservas

Agregar una callback de JavaScript

  1. Devuelve
    • “false” de tu script personalizado para omitir la activación de un evento específico.
    • cualquier otro valor (o una respuesta vacía) para activar el seguimiento.
  2. En Sirvoy, ve a Configuración -> Revisión de reserva -> Instalar en la página web y haz clic en “Avanzado”.
  3. Completa el nombre de la función que deseas llamar en el campo “Función JavaScript callback”.
  4. Copia el código de “Copia este código”.
  5. Agrega el código a tu página web para instalar el formulario de revisión de reserva.

Tu función ahora se llama para cada paso que da el huésped en el formulario de revisión de reserva.

Eventos activados en el flujo del formulario de revisión de reserva:

  • page_review_search – se activa cuando se muestra el formulario de revisión de reservas.
  • page_review_booking – se activa cuando se muestra la página de revisión de reserva.
  • page_review_pending – se activa después de que se realiza un pago opcional a través del formulario de revisión. Después de este evento, la página muestra nuevamente el formulario de revisión de reserva y el evento “page_review_booking” se activa nuevamente.

Antes de irte:

Explora los eventos disponibles y sus datos asociados con el siguiente código, al imprimir todos los eventos en la consola del desarrollador web:


      <script>
         function customEventHandler(data) {
            console.log("Got Sirvoy custom JS event: " + data.event);
            console.dir(data);
        }
      </script>