Saltar al contenido principal

WiFi Landing Page vs. Splash Page: What's the Difference?

Esta guía de referencia técnica aclara las diferencias arquitectónicas y funcionales entre las páginas de destino de WiFi y las splash pages, dos términos que los equipos de TI y los departamentos de marketing suelen confundir. Proporciona a arquitectos de red, responsables de TI y directores de operaciones de recintos estrategias de despliegue prácticas para optimizar el rendimiento del Captive Portal, garantizar el cumplimiento de GDPR y PCI DSS, y maximizar el ROI en entornos empresariales como hostelería, retail y sector público.

📖 8 min de lectura📝 2,430 palabras🔧 2 ejemplos prácticos3 preguntas de práctica📚 9 definiciones clave

Escuchar esta guía

Ver transcripción del podcast
Bienvenido de nuevo al Purple Technical Briefing. Hoy abordamos una pregunta que surge en casi todas las llamadas iniciales de definición de alcance con CTOs y arquitectos de red: ¿cuál es exactamente la diferencia entre una landing page de WiFi y una splash page? En el mundo de consumo, la gente utiliza estos términos de forma intercambiable. Pero cuando se está diseñando la arquitectura de una red de invitados empresarial en cincuenta ubicaciones de retail, o un despliegue en un estadio de alta densidad, confundir ambos conceptos puede provocar dolores de cabeza de cumplimiento normativo, flujos de usuario rotos y una pérdida de ROI. Así que, durante los próximos diez minutos, definiremos la distinción técnica, analizaremos la arquitectura, comentaremos los errores de implementación más comunes y terminaremos con una sesión rápida de preguntas y respuestas. Vamos a ello. [SECCIÓN: DEFINICIONES TÉCNICAS] En primer lugar, definamos los términos. Cuando hablamos de un Captive Portal, nos referimos a todo el mecanismo de entorno cerrado (walled garden) que intercepta el tráfico HTTP y HTTPS y obliga a un dispositivo cliente a autenticarse antes de concederle acceso a la red externa. Dentro de ese flujo de portal, la Splash Page es el guardián. Es la primera pantalla que ve un usuario al conectarse al SSID. Su función técnica principal es la autenticación y autorización. Es donde el usuario acepta los Términos y Condiciones, introduce sus credenciales o se autentica a través de un proveedor de identidad, quizás mediante OAuth o una integración de fidelización. Desde el punto de vista del cumplimiento normativo, aquí es donde se gestiona el consentimiento de GDPR y los avisos legales de PCI DSS si se procesan pagos. Ahora, comparemos esto con la Landing Page. La landing page es el destino tras una autenticación exitosa. Una vez que el servidor RADIUS envía el mensaje de Access-Accept y el dispositivo cliente se ubica en la VLAN activa con enrutamiento de internet, el entorno cerrado desaparece. El controlador redirige entonces el navegador del usuario a la Landing Page. ¿Por qué es importante esta distinción? Porque la Splash Page existe en un entorno muy restringido. El dispositivo aún no tiene acceso total a internet. Solo puede acceder a las direcciones IP o nombres de host específicos que haya incluido en la lista de permitidos en su configuración de Walled Garden. Si intenta cargar scripts externos pesados, reproductores de vídeo dinámicos o rastreadores de terceros complejos en una splash page sin la lista de permitidos adecuada, la página fallará y el usuario se quedará atrapado en un bucle de conexión. La Landing Page, sin embargo, se encuentra en el internet abierto. El usuario ya está autenticado. Aquí puede cargar experiencias de marketing completas, enlaces dinámicos de descarga de aplicaciones, mapas interactivos del recinto y promociones segmentadas basadas en los datos de primera mano que acaba de capturar en la splash page. [SECCIÓN: IMPLEMENTACIÓN Y ERRORES COMUNES] Ahora hablemos de la implementación y de dónde veo que suelen fallar los despliegues. El error más común es sobrecargar la Splash Page. He visto a equipos de marketing entregar una página de cinco megabytes con cuatro píxeles de seguimiento externos diferentes y un vídeo de fondo, pidiendo al departamento de TI que la convierta en la pantalla de inicio de sesión. Cuando hace eso, tiene que añadir docenas de CDN y dominios de terceros a la lista blanca de su Walled Garden. Esto no solo es una pesadilla de mantener a medida que cambian esos rangos de IP, sino que también representa un riesgo de seguridad. Está abriendo brechas en su cortafuegos de preautenticación. Además, los sistemas operativos móviles modernos —como iOS y Android— utilizan un mini-navegador especializado para renderizar los Captive Portals. Estos Captive Network Assistants, o CNA, tienen una funcionalidad limitada. A menudo bloquean las cookies, restringen el almacenamiento local y se cierran automáticamente si detectan una navegación externa antes de que la conexión a Internet se haya establecido por completo. ¿La mejor práctica? Mantenga la Splash Page ligera, rápida y enfocada puramente en la captura de datos y el consentimiento legal. Utilice una solución de Captive Portal basada en la nube que optimice la carga útil HTML para estos navegadores CNA. Una vez que el usuario pulsa Conectar, rediríjalo a una Landing Page enriquecida y dinámica. Aquí es donde aprovecha su plataforma de WiFi Analytics. Dado que ya ha capturado su perfil, la Landing Page se puede personalizar. Si es un huésped que regresa a su hotel, la Landing Page puede darle la bienvenida por su nombre y ofrecerle una reserva en el spa con un solo clic. Si se encuentran en un entorno de retail, puede mostrar una promoción basada en mapas de calor según su zona actual. [SECTION: CASE STUDIES] Permítame presentarle dos casos de estudio concretos que ilustran esto a la perfección. Primero, un complejo hotelero de quinientas habitaciones. Estaban experimentando altas tasas de abandono en el inicio de sesión de su WiFi para huéspedes. El equipo de marketing había añadido un vídeo promocional de cuatro megabytes y un mapa interactivo complejo a la pantalla de conexión inicial. La solución fue sencilla: reemplazar la pantalla de conexión por una Splash Page ligera de menos de un megabyte, enfocada únicamente en la autenticación del número de habitación y el apellido, además de la aceptación de los Términos y Condiciones. El vídeo y el mapa se trasladaron a la Landing Page posterior a la autenticación. Las tasas de conexión mejoraron en más de un cuarenta por ciento durante la primera semana. Segundo, una cadena de tiendas con cincuenta ubicaciones. Querían ofrecer un acceso WiFi sin interrupciones a los miembros recurrentes de su programa de fidelización sin obligarles a iniciar sesión cada vez. La solución fue el MAC Authentication Bypass integrado con la base de datos de fidelización. Cuando un dispositivo que regresa se asocia con el SSID, el controlador consulta al servidor RADIUS, identifica la dirección MAC y devuelve inmediatamente un Access-Accept sin mostrar la Splash Page. El usuario es redirigido a una Landing Page personalizada con su estado de fidelización y una oferta dirigida. El resultado: un aumento del treinta por ciento en la interacción con la aplicación de fidelización en todos los establecimientos. [SECTION: RAPID-FIRE Q&A] Ahora, pasemos a nuestra sección de preguntas y respuestas rápidas. Estas son las tres preguntas principales que recibo de los ingenieros de redes. Pregunta uno: ¿Puedo omitir la Splash Page por completo para los usuarios que regresan? Sí. Esto se conoce como MAC Authentication Bypass o inicio de sesión transparente. El controlador reconoce la dirección MAC del dispositivo de una sesión anterior y lo autoriza automáticamente, llevándolo directamente a la Landing Page o a su destino original. Solo asegúrese de que su política de privacidad contemple el seguimiento persistente de dispositivos. Pregunta dos: ¿Por qué mi Splash Page muestra un error de certificado? Esto suele ocurrir cuando se intenta interceptar tráfico HTTPS sin un certificado SSL válido en el controlador, o si se utiliza un certificado autofirmado. Utilice siempre un certificado de confianza pública para el nombre de host de su Captive Portal y asegúrese de que su controlador sea compatible con los estándares modernos de redirección HTTPS como RFC 8908. Pregunta tres: ¿La Landing Page debe estar alojada localmente en el controlador o en la nube? Siempre en la nube. El alojamiento en el controlador limita su capacidad para actualizar el contenido de forma dinámica, realizar pruebas A/B o integrarse con CRM externos. Una arquitectura basada en la nube separa el plano de control de red de la capa de experiencia de usuario, que es exactamente lo que requieren las implementaciones empresariales. [SECCIÓN: RESUMEN Y PRÓXIMOS PASOS] En resumen: la Splash Page es el guardián seguro y restringido para la autenticación y el consentimiento. Manténgala ligera (menos de un megabyte, sin dependencias externas y optimizada para el Captive Network Assistant). La Landing Page es el destino posterior a la autenticación para la interacción, el marketing y la generación de ROI. Funciona en la internet abierta con todas las capacidades del navegador. Comprenda las limitaciones del Walled Garden y del Captive Network Assistant, y evitará el noventa por ciento de los tickets de soporte asociados con las implementaciones de WiFi para invitados. Las tres reglas clave para recordar: Splash para seguridad, Landing para fidelización. El Walled Garden es un entorno de pruebas, no un parque de juegos. Y siempre: autenticación antes que animación. Gracias por asistir a esta sesión técnica. Si desea profundizar en la configuración de portales cautivos basados en la nube, consulte la guía de referencia completa en el sitio web de Purple. Hasta la próxima, mantenga sus redes seguras y a sus usuarios conectados.

