Fidelización en tu sitio web
Cómo un grupo hotelero lleva su club de fidelización a su propio sitio web y a sus motores de reservas, para que el huésped se dé de alta o inicie sesión una vez y se le reconozca en todas partes.
Las tres piezas
Alta e inicio de sesión en el club sin salir del sitio web del hotel. Una línea de código; el hotel lo configura en GuestMaker.
El motor de reservas reconoce al socio para mostrar tarifas de socio y rellenar sus datos.
Un huésped que inicia sesión una vez mantiene la sesión durante 30 días, en el portal de socios y en todos los motores de reservas del grupo.
Lo que vive el huésped
Con las tres piezas en marcha, este es el recorrido completo.
- 1
En el sitio web del hotel, el huésped pulsa «Únete al club» o «Iniciar sesión». El popup se abre sobre la página.
- 2
El alta y el inicio de sesión con un enlace por correo terminan dentro del popup. Al iniciar sesión con contraseña, toda la página pasa al portal de socios del huésped: ese único cambio de página es lo que inicia su sesión.
- 3
El huésped pasa a reservar. El motor de reservas lo envía al inicio de sesión de GuestMaker; como ya tiene la sesión iniciada, vuelve directamente, sin ver ningún formulario, reconocido.
- 4
Cuando el huésped cierra sesión, desde el portal o desde un motor de reservas, se cierra en todas partes.
Quién hace qué
| Pieza | Equipo del hotel (en GuestMaker) | Desarrollador del sitio web o del motor |
|---|---|---|
| Popup web | Indica los sitios web que pueden mostrarlo, en Fidelización → Programa → Popup web. | Añade una línea de código y enlaza los botones a él. |
| Inicio de sesión en el motor de reservas | Pide a GuestMaker las credenciales del motor. | Conecta el motor con una de las dos guías de inicio de sesión. |
| Inicio de sesión compartido | Nada. | Nada. Funciona solo una vez que las piezas anteriores están en marcha. |
1. Añade el popup al sitio web
Pega esta línea una vez en el head de cada página, o añádela en Google Tag Manager como etiqueta de HTML personalizado en todas las páginas. Sustituye el nombre del programa por el del grupo hotelero, que aparece en Fidelización → Programa → Popup web.
<script src="https://www.guestmaker.ai/sdk/loyalty-popup.js" data-program="your-program" async></script>
Después, ábrelo desde cualquier botón
| Haz esto | Útil para |
|---|---|
href="#gm-enroll" o href="#gm-login" | Cualquier creador de webs: solo cambia el enlace del botón. |
data-gm-loyalty="enroll" o "login" | Cualquier elemento, cuando controlas el HTML. |
| Enlaces existentes a las páginas del club | No hay que cambiar nada: abren el popup en lugar de salir del sitio. |
?gm-loyalty=enroll en cualquier página | Correos, anuncios y códigos QR que deben abrir la página con el popup abierto. |
GuestMakerLoyaltyPopup.open("login") | Tu propio JavaScript. |
Conviene saber
- El popup muestra las páginas reales de alta e inicio de sesión del club, con el diseño, los idiomas y las reglas configurados en GuestMaker. Sigue el idioma de la página salvo que indiques
data-lang. - Solo se abre en los sitios web que indicó el hotel. En cualquier otro, el huésped ve un botón «Continuar» hacia la página completa, nunca un botón que no hace nada.
- Un sitio con una Content-Security-Policy estricta debe permitir
https://www.guestmaker.aienscript-src,frame-srcyconnect-src. - Si los socios usan el portal en la dirección propia del hotel, añade
data-portal-host="rewards.hotel.com"para que los enlaces a él también abran el popup.
Eventos para tu analítica
Cada paso lanza un evento gm-loyalty:<event> en la ventana y, si Google Tag Manager está en la página, una entrada gm_loyalty_<event> en su data layer. Los eventos dicen qué ha pasado, nunca quién es el huésped.
window.addEventListener("gm-loyalty:enrolled", (e) => {
// e.detail → { program: "your-program", view: "enroll" }
});
// open · ready · enrolled · link-sent · signed-in · close · error2. Conecta los motores de reservas
Cada motor de reservas envía al huésped al inicio de sesión de GuestMaker y lo recibe de vuelta reconocido. Hay dos formas de conectar un motor; ambas comparten el mismo inicio de sesión.
3. El inicio de sesión compartido
Iniciar sesión en cualquier sitio (el popup, el portal de socios o un motor de reservas) inicia la sesión del huésped en GuestMaker durante 30 días, solo para ese grupo hotelero. A partir de ahí, cada motor de reservas recibe al huésped sin formulario. Además, cada motor puede:
| Necesidad | Cómo |
|---|---|
| Comprobar sin mostrar nada si el huésped tiene la sesión iniciada | prompt=none |
| Mostrar siempre el formulario (otra persona, un ordenador compartido) | prompt=login |
| Cerrar la sesión del huésped en todas partes | El cierre de sesión de cada guía |
Mostrar «Hola, María» en el sitio web
El popup nunca le dice al sitio web quién ha iniciado sesión. Para saludar al socio o mostrar precios de socio en el propio sitio web, el servidor del sitio se conecta exactamente igual que un motor de reservas: obtiene sus propias credenciales y usa el inicio de sesión Club externo con prompt=none. Un huésped con la sesión iniciada vuelve reconocido; cualquier otro vuelve con ?hlError=login_required y ve la página normal.
- Un inicio de sesión con contraseña en el popup sale del sitio web. Los navegadores no permiten que una página dentro del marco del popup conserve un inicio de sesión, así que el huésped pasa a su portal de socios para terminar. El alta y el inicio de sesión con enlace por correo se quedan en el popup.
- El inicio de sesión compartido vive en la dirección de GuestMaker. Si el hotel sirve su portal de socios en su propia dirección (como rewards.hotel.com), los motores de reservas, que siempre inician sesión a través de GuestMaker, no ven ese inicio de sesión: al reservar se pedirá al huésped que inicie sesión una vez más.
- Un grupo hotelero por inicio de sesión. Un huésped del club de otro grupo vuelve a iniciar sesión.