Arreglo de 15 segundos para pruebas de referer local y atribución

Reflex es un CLI que simula un sitio referente en local con HTTPS y redirige a tu app para obtener un referrer real, validando Adobe Analytics, GA4, Adobe Target y Piano antes de producción.

7 sept 2025 • 4 min de lectura • Equipo Q2BSTUDIO

Inteligencia-Artificial-

Previsualiza los flujos de atribución antes de salir a producción y haz que Adobe Analytics, GA4, Adobe Target y Piano se comporten como en el mundo real.

El problema: en local no puedes probar el referer de forma fiable. Los navegadores no envían un header Referer real ni rellenan document.referrer igual que en producción. Resultado: equipos de Growth, Marketing, Analítica, Experimentación y QA a ciegas hasta que todo está en vivo, los paneles gritan Direct None y alguien pregunta si Adobe está roto. No lo está, pero el susto ya te arruinó el día.

La solución es sencilla: simula ser el sitio referente durante un instante sobre HTTPS y redirige a tu app. El navegador establece un referrer real sin extensiones, sin flags y sin mirar interminables cascadas de peticiones. Funciona con cualquier stack de analítica y experimentación que dependa de la atribución.

Reflex, el pequeño gran aliado: creamos un ayudante de línea de comandos que elimina la fricción para probar en local flujos impulsados por referrer. Reflex se ocupa de montar un host temporal, servir HTTPS con certificado confiable y redirigir a tu aplicación para que existan Referer y document.referrer reales.

Qué hace Reflex en tres pasos: apunta de forma temporal el host referente por ejemplo news.google.com a tu máquina, sirve una página HTTPS mínima con certificado de confianza local y redirige hacia tu app para que el navegador fije el referrer real y tus etiquetas, SDKs y reglas de targeting funcionen como en producción.

Configuración ultrarrápida una vez: instala y comparte la misma CA local entre root y tu usuario para que el navegador confíe en los certificados.