📚 Parte de nuestra serie principal: Captive Portal Guide

header_image.png

Resumen ejecutivo

Para los equipos de TI de empresas que gestionan entornos de alta densidad —desde propiedades de Hostelería hasta superficies de Retail —, los términos "splash page" y "landing page" se suelen confundir con frecuencia. Tratarlos como intercambiables en la arquitectura de red da lugar a flujos de usuario rotos, vulnerabilidades de seguridad y pérdida de oportunidades de captura de datos.

A nivel fundamental, la Splash Page es la guardiana previa a la autenticación. Existe dentro del entorno restringido de un Walled Garden, y es responsable de la verificación de la identidad, la autenticación MAC y el consentimiento legal bajo GDPR y PCI DSS. La WiFi Landing Page es el destino posterior a la autenticación. Funciona en la internet abierta, aprovechando los datos capturados durante el inicio de sesión para ofrecer experiencias personalizadas, impulsar las descargas de aplicaciones y generar un ROI medible a través de integraciones de Guest WiFi .

Esta guía detalla las especificaciones técnicas, las metodologías de despliegue y los modos de fallo comunes asociados al diseño de Captive Portal, lo que permite a los arquitectos de red crear redes de acceso para invitados robustas, conformes a la normativa y generadoras de ingresos en cualquier tipo de centro.


