# Hablla Tag Manager

## Hablla Tag Manager

Le **Hablla Tag Manager** fonctionne comme un *conteneur intelligent*, permettant de surveiller et de suivre les interactions des utilisateurs sur votre site.\
Avec lui, vous pouvez configurer **événements personnalisés**, collecter des données et automatiser des actions stratégiques directement via Hablla, sans dépendre d'implémentations externes complexes.

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

### 📌 Accéder au Hablla Tag Manager

Dans le menu latéral, accédez à :

**Marketing > Hablla Tag Manager**

Sur l'écran d'accueil, vous verrez tous les conteneurs créés, avec les informations suivantes :

* **Nom**
* **Domaine lié**
* **Date de création**

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

### ➕ Créer un nouveau conteneur

Cliquez sur **Ajouter** pour créer un nouveau Tag Manager.

Vous pourrez définir :

* **Nom du conteneur**
* **Domaine** où le script sera installé

Une fois créé, Hablla génère automatiquement un **script d'installation** qui doit être ajouté à l'intérieur de la balise `<head>` du site :

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

### ⚙️ Gestion des Tags

Dans un conteneur, il est possible de visualiser et de créer de nouvelles **balises**:

Chaque balise possède :

* **Nom**
* **Type** (cookies, suivi, formulaire, etc.)
* **Date de création**

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

### 🏷️ Types de Tags disponibles

Hablla propose différents types de tags qui peuvent être configurés :

#### 1. Bannière de cookies

Permet de configurer l'avis d'utilisation des cookies du site.\
Il est possible de personnaliser :

* Emplacement d'affichage (bas à droite, bas à gauche, etc.)
* Thème (clair ou sombre)
* Message de la politique de confidentialité
* URL de la politique

<figure><img src="https://2835740493-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. Formulaire WhatsApp

Affichez un **pop-up de contact** directement sur le site, intégré à WhatsApp.

Paramètres possibles :

* Titre, description et message de bienvenue
* Téléchargement d'image et couleur personnalisée
* URL de la politique de confidentialité
* Envoyer les données à un **Webhook**
* Rediriger directement vers un **numéro WhatsApp**

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

### 🔗 Exemple d'utilisation stratégique

Avec le Hablla Tag Manager, vous pouvez :

* Afficher un avis de cookies conforme à la LGPD.
* Créer des formulaires intelligents sur le site qui envoient des données aux automatisations de Hablla.
* Rediriger les visiteurs directement vers votre équipe WhatsApp.
* Suivre les accès et les campagnes marketing.

***

### ✅ Avantages

* Centralisation de la gestion des tags.
* Plus de rapidité et d'autonomie pour le marketing.
* Intégration native avec le **MCI – Marketing Conversationnel Intégré**.
* Réduction de la dépendance à l'IT pour des ajustements rapides sur le site.
