> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://hoopdecor.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Como adicionar o script da Hoop ao seu Google Tag Manager

Introdução 
Esse guia ensinará você a como adicionar o script da Hoop ao seu Google Tag Manager. A integração da Hoop com seu site será importante para que possamos rastrear o comportamento do usuário e mapear todos os eventos que ocorrem dentro do seu e-commerce! 

Para que possamos fazer esse tipo de integração, vamos primeiro acessar o sistema da Hoop e na sequência inserir o código/script na sua conta do Google Tag Manager.

                                                                                                                      **Sistema HoopCRM**

Passo 1: No sistema da Hoop, acesse “Marketing” e procure por “Campanhas avançadas”.


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-23_7w7mvd.png)

Passo 2:  Clique no botão verde na categoria “Default Campaign”. 


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed_1rijbs5.png)



Insira o título da campanha. Preencha os dados com “E-commerce” e depois clique em “Salvar”


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-25_1bc6ca4.png)


Depois de salvar, vamos editar nossa Campanha Avançada. Selecione o “ícone em verde” no canto direito da tela. 



![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-26_z23cbx.png)




Selecione a parte de “Integrações” e escolha sua loja de E-commerce. No exemplo abaixo, vamos supor que nossa loja é a Tray. 


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-27_wgw6a3.png)


Feito isso, você verá o código que será inserido no seu Google Tag Manager. Clique em copiar e guarde ele, pois você irá precisar nos próximos passos! 

![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-28_qejcnr.png)


                                                                                                                  **Google Tag Manager**
Passo 1: Acesse sua conta do Google Tag Manager.
Passo 2: Com os contêineres instalados no seu site, é hora de adicionar tags. Acesse o painel de Gerenciador de Tags

Importante: Não se preocupe caso não tenha experiência com códigos ou não tenha acesso ao código do seu site ou app para dispositivos móveis. Temos um desenvolvedor da Hoop à disposição que auxiliará durante esse processo. 

O que é um container?
Container é um arquivo JavaScript que armazena todas as tags, triggers e variáveis de um site ou aplicativo. Ele é adicionado ao código HTML do site ou aplicativo e permite que você faça alterações e implemente novas tags sem precisar alterar o código-fonte do site ou aplicativo. Saiba mais aqui

O que são as tags? 
Tags são um pedaço de código JavaScript que é adicionado ao código HTML de um site ou aplicativo com o objetivo de coletar dados ou realizar outras ações. É com a tag da Hoop que faremos o rastreamento de seus usuários no seu site. Saiba mais aqui




Passo 3: No gerenciador de tags, acesso o Espaço de trabalho e clique em Tags.


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-29_dw7jw4.png)

Passo 4: Para adicionar uma tag: clique em Nova. Escolha um nome e configure a tag:



![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-30_10m2i9r.png)


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-31_2x4sgx.png)

Você pode colocar como título da Tag: HoopCompany
Passo 5: Configuração da tag: escolha o tipo de tag que você quer gerenciar. 

O Google Tag Manager oferece uma série de tipos de tags disponíveis. 
No nosso caso, vamos escolher a opção de terceiros, ou seja, uma “HTML personalizada”: 


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-32_k6kgo9.png)

Em configuração da Tag, cole o script de integração do seu e-commerce que fizemos lá no primeiro passo. 


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-33_v11gih.png)
Passo 6: Configure o Acionamento

Após adicionar o script, selecione a opção de “Acionamento”. O acionamento determina quando o script da Hoop será acionado ou bloqueado. Você pode ter acionadores de disparo e de bloqueio. 

Como rastreamos todos os eventos dos usuários dentro do seu e-commerce, selecione pela opção “All pages”.  


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-34_12ylk5q.png)


Feito isso, clique no botão “Salvar”, localizado no canto superior direito.

Passo 7: Hora de publicar a tag!

Depois de adicionar as tags, vamos publicá-la. Após confirmar título, script e acionamento, clique em “Enviar”, localizado no canto superior direito da tela. 


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-35_1szl26o.png)


Selecione a opção “Publicar e Criar versão”. 


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-36_1o4eeb4.png)


Ao criar sua versão, insira as informações de nome da versão e descrição da versão. Você pode intitular eles de “HoopScript” e “script de captura home e checkout”, respectivamente. 


![](https://storage.crisp.chat/users/helpdesk/website/377a4172135ea400/unnamed-37_njeai3.png)


Feito isso, clique em “Publicar”.

Para confirmar que a Tag foi devidamente instalada, deve constar na lista de tags instaladas. Procure por HoopCompany através do ícone da “Lupa”. 

Está feito! A integração da HoopCRM com seu e-commerce foi concluída com sucesso. 

**Conclusão**
Para que o script comece a funcionar perfeitamente, serão necessários alguns dias para mapearmos todo seu site. Não se preocupe, assim que os eventos começarem a ser capturados informaremos a você nas próximas reuniões!