Análisis técnico detallado

La arquitectura del Captive Portal

Un Captive Portal intercepta el tráfico HTTP/HTTPS de los clientes no autenticados y los redirige a una interfaz web designada. Este mecanismo se basa en una combinación de secuestro de DNS, redirección HTTP 302 y autenticación RADIUS; las implementaciones modernas adoptan cada vez más el estándar RFC 8908 (Identificación de Captive Portal en DHCP y anuncios de router) para permitir el descubrimiento nativo del Captive Portal a nivel de sistema operativo sin una interceptación HTTP frágil.

Dentro de esta arquitectura, la Splash Page y la Landing Page desempeñan funciones fundamentalmente diferentes en distintos puntos del ciclo de vida de la autenticación.

1. La Splash Page (Estado de preautenticación)

Cuando un dispositivo se asocia a un SSID, el controlador inalámbrico lo sitúa en una VLAN no autenticada. Todo el tráfico saliente se intercepta y se redirige al nombre de host del Captive Portal. El Captive Network Assistant (CNA) del sistema operativo —un pseudonavegador especializado y aislado integrado en iOS, Android y Windows— detecta el Captive Portal y renderiza la Splash Page.

Restricciones técnicas del entorno CNA:

El CNA no es un navegador completo. Funciona con restricciones significativas que afectan directamente a lo que se puede desplegar en una Splash Page:

  • Las cookies y el almacenamiento local suelen estar bloqueados o muy limitados
  • Los frameworks complejos de JavaScript pueden fallar al ejecutarse
  • Los recursos externos (fuentes, scripts, imágenes) solo pueden cargarse si sus dominios están incluidos en la lista blanca del Walled Garden
  • El CNA se cerrará automáticamente si detecta que el dispositivo ha obtenido acceso a internet antes de que el usuario haya completado la autenticación
  • La persistencia de la sesión tras el cierre del CNA no es fiable

Funciones principales de la Splash Page:

Dadas estas limitaciones, la Splash Page debe diseñarse exclusivamente para: autenticación (inicio de sesión social a través de OAuth, OTP por SMS, credenciales basadas en formularios o integración con programas de fidelización); aceptación de Términos y Condiciones; captación de consentimiento de GDPR; y registro de direcciones MAC para futuros inicios de sesión sin interrupciones.

Recomendación de carga útil: Mantenga la Splash Page por debajo de 1 MB. Utilice CSS en línea, evite bibliotecas de fuentes externas y minimice el uso de JavaScript. Cada dependencia externa requiere una entrada correspondiente en la lista blanca de Walled Garden, lo que representa tanto una carga de mantenimiento como una posible exposición de seguridad.

2. La Landing Page (estado posterior a la autenticación)

Tras una autenticación correcta, el servidor RADIUS devuelve un mensaje Access-Accept. El controlador inalámbrico actualiza la sesión del cliente, migrando el dispositivo a una VLAN autenticada con enrutamiento de internet completo. Se elimina el Walled Garden. El controlador, o la plataforma de Captive Portal basada en la nube, emite una redirección HTTP 302 a la WiFi Landing Page.

