🚿

DuchaStep

Elige un diseño para ver cómo queda

🎬

Video de Fondo

Página con video en la cabecera. Estilo moderno y llamativo.

Ver diseño

🏛️

Clásica

Diseño tradicional con imagen principal y galería de fotos.

Ver diseño

🩺

Cirujanos del Baño

Estilo elegante y minimalista. Concepto "precisión quirúrgica".

Ver diseño

🚀

Completa

Versión con todas las secciones disponibles. La más extensa.

Ver diseño

📝

Formulario Directo

El formulario aparece desde el principio. Enfocada en conversión.

Ver diseño

📊

Plan de Medición

Sistema de tracking · GTM Server-Side · Google Ads

Embudo de Conversión

Cada paso reduce el número de usuarios

👁️

cta_viewUsuario VE el botón/formulario

▼ 60% abandona

👆

cta_clickUsuario CLICA el botón

▼ 25% abandona

✍️

form_startUsuario ESCRIBE primera letra

▼ 33% abandona

✅

generate_leadCONVERSIÓN - Datos guardados

cta_dismiss= Usuario cierra popup/banner sin interactuar

📋 Estado del Sistema

Eventos Online (5)✅ Implementado

Eventos Interacción (4)⏳ Pendiente

Conversiones Offline⏳ Pendiente

GTM Server-Side🖥️ Configurar

🔄 Arquitectura de Datos

👤Usuario interactúa

↓

📦dataLayer.push(evento)

↓

🖥️GTM Server

↳📊 GA4(métricas)

↳📈 Google Ads(conversiones)

PARALELO: GA4 y Ads reciben datos simultáneamente

Eventos Implementados

✅ Código activo en lib/analytics/tracking.ts

Evento	Para el cliente	Parámetros dataLayer
cta_view	Usuario VE un botón o formulario	`cta_type, cta_location, cta_text, trigger`
cta_click	Usuario CLICA un botón	`cta_type, cta_location, cta_text`
cta_dismiss	Usuario CIERRA popup sin actuar	`cta_location`
form_start	Usuario ESCRIBE primera letra	`cta_type, cta_location, form_type`
generate_lead	CONVERSIÓN - Datos guardados	`cta_type, cta_location, form_type, is_gads`

+ Datos base en TODOS los eventos: visitor_id, gclid, timestamp

Dimensiones GA4

Variables a crear en GA4 → Configuración → Definiciones personalizadas

Nombre GA4	dataLayer	Ámbito	Valores
Tipo de CTA	`cta_type`	Evento	form, whatsapp
Ubicación CTA	`cta_location`	Evento	hero_form, mobile_bar, exit_banner...
Tipo Formulario	`form_type`	Evento	directo, puente
Trigger	`trigger`	Evento	scroll, timer_30s, exit_intent
Es Google Ads	`is_gads`	Evento	true, false
GCLID	`gclid`	Usuario	ID del clic Google Ads
ID Visitante	`visitor_id`	⚠️ Sesión	sessionStorage (se pierde al cerrar)

⚠️ visitor_id usa sessionStorage (ID de sesión). Para ID de usuario persistente, cambiar a localStorage.

Eventos de Interacción

⏳ Pendientes de implementar en código

Evento	Trigger	Ubicación
`click_google_reviews`	Clic en "Ver reseñas en Google"	section_reviews
`click_gallery`	Clic en imagen de galería	section_gallery
`click_faq`	Abre pregunta FAQ	section_faq
`click_before_after`	Interacción slider antes/después	section_before_after

Eventos GTM Nativo

🖥️ Configurar triggers en GTM (no requieren código)

Scroll Depth Trigger

scroll_2525%

scroll_5050%

scroll_7575%

scroll_9090%

Timer Trigger

time_on_page_30s30 seg

time_on_page_60s60 seg

time_on_page_120s2 min

time_on_page_300s5 min

🔄

Flujo Completo: Form → Bitrix → Google Ads

Entrada de leads + Retroalimentación de conversiones offline

⏳ Pendiente

1Entrada de Leads (Actual ✅)

Para el cliente:

1. Usuario rellena formulario

2. Datos llegan a Sheets y Bitrix

3. Comercial recibe el lead

Form submit

↓ POST /api/lead

→ Google Sheets

→ Bitrix24

(paralelo con GCLID)

2Retroalimentación Bitrix → Ads (Pendiente ⏳)

Para el cliente:

1. Comercial mueve deal en Bitrix

2. Sistema actualiza Sheets

3. Google Ads recibe conversión

Bitrix ONCRMDEALUPDATE

↓ webhook POST

/api/bitrix-webhook

↓ actualiza fila (match por email/tel)

Google Sheets (cols M-P)

↓ import cada 6h

Google Ads offline conversion

3 Etapas de Bitrix → 3 Conversiones en Google Ads:

1Lead Cualificado

Etapa Bitrix: Visita Comercial

Conversion Name: Offline - Lead Cualificado

Valor: 50€ fijo

2Presupuestado

Etapa Bitrix: Presupuestado

Conversion Name: Offline - Presupuestado

Valor: del presupuesto

3Venta

Etapa Bitrix: WON

Conversion Name: Offline - Venta

Valor: real de la venta

Columnas Google Sheets para Offline:

M: Estado BitrixN: Conversion TimeO: Conversion ValueP: Conversion Name

Match: GCLID (col G)Ventana: 90 díasSolo tráfico de pagoFecha: yyyy-MM-dd HH:mm:ss+01:00

📚 Documentación completa: docs/CONVERSIONES_OFFLINE.md

✅Implementado

⏳Pendiente

GTMConfigurar en GTM

📚 Documentación completa en docs/HUB_MEDICION.md

Desarrollado por Convertiam