Instalar el Script de Seguimiento
Agrega el tracker de Atribu a tu sitio web para capturar visitantes, sesiones y conversiones
El script de seguimiento de Atribu es un fragmento ligero de JavaScript que se ejecuta en tu sitio web. Captura:
- Vistas de pagina -- cuales paginas ven los visitantes y cuanto tiempo permanecen
- Identidad del visitante -- asigna a cada dispositivo un ID anonimo unico para que puedas seguir el recorrido a traves de las visitas
- Fuentes de trafico -- lee los parametros UTM e IDs de clic (fbclid, gclid) de tus URLs de anuncios para saber que campana trajo a cada visitante
- Envios de formularios -- detecta automaticamente cuando alguien llena un formulario y extrae su email o numero de telefono
- Reservas completadas -- detecta widgets de reserva de GoHighLevel, Calendly y Cal.com
Instalacion
Ve a Configuracion > Seguimiento en tu dashboard de Atribu. Veras tu fragmento de seguimiento personalizado con tu clave de seguimiento unica ya incluida. Copialo e instalalo usando uno de los metodos a continuacion.
Pega el fragmento en la seccion <head> de cada pagina de tu sitio. Si usas un CMS como WordPress, Webflow o Squarespace, busca la configuracion de "Codigo Personalizado" o "Inyeccion de Codigo en Header".
<script>
window.ATRIBU_TRACKING_KEY = "your-tracking-key-here";
window.ATRIBU_TRACKING_ENDPOINT = "https://www.atribu.app/api/tracking/collect";
window.ATRIBU_INTERCEPT_FBQ = true;
window.ATRIBU_META_BRIDGE_PAGEVIEW = false;
window.atribuTracker = window.atribuTracker || function() {
(window.atribuTracker.q = window.atribuTracker.q || []).push(arguments);
};
</script>
<script src="https://www.atribu.app/atribu-tracker.js" defer></script>Usa tu fragmento real
El codigo anterior es una plantilla. Copia tu fragmento real desde Configuracion > Seguimiento -- ya tiene tu clave de seguimiento incluida.
El atributo defer asegura que el script se cargue sin ralentizar tu pagina. Los eventos que ocurren antes de que el script termine de cargar se ponen en cola y se envian una vez que esta listo.
Crea una nueva etiqueta
En Google Tag Manager, ve a Etiquetas > Nueva y selecciona HTML Personalizado como tipo de etiqueta.
Pega el fragmento
Copia tu fragmento de seguimiento desde Configuracion > Seguimiento en Atribu y pegalo en el campo HTML.
<script>
window.ATRIBU_TRACKING_KEY = "your-tracking-key-here";
window.ATRIBU_TRACKING_ENDPOINT = "https://www.atribu.app/api/tracking/collect";
window.ATRIBU_INTERCEPT_FBQ = true;
window.ATRIBU_META_BRIDGE_PAGEVIEW = false;
window.atribuTracker = window.atribuTracker || function() {
(window.atribuTracker.q = window.atribuTracker.q || []).push(arguments);
};
</script>
<script src="https://www.atribu.app/atribu-tracker.js" defer></script>Configura el activador
Establece el activador en Todas las Paginas para que el tracker se cargue en cada pagina de tu sitio.
Publica
Haz clic en Enviar para publicar el contenedor. El tracker comenzara a recopilar datos inmediatamente.
El sistema Web Pixel de Shopify proporciona un entorno aislado para scripts de terceros.
Ve a Eventos del Cliente
En tu panel de administracion de Shopify, navega a Configuracion > Eventos del Cliente.
Agrega un pixel personalizado
Haz clic en Agregar pixel personalizado y ponle un nombre como "Atribu Tracker".
Pega el fragmento
Copia tu fragmento de seguimiento desde Configuracion > Seguimiento en Atribu y pegalo en el editor de codigo.
Guarda y conecta
Haz clic en Guardar, luego activa el pixel a Conectado.
Limitaciones de Shopify
El Web Pixel de Shopify se ejecuta en un iframe aislado. La captura automatica de formularios y la deteccion de widgets de reservas pueden no funcionar dentro del sandbox. Para funcionalidad completa, considera agregar el tracker a traves del archivo theme.liquid del tema (pegalo antes de la etiqueta de cierre </head>).
Como funciona el tracker
IDs y cookies
El tracker crea dos identificadores para cada visitante:
- ID Anonimo (cookie
atribu_visitor_id) -- Un ID unico para cada dispositivo/navegador. Persiste por 1 ano. Asi es como Atribu cuenta visitantes unicos. - ID de Sesion (cookie
atribu_session_id) -- Un ID unico para cada visita. Se reinicia despues de 30 minutos de inactividad o cuando el visitante llega desde una nueva fuente de marketing (diferentes parametros UTM o ID de clic). Asi es como Atribu cuenta sesiones.
Ambos IDs se almacenan como cookies de primera parte para que el codigo del lado del servidor (como paginas de checkout) pueda leerlos y pasarlos a proveedores de pago para mejor atribucion.
Funciones automaticas
El tracker captura automaticamente estos eventos sin ningun codigo adicional:
| Funcion | Que hace |
|---|---|
| Vistas de pagina | Rastrea cada pagina que el visitante ve, incluyendo navegacion en aplicaciones de pagina unica |
| Envios de formularios | Detecta envios de formularios, extrae email/telefono y vincula al visitante anonimo con un cliente conocido |
| Widgets de reservas | Detecta reservas completadas de GoHighLevel, Calendly y Cal.com |
| Redirecciones de checkout de Stripe | Detecta ?session_id=cs_* en la URL despues de una redireccion de Payment Link de Stripe |
| Clics en enlaces externos | Rastrea clics a dominios externos |
| Descargas de archivos | Rastrea descargas (PDF, ZIP, etc.) |
| Engagement | Mide profundidad de scroll y tiempo en pagina |
La llamada identify()
Lo mas importante que hace el tracker es vincular visitantes anonimos con clientes conocidos. Cuando alguien llena un formulario en tu sitio, el tracker automaticamente llama a identify() con su email o numero de telefono. Esto crea una conexion entre el visitante anonimo del navegador y el registro del cliente en tu CRM o proveedor de pagos.
Sin este vinculo, Atribu no puede atribuir un pago de Stripe al clic original en el anuncio. La captura automatica de formularios maneja esto automaticamente para formularios HTML estandar. Si usas un formulario personalizado (React, Vue, etc.), puedes llamar a identify() manualmente:
window.atribuTracker.identify({
email: "[email protected]",
phone: "+1234567890"
});Verifica que esta funcionando
Despues de instalar el tracker:
- Visita tu sitio web en un navegador (no en modo incognito -- algunos bloqueadores de anuncios son mas agresivos ahi)
- Abre tu dashboard de Atribu
- Revisa el contador En Linea Ahora en la esquina superior derecha -- deberias ver al menos 1 visitante
- Despues de unos minutos, las vistas de pagina y sesiones apareceran en el dashboard
Bloqueadores de anuncios
Algunos bloqueadores de anuncios del navegador pueden bloquear el script de seguimiento. Si tu o tu equipo usan bloqueadores de anuncios, es posible que no vean sus propias visitas. Para asegurar que el tracker funcione para todos los visitantes -- incluyendo aquellos con bloqueadores de anuncios -- configura un dominio de seguimiento personalizado. Esto enruta las solicitudes de seguimiento a traves de tu propio dominio en lugar de atribu.app, que los bloqueadores de anuncios no bloquean.
Ve a Configuracion > Seguimiento > Dominio Personalizado para configurarlo.
Siguientes pasos
Conectar Plataformas de Anuncios
Vincula Meta y Google Ads para ver cuales campanas generan trafico
Conectar Pagos
Vincula Stripe o MercadoPago para seguir ingresos
Como Funciona el Seguimiento
Profundiza en visitantes, sesiones, cookies y como el tracker captura datos
Resolucion de Identidad
Como los visitantes anonimos se convierten en clientes conocidos a traves de dispositivos y canales