En este punto, el dispositivo funciona con un navegador completo y acceso a internet sin restricciones. La Landing Page puede aprovechar todo el conjunto de capacidades del desarrollo web moderno:

  • Contenido dinámico y personalizado basado en el perfil de usuario capturado en la Splash Page
  • Instrumentación analítica completa (Google Analytics, píxeles de seguimiento personalizados, webhooks de CRM)
  • Contenido multimedia enriquecido que incluye vídeo, mapas interactivos y paneles de fidelización
  • Indicaciones de descarga de aplicaciones con enrutamiento de enlaces profundos (deep-linking)
  • Promociones dirigidas basadas en datos de WiFi Analytics , incluyendo frecuencia de visitas, tiempo de permanencia y zona del establecimiento

Funciones principales de la Landing Page: Interacción de marketing, visualización de programas de fidelización, promociones dirigidas, navegación por el establecimiento y llamadas a la acción orientadas a la conversión.

architecture_overview.png

Flujo de autenticación: de extremo a extremo

La siguiente secuencia ilustra el flujo completo desde la asociación del SSID hasta la entrega de la Landing Page:

  1. El dispositivo cliente se asocia con el SSID de invitados
  2. El controlador asigna el dispositivo a una VLAN no autenticada
  3. El cliente intenta realizar una solicitud HTTP; el controlador la intercepta y emite una redirección 302 a la Splash Page
  4. El CNA carga la Splash Page (los recursos se sirven únicamente desde dominios autorizados en la lista blanca de Walled Garden)
  5. El usuario completa la autenticación y acepta los Términos y Condiciones
  6. La plataforma de Captive Portal envía una solicitud Access-Request al servidor RADIUS
  7. RADIUS devuelve Access-Accept; el controlador recibe un mensaje de Cambio de Autorización (CoA)
  8. El controlador migra al cliente a la VLAN autenticada
  9. La plataforma de Captive Portal emite una redirección 302 a la WiFi Landing Page
  10. El navegador del cliente carga la Landing Page completa a través de internet abierto

Esta clara separación de conceptos (autenticación en la Splash Page y fidelización en la Landing Page) es la base arquitectónica de cualquier despliegue de WiFi de invitados bien diseñado.


Guía de implementación

Desplegar una solución de WiFi de invitados escalable y de nivel empresarial requiere separar el plano de control de red de la capa de experiencia de usuario. Los siguientes pasos proporcionan un marco de despliegue independiente del proveedor aplicable a infraestructuras de Cisco Meraki, Aruba, Ruckus y Ubiquiti.

Paso 1: Configuración del Walled Garden

Configure su controlador de LAN inalámbrica (WLC) para permitir únicamente los dominios y rangos de IP estrictamente necesarios para el funcionamiento de la Splash Page. Esto suele incluir:

  • El nombre de host de la plataforma de Captive Portal (por ejemplo, portal.purple.ai)
  • Dominios de proveedores de identidad para el inicio de sesión social (por ejemplo, accounts.google.com, graph.facebook.com)
  • Dominios de pasarelas de SMS si se utiliza la autenticación OTP
  • Cualquier recurso de CDN utilizado por la propia Splash Page

Evite incluir demasiados elementos en la lista de permitidos. Cada entrada adicional aumenta la superficie de ataque de su red de autenticación previa y complica el mantenimiento continuo a medida que cambian los rangos de IP.

Paso 2: Gestión de certificados SSL

Configure el WLC con un certificado SSL válido y de confianza pública para el nombre de host de redirección del Captive Portal. Los certificados autofirmados provocarán advertencias de seguridad del navegador en el CNA, lo que hará que los usuarios abandonen el proceso de conexión. La caducidad de los certificados es una de las principales causas de interrupción del servicio de WiFi de invitados; implemente la renovación automatizada mediante Let's Encrypt o su plataforma de gestión de certificados.

Paso 3: Optimización del CNA

Diseñe la Splash Page específicamente para el entorno CNA. Utilice CSS en línea, evite frameworks de JavaScript externos y realice pruebas en múltiples versiones de iOS y Android. El comportamiento del CNA de iOS, en particular, cambia entre las versiones principales del sistema operativo: mantenga una matriz de pruebas de regresión que cubra al menos las dos versiones principales más recientes de ambas plataformas.

Paso 4: Lógica de redirección postautenticación

Configure la redirección postautenticación para que admita URL dinámicas de Landing Page. El servidor RADIUS puede devolver atributos específicos del proveedor (VSA) o la plataforma de Captive Portal puede utilizar el perfil de usuario autenticado para construir una URL personalizada. Esto permite la segmentación: un visitante que accede por primera vez recibe una oferta de bienvenida, mientras que un miembro de fidelización con nivel Gold recibe un panel personalizado.

Paso 5: Integración de analíticas

