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”.
Passo 2: Clique no botão verde na categoria “Default Campaign”.
Insira o título da campanha. Preencha os dados com “E-commerce” e depois clique em “Salvar”
Depois de salvar, vamos editar nossa Campanha Avançada. Selecione o “ícone em verde” no canto direito da tela.
Selecione a parte de “Integrações” e escolha sua loja de E-commerce. No exemplo abaixo, vamos supor que nossa loja é a Tray.
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!
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.
Passo 4: Para adicionar uma tag: clique em Nova. Escolha um nome e configure a tag:
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”:
Em configuração da Tag, cole o script de integração do seu e-commerce que fizemos lá no primeiro passo.
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”.
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.
Selecione a opção “Publicar e Criar versão”.
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.
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!
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”.
Passo 2: Clique no botão verde na categoria “Default Campaign”.
Insira o título da campanha. Preencha os dados com “E-commerce” e depois clique em “Salvar”
Depois de salvar, vamos editar nossa Campanha Avançada. Selecione o “ícone em verde” no canto direito da tela.
Selecione a parte de “Integrações” e escolha sua loja de E-commerce. No exemplo abaixo, vamos supor que nossa loja é a Tray.
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!
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.
Passo 4: Para adicionar uma tag: clique em Nova. Escolha um nome e configure a tag:
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”:
Em configuração da Tag, cole o script de integração do seu e-commerce que fizemos lá no primeiro passo.
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”.
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.
Selecione a opção “Publicar e Criar versão”.
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.
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!
Atualizado em: 04/05/2023
Obrigado!