sudo mkcert -install mkcert -install sudo mkdir -p /etc/mkcert sudo cp -a $(mkcert -CAROOT)/. /etc/mkcert/ sudo chmod 755 /etc/mkcert && sudo chmod 644 /etc/mkcert/*

Ejecuta un flujo con Reflex en dos comandos:

sudo reflex run --referrer https://news.google.com --target https://tu-app.example

Qué sucede: se abre una ventana privada si es posible, se sirve una página mínima en HTTPS y se te envía a tu app con un Referer real. Así, tus etiquetas, SDKs y experimentos se comportan como en producción.

Limpieza al terminar si la necesitas manualmente:

sudo reflex cleanup --referrer news.google.com sudo reflex cleanup --all

Elige tu tipo de redirección según el caso: meta por defecto es la más estable para preservar document.referrer, js usa window.location tras un breve delay y 302 te permite validar ese comportamiento pero algunos navegadores pierden document.referrer en 302 top level abiertos externamente.

Quién se beneficia y cómo: Growth y Marketing validan atribución antes del lanzamiento y evitan el temido Direct None. Analítica y Tagging comprueban eventos de Adobe Analytics, Piano y GA4 con referrer y UTM correctos. Equipos de Experimentación confirman que las reglas de targeting de Adobe Target o Piano disparan correctamente. QA y E2E escriben pruebas estables sin contorsiones en staging. Data y BI reducen el tráfico misterioso y los sustos tras el deploy.

Detalles a tener en cuenta: si necesitas la URL completa como referrer y no solo el origen, usa la opción --referrer-policy unsafe-url. Algunos agentes de VPN corporativa o DNS pueden ignorar tu archivo hosts. Ejecutar en modo privado mantiene las pruebas limpias. Requiere permisos de administrador para editar hosts y usar 443; si ese puerto está ocupado, Reflex caerá en 8443.

Conclusión: esta es la vista previa local que faltaba. Emula el sitio referente, redirige una vez y el navegador respetará las reglas reales. Tus herramientas de analítica y experimentación obtendrán el contexto correcto y tu equipo recuperará su tiempo.

Si quieres el CLI, lo tienes aquí: Reflex en GitHub. Úsalo, ajústalo o toma la idea; lo importante es darle al navegador la presentación educada que espera.

Q2BSTUDIO te acompaña de extremo a extremo con desarrollo de aplicaciones a medida y software a medida, integrando analítica, automatización de pruebas y buenas prácticas de ciberseguridad para que tus lanzamientos sean predecibles y medibles. Descubre cómo aceleramos tus iniciativas con desarrollo de software y aplicaciones a medida y conectamos el dato con resultados de negocio gracias a Business Intelligence y Power BI.

Nuestro equipo combina inteligencia artificial e IA para empresas, agentes IA, servicios cloud AWS y Azure, ciberseguridad y pruebas de pentesting, y servicios inteligencia de negocio para que tu atribución, experimentación y reporting escalen sin fricción. Si tu hoja de ruta incluye modernización de datos, automatización de procesos, observabilidad, privacidad by design y cumplimiento, en Q2BSTUDIO lo hacemos realidad con enfoque práctico y time to value corto.

¿UNA PAUSA?

Juega un momento antes de irte

NUESTROS SERVICIOS

Cómo podemos ayudarte

Inteligencia artificial

Agentes de IA, chatbots y asistentes inteligentes que automatizan tareas y atienden a tus clientes 24/7 para mejorar la eficiencia de tu negocio.

Más info

Desarrollo de software

Aplicaciones web, móviles y de escritorio, intranets, e-commerce, SaaS y plataformas de gestión diseñadas para las necesidades concretas de tu empresa.

Más info

Servicios cloud

Migración, infraestructura, hosting gestionado, alta disponibilidad y seguridad en Microsoft Azure y Amazon Web Services para que tu negocio escale sin límites.

Más info

Ciberseguridad y pentesting

Auditorías de seguridad, test de intrusión (pentesting) y protección de aplicaciones, datos e infraestructura on-premise y cloud, con hacking ético y cumplimiento normativo.

Más info

Business Intelligence

Cuadros de mando y análisis de datos con Power BI: integramos tus fuentes, diseñamos dashboards y KPIs y convertimos tus datos en decisiones.

Más info

Automatización de procesos

Automatizamos tareas repetitivas y conectamos tus aplicaciones con n8n, Power Automate, Make y RPA, eliminando trabajo manual y aumentando la productividad.

Más info

Formación para empresas

Formamos a tus equipos en tecnología con criterio: desarrollo web, bases de datos, Git, buenas prácticas y seguridad, automatización con n8n, inteligencia artificial para empresas y creación de soluciones de IA con Azure AI Foundry.

Más info

Auditoría de código

Auditamos el código que creas tú, tu equipo o una IA: te decimos qué está bien y qué mejorar, lo securizamos y lo dejamos listo para producción, web o app.

Más info

Generación de imágenes con IA

Creamos por ti las imágenes que necesita tu negocio con inteligencia artificial: producto, redes, publicidad, ilustración y avatares. Tú nos dices qué quieres y te lo entregamos listo para usar.

Más info

Generación de vídeos con IA

Creamos por ti vídeos con inteligencia artificial: promocionales, para redes, presentadores virtuales, doblaje y animaciones. Nos cuentas la idea y te lo entregamos montado y listo para publicar.

Más info

Avatares conversacionales con IA

Creamos avatares conversacionales con IA —humanos digitales con cara y voz— que atienden a tus clientes y equipos con el conocimiento de tu empresa, en tu web, monitores interactivos, WhatsApp o Teams.

Más info

Marketing Online e IA

Google Ads, Meta Ads, LinkedIn Ads y posicionamiento en motores de IA (GEO/AEO): captamos clientes y hacemos que tu marca aparezca donde te buscan, también en ChatGPT, Gemini y Perplexity.

Más info

¿Tienes un proyecto en mente?

Cuéntanos tu visión y la convertimos en una solución de software. Sea cual sea el alcance, hacemos realidad tu idea.