Integre la Landing Page con su suite de analíticas. Dado que el usuario ya se encuentra en el internet abierto con un navegador completo, las herramientas de analítica estándar funcionan con normalidad. Intégrelo con su CRM para crear un perfil de cliente unificado que combine los datos de la sesión WiFi con el historial de compras, el estado de fidelidad y las métricas de interacción de marketing.

Para obtener una comparación detallada entre las arquitecturas de Captive Portal basadas en la nube y las locales, consulte Captive Portal basado en la nube frente a local: ¿cuál es el adecuado para su empresa? .


Buenas prácticas

comparison_chart.png

Disocie la autenticación del marketing. La decisión de arquitectura con mayor impacto es utilizar la Splash Page estrictamente para el acceso seguro y el consentimiento, y trasladar todos los activos de marketing a la Landing Page. Esto mejora las tasas de conexión, reduce los tickets de soporte y simplifica las auditorías de cumplimiento normativo.

Aproveche el MAC Authentication Bypass para usuarios recurrentes. Para los dispositivos que regresan, el MAC Authentication Bypass (MAB) elimina por completo la Splash Page, redirigiendo a los usuarios directamente a una Landing Page personalizada. Esto mejora drásticamente la experiencia del usuario para visitantes habituales en entornos de Hostelería y Retail . Asegúrese de que su política de privacidad cubra explícitamente el seguimiento persistente de dispositivos.

Adopte arquitecturas centradas en la nube. Del mismo modo que el sector de las redes se ha desplazado hacia el WAN definido por software para una gestión centralizada —como se detalla en Los beneficios principales de SD WAN para las empresas modernas —, las plataformas de Captive Portal deben estar alojadas en la nube. Esto permite una gestión centralizada en todo el patrimonio de centros distribuidos, actualizaciones rápidas de contenido sin cambios en el firmware del controlador y una integración fluida con CRM externos y plataformas de automatización de marketing.

Implemente RFC 8908 para la compatibilidad con sistemas operativos modernos. La detección nativa de Captive Portal mediante RFC 8908 reduce la dependencia de la interceptación HTTP, mejorando la fiabilidad en las versiones modernas de iOS y Android que imponen cada vez más la navegación exclusiva mediante HTTPS.

Mantenga un programa de auditoría de Walled Garden. Revise trimestralmente las entradas de Walled Garden. Los rangos de IP de los principales proveedores de identidad cambian sin previo aviso. Las entradas obsoletas que ya no se resuelven crean fallos de autenticación; las entradas que faltan bloquean los flujos de autenticación legítimos.


Resolución de problemas y mitigación de riesgos

El bucle de conexión. Si un usuario se autentica pero es redirigido repetidamente de nuevo a la Splash Page, verifique que el mensaje RADIUS Access-Accept esté llegando al controlador y que el cliente esté recibiendo correctamente una concesión DHCP en la VLAN autenticada. Compruebe también que el puerto CoA (Change of Authorization) (UDP 3799) no esté bloqueado por un cortafuegos intermedio.

Cierre prematuro del CNA. Si el CNA se cierra antes de que el usuario pueda autenticarse, es probable que el dispositivo haya detectado acceso a Internet antes de tiempo. Esto puede ocurrir si el Walled Garden es demasiado permisivo, permitiendo involuntariamente el enrutamiento completo a Internet antes de que se complete la autenticación. Revise las entradas de Walled Garden para evitar rangos CIDR demasiado amplios. Errores de interceptación de HTTPS. Los navegadores modernos aplican la seguridad estricta de transporte HTTP (HSTS). Si un usuario intenta navegar a un dominio precargado con HSTS antes de autenticarse, el navegador bloqueará la redirección del captive portal. Implemente RFC 8908 para habilitar la detección nativa de captive portal, o indique a los usuarios que naveguen a un dominio que no sea HSTS para activar el CNA.

Fallos de scripts de terceros en la Splash Page. Si los equipos de marketing han añadido píxeles de seguimiento o scripts de analítica a la Splash Page, estos fallarán silenciosamente en el entorno CNA si sus dominios no están en la lista blanca. La resolución correcta es eliminar estos scripts por completo de la Splash Page y volver a implementarlos en la Landing Page, donde funcionarán correctamente.

Brechas de cumplimiento de GDPR. Asegúrese de que el mecanismo de consentimiento en la Splash Page cumpla con los requisitos del Artículo 7 del GDPR: el consentimiento debe ser libre, específico, informado e inequívoco. Las casillas de consentimiento marcadas previamente no cumplen con la normativa. Mantenga un registro de auditoría de consentimiento durante un mínimo de tres años.


ROI e impacto empresarial

Una arquitectura de Splash/Landing Page correctamente implementada transforma el WiFi de invitados de un centro de costes a un activo medible generador de ingresos. El caso financiero opera en tres dimensiones.

