> For the complete documentation index, see [llms.txt](https://ola.meajuda.cc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ola.meajuda.cc/delivery-salao/integracoes/google-tag-manager-gtm.md).

# Google Tag Manager (GTM)

### **O que faz o Google Tag Manager?** 

Google Tag Manager é uma ferramenta gratuita do Google, pela qual é possível inserir apenas um código em um site, para depois instalar diversos serviços sem precisar mexer nesse código. Ao centralizar a gestão de códigos no GTM, o marketing ganha autonomia e melhora a produtividade.

### **Introdução sobre o Google Tag Manager:**

{% embed url="<https://support.google.com/tagmanager/answer/6102821?hl=pt-BR>" %}

Se você já configurou ou usa o Google Tag  Manager, para configurá-lo em sua loja, basta acessar o menu **Integrações** no painel e clicar em **Google Tag Manager (GTM)**. Uma tela surgirá a direita para ativar a ferramenta e colocar o seu **ID do GTM**:

<figure><img src="/files/y5UQKb2ytDtAfh2R40F8" alt=""><figcaption></figcaption></figure>

***

### Como usar o DataLayer no Google Tag Manager (GTM)

O **DataLayer** é uma camada de dados que funciona como um “mensageiro” entre o seu site e o Google Tag Manager (GTM).&#x20;

É nele que ficam registrados eventos e informações importantes da navegação dos clientes, como visualizar produtos, adicionar ao carrinho ou iniciar o checkout.

Esses eventos podem ser usados para criar **gatilhos (acionadores)** e configurar **tags de acompanhamento** no GTM, como Google Analytics, Meta Ads e outras ferramentas de marketing.

<figure><img src="/files/1KMpr1NfPnisogTPURnS" alt=""><figcaption></figcaption></figure>

#### Onde visualizar o DataLayer

Você pode abrir o console do navegador (F12 → Aba **Console**) e digitar:

```javascript
window.dataLayer
```

Assim, será exibida a lista de eventos disparados, como no exemplo abaixo ([**veja todos os eventos aqui**](/delivery-salao/integracoes/google-analytics.md)):

* **view\_item** → quando um produto é visualizado
* **add\_to\_cart** → quando o cliente adiciona ao carrinho
* **view\_cart** → quando acessa o carrinho
* **begin\_checkout** → quando inicia o checkout

#### Como usar esses eventos no GTM

1. No **Google Tag Manager**, vá em **Acionadores**.
2. Crie um novo acionador do tipo **Evento Personalizado**.
3. No campo **Nome do evento**, insira o evento desejado (ex: `add_to_cart`).
4. Salve e vincule esse acionador a uma tag (por exemplo, de Google Analytics ou Meta Ads).

Assim, sempre que o evento for registrado no **DataLayer**, sua tag será disparada.

#### Por que isso é importante?

* Permite medir com precisão cada etapa do funil de vendas.
* Dá mais controle sobre campanhas e anúncios.
* Facilita integrações com outras ferramentas sem precisar alterar o código do site.