# Conecte su sitio web

> Agregue el fragmento de seguimiento de graph8 a su sitio web para identificar visitantes en tiempo real, capturar envíos de formularios y obtener analítica.

Source: https://docs.graph8.com/es/getting-started/connect-website/

Conecte su sitio web a graph8 agregando un pequeño fragmento de JavaScript. Esto habilita la identificación de visitantes en tiempo real, el registro de envíos de formularios y la analítica del sitio.

## Qué obtiene

Una vez conectado, graph8 captura automáticamente:

- **Visitantes en tiempo real**: vea qué empresas y contactos están navegando su sitio en este momento
- **Envíos de formularios**: capture leads desde cualquier formulario de su sitio sin configuración adicional
- **Vistas de página**: identifique qué páginas visitan los prospectos y cuánto tiempo permanecen en ellas
- **Identificación de visitantes**: asocie visitantes anónimos con contactos y empresas conocidos a partir de los datos de graph8

## Agregar el fragmento

1. Vaya a **Configuración → Seguimiento de sitio web**
2. Copie el fragmento de JavaScript proporcionado
3. Péguelo dentro de la etiqueta `<head>` de su sitio, justo antes del cierre `</head>`

El fragmento luce así:

```html
<script>
  (function(g,r,a,p,h){g.g8=g.g8||function(){(g.g8.q=g.g8.q||[]).push(arguments)};
  h=r.createElement(a);h.async=1;h.src=p;r.head.appendChild(h)
  })(window,document,'script','https://cdn.graph8.com/tracking.js');
  g8('init', 'YOUR_TRACKING_ID');
</script>
```

Su ID de seguimiento único se completa automáticamente al copiarlo desde la página de Configuración.

## Instalación por plataforma

### Google Tag Manager
1. Cree una nueva etiqueta del tipo **Custom HTML**
2. Pegue el fragmento
3. Configure el activador en **All Pages**
4. Publique el contenedor

### WordPress
Agregue el fragmento al archivo `header.php` de su tema, o utilice un plugin como **Insert Headers and Footers** para incluirlo sin editar código.

### Next.js / React
Agregue el fragmento a la sección `<head>` de su archivo `_document.tsx` o `layout.tsx`.

## Verificar la conexión

Después de agregar el fragmento:

1. Regrese a **Configuración → Seguimiento de sitio web**
2. graph8 mostrará un estado verde de **Conectado** en cuanto detecte el fragmento
3. Visite su propio sitio web para generar un evento de prueba
4. Consulte la sección **Visitantes** para confirmar que los datos están llegando

> **Tip:**
> Los primeros eventos pueden tardar unos minutos en aparecer. Si no ve datos después de 10 minutos, verifique que el fragmento se cargue correctamente con las herramientas para desarrolladores de su navegador (pestaña Red).

## Próximos pasos

- [Conecte su calendario →](https://docs.graph8.com/getting-started/connect-calendar/): habilite la programación de reuniones