Captura de datos e inteligencia de datos propios (first-party). Al simplificar la Splash Page, los establecimientos aumentan las tasas de conexión y el volumen de datos propios capturados. En entornos de Sanidad y Transporte , estos datos respaldan la analítica operativa (patrones de afluencia, tiempo de permanencia por zona y previsión de picos de demanda), lo que permite tomar decisiones de asignación de recursos con ahorros de costes medibles.

Atribución directa de ingresos. La Landing Page es la superficie de conversión principal. Una implementación en un estadio puede utilizar la Landing Page para promocionar el pedido de comida y bebida desde el asiento, correlacionando directamente el acceso a la red con los ingresos transaccionales. Un hotel puede ofrecer reservas de spa o mejoras de habitación. Un distribuidor minorista puede ofrecer promociones específicas por zona impulsadas por datos de ubicación en tiempo real de WiFi Analytics .

Fidelización y retención. Las experiencias personalizadas en la Landing Page, impulsadas por el perfil de usuario capturado en la Splash Page, aumentan la participación en el programa de fidelización. Los usuarios que regresan y reciben una experiencia de bienvenida personalizada muestran una duración de sesión y una frecuencia de visitas repetidas significativamente mayores en comparación con los usuarios a los que se les presenta una página de destino genérica.

Los KPI medibles para una implementación de WiFi de invitados deben incluir: tasa de conexión WiFi (objetivo >70% de los visitantes del establecimiento), tasa de captura de datos (objetivo >85% de los usuarios conectados), tasa de clics en la CTA principal de la Landing Page e ingresos directos atribuidos a promociones impulsadas por WiFi.

Escuche el podcast completo de la sesión técnica informativa a continuación:

Definiciones clave

Captive Portal

Un mecanismo de control de acceso web que intercepta el tráfico de red de los clientes no autenticados y los redirige a una interfaz de autenticación antes de otorgar un acceso de red más amplio.

El sistema global que los equipos de TI despliegan para gestionar el acceso de invitados, aplicar políticas de uso aceptable, capturar el consentimiento del usuario y recopilar datos de primera mano.

Splash Page

La interfaz de autenticación inicial presentada dentro del flujo del Captive Portal, que funciona dentro del entorno restringido del Walled Garden antes de que se le haya concedido al usuario acceso a internet.

Donde los arquitectos de red deben centrarse en un diseño ligero, la verificación de identidad y el consentimiento legal. Sobrecargar incorrectamente esta página con elementos de marketing es la causa principal de los fallos de conexión WiFi de los invitados.

WiFi Landing Page

La página de destino post-autenticación que se carga en el navegador completo del usuario después de que el servidor RADIUS haya concedido al dispositivo acceso a internet.

Donde los equipos de marketing y operaciones despliegan contenido multimedia enriquecido, contenido personalizado, integraciones de fidelización y campañas de interacción. Funciona sin las limitaciones del Walled Garden.

Walled Garden

Un entorno de red restringido que permite a los usuarios no autenticados acceder únicamente a un conjunto específico de direcciones IP o nombres de host explícitamente permitidos en una lista blanca, bloqueando todo el demás tráfico de internet.

El límite técnico dentro del cual debe operar la Splash Page. Cada recurso externo utilizado por la Splash Page debe tener su dominio o rango de IP añadido a la lista blanca del Walled Garden.

Captive Network Assistant (CNA)

Un pseudonavegador especializado y aislado (sandboxed) integrado en los sistemas operativos móviles (iOS, Android, Windows) que detecta y renderiza automáticamente las páginas de inicio de sesión del Captive Portal.

La razón principal por la que las Splash Pages deben ser ligeras y evitar JavaScript complejo, cookies externas o archivos multimedia de gran tamaño. El comportamiento del CNA varía según la versión del sistema operativo y requiere pruebas de regresión continuas.

MAC Authentication Bypass (MAB)

Una técnica de control de acceso a la red que autentica los dispositivos en función de su dirección MAC de hardware sin requerir la interacción del usuario, lo que permite un inicio de sesión fluido para los dispositivos que regresan.

Se utiliza para proporcionar experiencias de inicio de sesión sin fricciones a los invitados habituales o dispositivos IoT registrados. Requiere la integración entre el servidor RADIUS y la base de datos de fidelización o registro de dispositivos de la sede.

RADIUS (Remote Authentication Dial-In User Service)

Un protocolo de red que proporciona una gestión centralizada de autenticación, autorización y contabilidad (AAA) para el acceso a la red, definido en RFC 2865.

La infraestructura del servidor backend que valida las credenciales enviadas en la Splash Page, indica al controlador que conceda el acceso y devuelve los atributos de usuario utilizados para personalizar la Landing Page.

RFC 8908

