# Landing Page - Como adicionar o ID de acompanhamento

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

**Passo a Passo para Adicionar a Tag do Google**

Adicionar a tag do Google na sua landing page é um processo simples, mas essencial para acompanhar o desempenho do seu site e coletar dados valiosos. Siga os passos abaixo para configurar a tag corretamente usando um container de HTML no SprintHub.

**Passo 1: Copiar o Código da Tag do Google**

Primeiro, você precisa obter o código da tag do Google que deseja adicionar ao seu site. Isso pode ser feito através do Google Tag Manager ou diretamente de outras plataformas do Google. No exemplo fornecido, o código é o seguinte:

{% hint style="info" %}
Lembrando que para cada conta do tag manager tem um código diferente, é necessário criar o seu acesso para ter um código parecido com o do exemplo.
{% endhint %}

<figure><img src="https://docs.sprinthub.com/~gitbook/image?url=https%3A%2F%2F3534414179-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9FzUKkagBNy5uQ7AtGNa%252Fuploads%252FCGGmJa4PFoHblj4QfxgV%252Fimage.png%3Falt%3Dmedia%26token%3De99dbea5-6c40-4560-bc60-687eb3b417cd&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=ed54877a&#x26;sv=1" alt=""><figcaption></figcaption></figure>

<pre class="language-html"><code class="lang-html"><strong>&#x3C;script async src="https://www.googletagmanager.com/gtag/js?id=AW-16533322872">&#x3C;/script>
</strong>&#x3C;script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-16533322872');
&#x3C;/script>
</code></pre>

Porém vamos adicionar na LP de forma separada:

**No header:**&#x20;

<pre class="language-html"><code class="lang-html"><strong>&#x3C;script async src="https://www.googletagmanager.com/gtag/js?id=AW-16533322872">&#x3C;/script>
</strong></code></pre>

**No Body:**

```html
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-16533322872');
```

**Passo 2: Acessar o Editor de Landing Pages no SprintHub**

**Acesse o Editor**: Navegue até o editor da sua landing page no SprintHub.

**Selecionar Código customizado**: No editor, vá até a sessão direita e escolha "Código Customizado":

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

**Adicionar no Container os scripts**: abra o editor avançado ou selecione dentro da caixa de texto, e cole os códigos acima.

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

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

**Verificar a Conexão**

Por último, utilize a opção "Teste a conexão" para garantir que a tag foi configurada corretamente e está coletando dados.

{% embed url="<https://tagassistant.google.com/>" %}

**Conclusão**

Adicionar a tag do Google na sua landing page é uma tarefa simples que pode trazer grandes benefícios ao permitir que você monitore e analise o desempenho do seu site. Seguindo esses passos, você garante que o código seja inserido corretamente e comece a coletar dados valiosos imediatamente.

***

**Nota**: As imagens fornecidas mostram o processo visual de como inserir a tag no editor de landing pages do SprintHub. Certifique-se de seguir os passos visuais juntamente com o guia textual para uma implementação precisa.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sprinthub.com/topicos/atrair/landing-page/landing-page-google-tag-manager/landing-page-como-adicionar-o-id-de-acompanhamento.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
