# Hablla Tag Manager

## Hablla Tag Manager

El **Hablla Tag Manager** funciona como un *contenedor inteligente*, permitiendo monitorear y rastrear interacciones de los usuarios en tu sitio.\
Con él, puedes configurar **eventos personalizados**, recopilar datos y automatizar acciones estratégicas directamente desde Hablla, sin depender de implementaciones externas complejas.

<figure><img src="https://4006966930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2FT3sVAA0LPywck5jPFXBS%2Fimage.png?alt=media&#x26;token=dbe33bb8-e234-4ad2-856d-4dcfa0423148" alt=""><figcaption></figcaption></figure>

### 📌 Accediendo al Hablla Tag Manager

En el menú lateral, accede a:

**Marketing > Hablla Tag Manager**

En la pantalla inicial verás todos los contenedores creados, con la información de:

* **Nombre**
* **Dominio vinculado**
* **Fecha de creación**

<figure><img src="https://4006966930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2Fs5J1bRxC45BJMxQ8xnhp%2Fimage.png?alt=media&#x26;token=74df7f26-ba21-445a-a56d-cba5800eaddb" alt=""><figcaption></figcaption></figure>

### ➕ Creando un nuevo contenedor

Haz clic en **Agregar** para crear un nuevo Tag Manager.

Podrás definir:

* **Nombre del contenedor**
* **Dominio** donde se instalará el script

Después de creado, Hablla genera automáticamente un **script de instalación** que debe añadirse dentro de la etiqueta `<head>` del sitio:

```html
<script src="https://htm.hablla.io/api/tag-manager/loader/SEU_ID"></script>
```

### ⚙️ Gestionando las Tags

Dentro de un contenedor, es posible visualizar y crear nuevas **etiquetas**:

Cada etiqueta posee:

* **Nombre**
* **Tipo** (cookies, seguimiento, formulario, etc.)
* **Fecha de creación**

<figure><img src="https://4006966930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2FjGYBVDyzB4qb08V0gXDO%2Fimage.png?alt=media&#x26;token=3f2f97fa-30ce-4af5-8fd4-f334549222c2" alt=""><figcaption></figcaption></figure>

### 🏷️ Tipos de Tags disponibles

Hablla ofrece diferentes tipos de tags que pueden configurarse:

#### 1. Banner de cookies

Permite configurar el aviso sobre el uso de cookies del sitio.\
Es posible personalizar:

* Ubicación de la visualización (inferior derecho, inferior izquierdo, etc.)
* Tema (claro u oscuro)
* Mensaje de la política de privacidad
* URL de la política

<figure><img src="https://4006966930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2FkaapQOwSIaMRgCX4DKKD%2Fimage.png?alt=media&#x26;token=115ab82b-7c15-4c14-b0dc-78e65fda7e27" alt=""><figcaption></figcaption></figure>

#### 2. Formulario de WhatsApp

Muestra un **pop-up de contacto** directamente en el sitio, integrado con WhatsApp.

Configuraciones posibles:

* Título, descripción y texto de bienvenida
* Carga de imagen y color personalizado
* URL de la política de privacidad
* Enviar datos a un **Webhook**
* Redirigir directamente a un **número de WhatsApp**

<figure><img src="https://4006966930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2FqR8JQ7fdIFe0cK9z6b5I%2Fimage.png?alt=media&#x26;token=1d13afbf-1f74-49ef-b979-cfd0fdd0d673" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4006966930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrmxWrIrMauHcIrsuqfGq%2Fuploads%2Fef2u236PUc4fPKomRBew%2Fimage.png?alt=media&#x26;token=371bcae2-8cf7-4c3b-8400-b9d0290f9b69" alt=""><figcaption></figcaption></figure>

### 🔗 Ejemplo de uso estratégico

Con Hablla Tag Manager, puedes:

* Mostrar un aviso de cookies conforme a la LGPD.
* Crear formularios inteligentes en el sitio que envíen datos a las automatizaciones de Hablla.
* Redirigir visitantes directamente a tu equipo de WhatsApp.
* Rastrear accesos y campañas de marketing.

***

### ✅ Beneficios

* Centralización de la gestión de tags.
* Mayor agilidad y autonomía para el marketing.
* Integración nativa con el **MCI – Marketing Conversacional Integrado**.
* Reducción de la dependencia de TI para ajustes rápidos en el sitio.