El estándar IETF que define la API del Captive Portal, lo que permite a los dispositivos descubrir e interactuar con los Captive Portals de forma nativa a través de opciones DHCP y Router Advertisements, en lugar de depender de la interceptación HTTP.

Un estándar moderno que mejora la fiabilidad del Captive Portal en iOS 14+ y Android 11+, reduciendo los fallos de conexión relacionados con el CNA causados por problemas de interceptación HTTPS.

Change of Authorization (CoA)

Una extensión de RADIUS (RFC 5176) que permite al servidor RADIUS modificar dinámicamente una sesión de red activa; por ejemplo, migrando un cliente de una VLAN no autenticada a una autenticada después de iniciar sesión correctamente.

El mecanismo mediante el cual la plataforma del Captive Portal indica al controlador inalámbrico que conceda acceso a internet después de que el usuario complete la autenticación en la Splash Page.

Ejemplos prácticos

Un complejo hotelero de 500 habitaciones está experimentando altas tasas de abandono en el inicio de sesión de su WiFi para huéspedes. El equipo de marketing ha añadido recientemente un vídeo promocional de 4 MB y un complejo mapa interactivo del recinto a la pantalla de conexión inicial. Las tasas de conexión han caído del 68% al 31% desde la actualización. ¿Cómo debería resolver esto el arquitecto de red?

El arquitecto debe desacoplar las funciones de autenticación y de marketing. Paso 1: Reemplazar la pantalla de conexión actual por una Splash Page ligera de menos de 1 MB, que contenga únicamente el formulario de autenticación (número de habitación y apellido), una casilla de consentimiento que cumpla con GDPR y la aceptación de los Términos y Condiciones. Paso 2: Eliminar todas las dependencias de scripts externos de la Splash Page y servir todos los recursos desde la propia CDN de la plataforma de Captive Portal, que ya está incluida en la lista blanca del Walled Garden. Paso 3: Configurar la redirección posterior a la autenticación del controlador inalámbrico para enviar al usuario a una Landing Page recién creada y alojada en internet abierto. Paso 4: Mover el vídeo promocional de 4 MB y el mapa interactivo del recinto a esta Landing Page. Paso 5: Instrumentar la Landing Page con la integración de CRM del hotel para personalizar el mensaje de bienvenida en función del perfil de usuario autenticado. Paso 6: Implementar MAC Authentication Bypass para los huéspedes que regresan, eliminando por completo la Splash Page en las visitas posteriores.

Comentario del examinador: Este enfoque resuelve el problema del abandono al reconocer las limitaciones fundamentales del Captive Network Assistant (CNA). Los recursos pesados provocaban que el CNA agotara el tiempo de espera o no se renderizara dentro del entorno restringido del Walled Garden. Al moverlos a la Landing Page posterior a la autenticación se garantiza que se carguen correctamente utilizando las funciones completas del navegador del dispositivo a través de una conexión a internet ya establecida. La implementación de MAB para los huéspedes que regresan mejora aún más la experiencia de los clientes habituales más valiosos del hotel, mientras que la integración de CRM en la Landing Page crea una vía de atribución de ingresos medible.

Una cadena de tiendas de retail quiere ofrecer un acceso WiFi fluido a los miembros recurrentes de su programa de fidelización en 50 ubicaciones, omitiendo la pantalla de inicio de sesión pero mostrando una oferta de bienvenida personalizada y el saldo actual de puntos de fidelidad. ¿Cuál es la arquitectura técnica recomendada?

Implementar MAC Authentication Bypass (MAB) integrado con la base de datos de fidelización a través de RADIUS. Arquitectura: (1) Cuando un dispositivo que regresa se asocia con el SSID, el controlador envía un RADIUS Access-Request que contiene la dirección MAC del dispositivo. (2) El servidor RADIUS consulta la base de datos de fidelización para hacer coincidir la dirección MAC con un perfil de fidelización. (3) Si se encuentra una coincidencia, el servidor RADIUS devuelve un Access-Accept con un atributo específico del proveedor (VSA) que contiene un token de usuario firmado. (4) El controlador concede acceso inmediato a internet y emite una redirección a la URL de la Landing Page, añadiendo el token firmado como parámetro de consulta. (5) La Landing Page alojada en la nube decodifica el token, consulta la API de fidelización para obtener el saldo de puntos actual del usuario y su oferta personalizada, y muestra una experiencia de bienvenida a medida. Para nuevos usuarios o dispositivos no reconocidos, se presenta el flujo estándar de la Splash Page, con la opción de vincular el dispositivo a su cuenta de fidelidad para un futuro acceso fluido.

