Su Motor de Reservas es una página de Internet, y esta pantalla es donde puede acceder a su código de marcado. Puede añadir metaetiquetas a su encabezado, ejecutar un script cuando se complete una reserva, colocar un banner encima de la lista de habitaciones, sustituir el pie de página y conectar los tres productos de seguimiento que la mayoría de los hoteles ya utilizan en su página web principal . Lo que pegue aquí se mostrará a los huéspedes tal y como lo haya escrito.
A quién va dirigida esta pantalla
Esta es la única parte de Prostay que da por hecho que sabe escribir en HTML. Aquí no se valida nada, no hay entorno de pruebas y no hay vista previa: el contenido de cada campo se inserta en la página activa visible para los huéspedes en el momento en que guarde los cambios. Si falta una comilla de cierre en una etiqueta meta, las etiquetas posteriores dejarán de funcionar, y un script que genere un error al cargarse puede impedir que la página se muestre correctamente. Si esta frase le preocupa, pase esta pantalla a la persona encargada del mantenimiento de su sitio web y utilice en su lugar el asistente de estilo , que no puede provocar ningún fallo.
Dónde se encuentra el código
Todo ello se encuentra en la segunda pestaña de Booking Engine › Customizations , debajo del asistente de estilo.Custom Codes contiene los siete campos en los que usted mismo escribe el código.Google Analytics y Facebook Pixel admiten identificadores en lugar de fragmentos de código: usted proporciona a Prostay el identificador de medición y este genera la etiqueta por usted.
El botón de opción situado en la parte superior de la pestaña «Códigos personalizados», que le pregunta si desea mostrar las fotos de su Propiedad, es un ajuste de diseño que, casualmente, se encuentra aquí. Se trata un tema que se aborda al realizar la Personalización del aspecto de su Motor de Reservas .
El interruptor y el enlace «Editar»
Cada espacio funciona de la misma manera. El interruptor activa o desactiva el espacio; el enlace « Edit » abre un panel lateral que contiene lo que esté guardado en ese momento. Ambos elementos son independientes, y eso es lo más útil que hay que saber sobre esta pantalla: el contenido guardado con el interruptor desactivado no tiene ningún efecto . Puede mantener la etiqueta de la campaña de la temporada pasada en el cuadro, lista para volver a activarla, y permanecerá inactiva hasta que lo haga.
El panel es un área de texto sin formato. No sangrará su código, no le indicará que una etiqueta no está cerrada y no le advertirá de que ha pegado un script en una ranura destinada a metaetiquetas. Al pulsar «Save» en el panel, el texto se copia de nuevo en la pantalla; no se guarda en el servidor. Nada de lo que aparece en esta pantalla llega a un visitante hasta que pulse «Save» en la propia página.
Función de cada una de las siete ranuras
| Casilla | Dónde se inserta y cuándo se ejecuta |
|---|---|
| Custom Meta Tags | Se inserta en el encabezado de todas las páginas del Motor de Reservas: la lista de habitaciones, los complementos, la finalización de la reserva y la confirmación. Destinado a <meta> y <link> etiquetas. Úselo para incluir una descripción, una URL canónica, etiquetas Open Graph y la verificación del sitio web. |
| Custom Meta Tags (Confirmation page Only) | Lo mismo, pero solo en la página a la que accede el huésped tras realizar la reserva. Utilícelo para mantener la confirmación fuera de los resultados de búsqueda mediante una noindex etiqueta, lo cual merece la pena hacer independientemente de si añade algo más o no. |
| JavaScript Code (Confirmation page Only) | Se ejecuta una sola vez, en la página de confirmación, una vez completada la reserva. Aquí es donde deben colocarse las etiquetas de conversión. Pegue el bloque <script> , no solo el código JavaScript que contiene. |
| Custom header for your hotel booking page | Se muestra como un banner en la parte superior de la página de reserva, por encima del «hero». Se trata de código de marcado, por lo que puede <div> funciona. Ideal para una promoción, un número de teléfono o un aviso sobre obras. |
| Custom footer for your hotel booking page | Sustituye la línea predeterminada «Prostay. All Rights Reserved.» que aparece al pie de cada página del Motor de Reservas. También es código de marcado. Aquí es donde un hotel suele incluir su número de registro de la empresa, su dirección y enlaces a sus propios términos y condiciones. |
| Embed Custom Code - With Custom Meta Tags | Un segundo espacio en el encabezado, insertado junto a las etiquetas meta en cada página. La distinción es más una cuestión de servicio de limpieza que de comportamiento: mantenga las etiquetas en el cuadro de etiquetas y los scripts aquí, de modo que desactivar uno no elimine el otro. |
| Customize the text that appears … if there is no availability | No es código. Texto sin formato, que se muestra a un huésped cuya búsqueda no ha arrojado ningún resultado. |
Las metaetiquetas en la práctica
El motor ya genera un <title> a partir del nombre
de su Propiedad y una descripción extraída de su ficha de Propiedad. Si añade su propia
etiqueta de descripción, tendrá dos, y los motores de búsqueda elegirán una. Si desea
tener control sobre la descripción, escríbala aquí y asuma que ahora
deberá mantenerla en dos lugares.
Las etiquetas que merece la pena añadir son aquellas que Prostay no puede conocer: una URL canónica que apunte a la dirección que desee que se indexe, etiquetas Open Graph y de Twitter para que un enlace a su página de reservas compartido en redes sociales se muestre con su fotografía en lugar de una tarjeta en blanco, y las etiquetas de verificación que Google Search Console, Bing y Pinterest le piden que coloque en el encabezado.
<meta name="description" content="Book direct at The Marlowe Hotel, Santa Monica. Best rate guaranteed.">
<link rel="canonical" href="https://www.marlowehotel.example/book">
<meta property="og:title" content="The Marlowe Hotel, Santa Monica">
<meta property="og:image" content="https://www.marlowehotel.example/og.jpg">
Una etiqueta por línea, cada una cerrada. No hay ningún elemento contenedor: lo que
escriba es lo que se insertará, por lo que no pegue un <head>
elemento completo ni un <html> documento completo a su alrededor.
Las dos casillas exclusivas para la confirmación
Una conversión es una reserva completada, y la página de confirmación es la única página que demuestra que se ha producido. Por eso, dos de los siete espacios están reservados exclusivamente para ella. El código de seguimiento que se activa en cualquier otro lugar cuenta a los huéspedes que navegaron por la página y se marcharon, lo que infla sus conversiones declaradas y, si está puja por esa cifra, gasta dinero real en ella.
Coloque sus etiquetas de conversión de Google Ads, Bing, afiliados y metabuscadores en JavaScript Code (Confirmation page Only) . La referencia de la reserva, la habitación y el importe total se encuentran en la página en torno a su script, pero no se le pasan como variables: si su etiqueta necesita el valor de la reserva, léalo de la página o solicite al proveedor una versión que lo incluya.
El encabezado, el pie de página y el mensaje de «agotado»
Tres de los espacios no tienen que ver realmente con el seguimiento. El banner del encabezado y el pie de página sirven para transmitir un mensaje al cliente, y ambos admiten marcado: utilice estilos en línea en lugar de una hoja de estilos, ya que aquí no hay espacio para incluir una. Mantenga el encabezado breve. Desplaza la fotografía principal hacia abajo en la página, y en un teléfono móvil un banner de tres líneas puede ocupar la mayor parte de la primera pantalla.
El texto de «sin disponibilidad» es el único campo de esta pestaña que debería redactar un gerente, en lugar de un administrador web, y merece la pena redactarlo. Un huésped que busca fechas en las que está completo es un huésped que quería alojarse con usted. El texto predeterminado les indica que no hay nada disponible; una frase que incluya su número de teléfono o una sugerencia de que prueben una noche antes o después puede convertir a algunos de ellos en reservas. Se trata de texto sin formato, por lo que el número de teléfono no se convertirá en un enlace en el que se pueda hacer clic.
Google Analytics y Google Ads
Esta pestaña admite identificadores, no fragmentos de código. Prostay genera la etiqueta por sí mismo, por lo que no hay nada que pegar ni nada que mantener actualizado cuando Google cambia su cargador.
| Campo | Qué debe introducirse |
|---|---|
| Google Analytics ID | Un ID de medición de GA4, en el formato G-XXXXXXXXXX. Para incluir más de una propiedad, separe los ID con comas y Prostay configurará cada uno de ellos. |
| Primary Domain | El dominio en el que se aloja su sitio web principal. Configúrelo cuando desee que el recorrido de un visitante desde su sitio web hasta el Motor de Reservas cuente como una sola sesión en lugar de dos, lo que garantiza la fiabilidad de su informe de referencias. |
| Google Adwords Conversion ID | El ID a nivel de cuenta de Google Ads, con el formato AW-000000000. Prostay activa la conversión únicamente en la página de confirmación. |
| Google Adwords Conversion Label | La etiqueta de la acción de conversión específica que desea que se le atribuya. Sin ella, el evento se activa igualmente, pero Ads no puede determinar a qué acción pertenece. |
El píxel de Facebook
Un campo, y la nota que aparece encima es la parte importante: requiere el ID numérico, la larga secuencia de dígitos de Meta Events Manager, no el bloque de JavaScript que Meta ofrece para copiar. Si pega el fragmento de código, no se cargará ningún píxel. Prostay inserta el píxel estándar y envía una «PageView» desde cada página del Motor de Reservas.
La sección «Analytics» del menú contiene estos mismos campos
El menú «Motor de Reservas» tiene su propia entrada «Analytics», debajo de «Customization». Se abre una pantalla que contiene los mismos cinco campos que las dos pestañas anteriores, y que lee y escribe el mismo registro, por lo que no hay nada en ella que no pueda hacer aquí ni nada aquí que vaya a sobrescribir. Sea cual sea la que abra, estará editando un único conjunto de identificadores de seguimiento.
Hay dos cosas que debe saber si acaba accediendo a ella. No le ofrece ninguna confirmación al guardar, por lo que debe recargar la página y comprobar los campos en lugar de confiar en la ausencia de un error. Además, su botón «Close» no hace nada en absoluto, así que salga a través del menú.
Compruebe lo que ha pegado
Guarde los cambios, abra su página de reservas y compruébelo en lugar de dar nada por sentado. Todo lo que aparece en esta pantalla, excepto el encabezado, el pie de página y el mensaje de «agotado», es invisible en la propia página, por lo que la única forma de confirmar que se ha registrado correctamente es comprobar el código fuente.
- Abra su página de reservas y vea el código fuente, o bien abra las herramientas de desarrollo del navegador y examine el
<head>. Todo lo que Prostay ha insertado desde esta pantalla está marcado con undata-prostay-injectedatributo, por lo que podrá encontrarlo rápidamente. - En cuanto a las etiquetas meta, confirme que cada una sea una etiqueta independiente. Si ve su código de marcado dentro de un único atributo, algo se ha escapado y las etiquetas no se leerán.
- En cuanto a Analytics, abra el informe en tiempo real y cargue su página de reservas. Debería aparecer una visita en unos segundos.
- En el caso de los espacios reservados «solo para confirmación», realice una reserva de prueba. No hay forma de cargar la página de confirmación sin una reserva, lo cual resulta molesto, pero también es la única forma fiable de comprobar una etiqueta de conversión.
Ambos botones «Save» de esta pantalla registran todo: el asistente de estilo de arriba, los siete campos de código y los ID de ambas pestañas de seguimiento. Al cambiar entre las tres pestañas no se pierde lo que haya escrito en las demás, por lo que puede configurar las tres y guardarlas de una sola vez.