# Hablla Tag Manager

## Hablla Tag Manager

O **Hablla Tag Manager** funciona como um *container inteligente*, permitindo monitorar e rastrear interações dos usuários no seu site.\
Com ele, você pode configurar **eventos personalizados**, coletar dados e automatizar ações estratégicas diretamente pela Hablla, sem depender de implementações externas complexas.

<figure><img src="https://1879311494-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>

### 📌 Acessando o Hablla Tag Manager

No menu lateral, acesse:

**Marketing > Hablla Tag Manager**

Na tela inicial você verá todos os contêineres criados, com as informações de:

* **Nome**
* **Domínio vinculado**
* **Data de criação**

<figure><img src="https://1879311494-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>

### ➕ Criando um novo container

Clique em **Adicionar** para criar um novo Tag Manager.

Você poderá definir:

* **Nome do container**
* **Domínio** onde o script será instalado

Após criado, a Hablla gera automaticamente um **script de instalação** que deve ser adicionado dentro da tag `<head>` do site:

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

### ⚙️ Gerenciando as Tags

Dentro de um container, é possível visualizar e criar novas **tags**:

Cada tag possui:

* **Nome**
* **Tipo** (cookies, rastreamento, formulário, etc.)
* **Data de criação**

<figure><img src="https://1879311494-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 disponíveis

A Hablla oferece diferentes tipos de tags que podem ser configuradas:

#### 1. Cookie Banner

Permite configurar o aviso de uso de cookies do site.\
É possível personalizar:

* Local da exibição (inferior direito, inferior esquerdo, etc.)
* Tema (claro ou escuro)
* Mensagem da política de privacidade
* URL da política

<figure><img src="https://1879311494-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. Formulário de WhatsApp

Exiba um **pop-up de contato** diretamente no site, integrado com WhatsApp.

Configurações possíveis:

* Título, descrição e texto de boas-vindas
* Upload de imagem e cor personalizada
* URL da política de privacidade
* Enviar dados para um **Webhook**
* Redirecionar direto para um **número de WhatsApp**

<figure><img src="https://1879311494-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://1879311494-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>

### 🔗 Exemplo de uso estratégico

Com o Hablla Tag Manager, você pode:

* Exibir um aviso de cookies conforme LGPD.
* Criar formulários inteligentes no site que enviam dados para automações da Hablla.
* Redirecionar visitantes diretamente para seu time de WhatsApp.
* Rastrear acessos e campanhas de marketing.

***

### ✅ Benefícios

* Centralização da gestão de tags.
* Maior agilidade e autonomia para o marketing.
* Integração nativa com o **MCI – Marketing Conversacional Integrado**.
* Redução da dependência de TI para ajustes rápidos no site.