Comentario del examinador: Esta solución utiliza correctamente MAB para el control de acceso a la red, al tiempo que aprovecha la Landing Page para el requisito de marketing. El enfoque de token firmado evita la manipulación de URL y garantiza que el contenido personalizado se sirva únicamente al usuario autenticado. La alternativa de recurrir a la Splash Page estándar para dispositivos no reconocidos garantiza que la adquisición de nuevos clientes no se vea comprometida. Esta arquitectura demuestra una comprensión madura del diseño de Captive Portal desacoplado y es directamente aplicable a despliegues de retail empresarial en entornos de sedes distribuidas.

Preguntas de práctica

Q1. Una organización del sector público requiere que todos los usuarios invitados de WiFi acepten una extensa Política de Uso Aceptable (AUP) antes de acceder a Internet. El equipo de comunicación también quiere mostrar un feed dinámico de los próximos eventos comunitarios y un muro de redes sociales en vivo. ¿Cómo debería diseñar este requisito a lo largo del flujo del Captive Portal?

Sugerencia: Tenga en cuenta las limitaciones del Captive Network Assistant (CNA) y del Walled Garden al decidir dónde colocar cada elemento de contenido.

Ver respuesta modelo

Coloque la Política de Uso Aceptable (AUP) en la Splash Page para garantizar el cumplimiento legal antes de la autenticación. La AUP debe presentarse como texto integrado o en un div con desplazamiento (no cargado desde una URL externa) para evitar dependencias del Walled Garden. Una vez que el usuario acepta la AUP y se autentica, rediríjalo a la Landing Page para mostrar el feed dinámico de eventos comunitarios y el muro de redes sociales. El muro de redes sociales, en particular, requiere llamadas API externas que no pueden funcionar dentro del Walled Garden, lo que convierte a la Landing Page en la única ubicación viable.

Q2. Durante un nuevo despliegue en un centro de conferencias, los usuarios informan que la pantalla de inicio de sesión aparece correctamente pero, al hacer clic en "Iniciar sesión con LinkedIn", la página agota el tiempo de espera y devuelve un error. La configuración del controlador y el servidor RADIUS funcionan correctamente para la autenticación por correo electrónico/contraseña. ¿Cuál es la causa y la resolución más probable?

Sugerencia: Piense en qué acceso de red requiere un proveedor de identidad OAuth externo para completar su flujo de autorización durante la fase de preautenticación.

Ver respuesta modelo

La configuración del Walled Garden está incompleta. El flujo OAuth de LinkedIn requiere que el dispositivo del cliente se comunique con los servidores de autorización de LinkedIn (por ejemplo, www.linkedin.com, api.linkedin.com) durante la fase de preautenticación. Estos dominios no están en la lista blanca, por lo que la redirección de OAuth falla. La resolución consiste en identificar todos los rangos de IP y nombres de host utilizados por la API de OAuth de LinkedIn y añadirlos a la lista blanca del Walled Garden en el controlador inalámbrico. Tenga en cuenta que LinkedIn (y otros proveedores de identidad importantes) pueden utilizar múltiples dominios alojados en CDN; revise la documentación de OAuth o utilice una captura de paquetes para identificar todos los endpoints requeridos.

Q3. Un cliente de retail desea realizar un seguimiento del comportamiento del usuario en la pantalla inicial de inicio de sesión de WiFi utilizando Google Analytics 4 y un píxel de retargeting personalizado de su plataforma publicitaria. El equipo de marketing ha proporcionado un fragmento de código de un gestor de etiquetas para añadirlo a la Splash Page. ¿Por qué resulta esto técnicamente problemático y cuál es la alternativa recomendada que preserva los requisitos de medición del equipo de marketing?

Sugerencia: Evalúe las capacidades del mini-navegador del CNA y las implicaciones de añadir dominios de scripts externos al Walled Garden.

Ver respuesta modelo

Esto es problemático por dos razones. Primero, el CNA a menudo bloquea las cookies y restringe la ejecución de JavaScript, lo que hace que los scripts de seguimiento del lado del cliente sean ineficaces o poco fiables. Segundo, Google Tag Manager y los píxeles publicitarios cargan scripts de múltiples dominios externos; añadir todos estos al Walled Garden crea una exposición de seguridad significativa y una sobrecarga de mantenimiento continuo. La alternativa recomendada es un enfoque en dos partes: (1) Capturar el evento de autenticación en el lado del servidor a través de la API de la plataforma de Captive Portal o los registros de contabilidad de RADIUS, y enviar este evento a Google Analytics 4 utilizando el Measurement Protocol (lado del servidor), que no requiere JavaScript del lado del cliente. (2) Desplegar el contenedor completo de Google Tag Manager y el píxel de retargeting en la Landing Page posterior a la autenticación, donde el entorno completo del navegador garantiza una ejecución fiable de los scripts y las funciones de seguimiento basadas en cookies funcionan con normalidad.