Central de conhecimento HubSpot

Instale o código de rastreamento do HubSpot

Written by HubSpot Support | 18/set/2024 13:15:00

O código de rastreamento da HubSpot é exclusivo para cada conta da HubSpot e permite que a HubSpot monitore o tráfego do seu site. O código de rastreamento é incluído automaticamente nas páginas de blog da HubSpot, landing pages e páginas do site.

Se você tiver páginas hospedadas externamente (ou seja, páginas que não estão no HubSpot), você deve instalar o código de rastreamento da HubSpot manualmente para capturar análises para essas páginas.

Saiba mais sobre como o código de rastreamento permite acompanhar os visitantes ao seu site.

Se você usar o Código de rastreamento da HubSpot, os dados dos seus visitantes serão coletados e usados para monitorar o tráfego do site. A HubSpot também usa determinados dados coletados do código de rastreamento para melhorar seus produtos e serviços, incluindo o conjunto de dados comerciais do Breeze Intelligence. Você pode desativar o compartilhamento de dados com a HubSpot navegando até as configurações da conta. Saiba mais sobre os dados que são coletados pelo código de rastreamento da HubSpot.

Observação:

Copiar o código de rastreamento do HubSpot

  • Acesse as configurações de Rastreamento e análises:
    • Nas contas que só têm acesso ao Marketing Starter ou às ferramentas gratuitas da HubSpot, acesse Código de rastreamento no menu da barra lateral esquerda.
    • Para todas as outras assinaturas, acesse Rastreamento e análises > Código de rastreamento no menu da barra lateral esquerda.
  • Na da seção Código incorporado, clique em Copiar ou em Enviar por e-mail para o desenvolvedor Web para enviar o código de rastreamento para o membro da equipe que o instalará no seu site.

  • Instale o código de rastreamento no seu site.

Instalar o código de rastreamento no seu site

Para instalar o código de rastreamento, cole o código antes da tag de fechamento </body> no código HTML de cada página do seu site. Depois de instalar o código de rastreamento, saiba como verificar a instalação e a solução de problemas do código.

Ao mesmo tempo, a maioria dos sistemas de gerenciamento de conteúdo e seus desenvolvedores podem instalar o código para todas as páginas no seu site, como um arquivo de rodapé citado em todas as páginas. Verifique com seus desenvolvedores como eles podem ajudar com isso.

Depois de adicionar o código de rastreamento a qualquer página que não seja hospedada pela HubSpot, você deve adicionar os domínios de site externos às suas configurações de relatórios para incluí-los nas análises do HubSpot. 

As seções a seguir também podem ajudar se você estiver usando um sistema de gerenciamento de conteúdo específico.

Observação: como cada site tem uma estrutura diferente, essas etapas podem não ser as instruções exatas sobre como acessar seu código HTML. Se não tiver certeza de como acessar o código HTML do seu site, entre em contato com o webmaster, o departamento de TI ou o desenvolvedor e mostre este artigo para eles.
 

Instalar o código de rastreamento em um site do WordPress

É altamente recomendado que você instale e use o plug-in do HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress. O plug-in instala automaticamente o código de rastreamento da HubSpot no site do WordPress para você.

Se não for possível instalar o plug-in do WordPress para o HubSpot, você pode instalar manualmente o código de rastreamento da HubSpot:

  • Siga as etapas acima para copiar o código de rastreamento da HubSpot na sua conta da HubSpot.
  • Faça login na sua conta do WordPress.
  • No menu da barra lateral esquerda, vá para Aparência > Editor.
  • Na lista de arquivos de tema à direita do editor, selecione Rodapé.
  • Cole o código de rastreamento e selecione Atualizar arquivo

Observação:
  • Se você instalar manualmente o código de rastreamento e tiver uma assinatura do Marketing Hub da HubSpot, a HubSpot não poderá diferenciar posts e páginas do WordPress em suas análises.
  • Se o seu site estiver hospedado no WordPress.com, você não poderá adicionar o código de rastreamento da HubSpot ao site, a menos que faça parte do plano Business deles. Outros planos (por exemplo, Premium, Personal) não permitem que os usuários adicionem qualquer código JavaScript.

Instalar o código de rastreamento em um site Shopify

  • Siga as etapas acima para copiar o código de rastreamento da HubSpot na sua conta da HubSpot.
  • Faça login no seu painel de administração do Shopify.
  • No menu da barra lateral à esquerda, vá para Loja online > Temas
  • Clique no menu suspenso Ações e selecione Editar código.
  • Selecione o arquivo theme.liquid para o seu tema.

  • Cole o código de rastreamento do HubSpot logo antes da tag </body> nesse arquivo.
  • No canto superior direito, clique em Criar.

Instalar o código de rastreamento em um site Drupal

  • Siga as etapas acima para copiar o código de rastreamento da HubSpot na sua conta da HubSpot.
  • Faça login no painel de administração do Drupal.
  • No menu de navegação principal, vá para Estrutura.
  • Clique em Blocos.

  • Clique em + Adicionar bloco.
  • Preencha os campos para o novo bloco. Cole o código de rastreamento no campo Corpo do bloco e clique em Salvar bloco.

Instalar o código de rastreamento em um site Magento

Siga as etapas acima para copiar o código de rastreamento da HubSpot na sua conta da HubSpot. Em seguida, consulte o guia do usuário de design do Magento para obter instruções sobre como instalar o código JavaScript de terceiros no HTML de cabeçalho.

Instalar o código de rastreamento em um site Wix

Use o App Market no Wix para adicionar um widget HTML à sua página: 

  • Siga as etapas acima para copiar o código de rastreamento da HubSpot na sua conta da HubSpot.
  • Acesse Configurações no painel do seu site.
  • Clique na guia Código personalizado na seção Avançado.
  • Clique em + Adicionar código personalizado no canto superior direito.
  • Cole o código de rastreamento na caixa de texto. 
  • Defina o Nome da nova ferramenta para o código de rastreamento da HubSpot.
  • Em Adicionar código a páginas clique no botão de seleção para Todas as páginase use o banner para selecionar Carregar código em cada nova página.
  • Na seção Colocar código em, cliqueno botão de seleção para a opção Corpo - fim.
  • Clique em Aplicar para salvar suas alterações.
 
Se estiver usando um chat ao vivo ou um bot no seu site Wix, você poderá seguir as etapas acima para adicionar o fluxo de chat a todas as páginas, ou trabalhar com um desenvolvedor para usar o SDK do widget de chat para direcionar páginas específicas. Use o método .widget-refresh para especificar fluxos de chat diferentes em páginas diferentes. Saiba mais nos documentos para desenvolvedores da HubSpot. 
 

Como instalar o código de rastreamento em um site Joomla

Há duas maneiras de adicionar o código de rastreamento do HubSpot a um site Joomla. Em qualquer um dos métodos, primeiro você precisará copiar o código de rastreamento do HubSpot seguindo as etapas acima.

Selecione uma extensão no Diretório de extensões do Joomla no qual poderá colar o código de rastreamento do HubSpot. Outra opção é seguir as etapas abaixo para instalar o código de rastreamento:

  • Faça login na sua conta do Joomla como administrador.
  • No menu de navegação principal, vá para Extensões > Modelos > Modelos.
  • Clique no nome do seu modelo e selecione index.php no menu da barra lateral esquerda.
  • Cole o código de rastreamento do HubSpot diretamente sobre a tag </body>.
  • Clique em Salvar.

 

Instalar o código de rastreamento em um site do Squarespace

  • Siga as etapas acima para copiar o código de rastreamento da HubSpot na sua conta da HubSpot.
  • Faça login na sua conta do Squarespace.
  • No menu da barra lateral esquerda, vá para Configurações.
  • Na seção Site do menu, vá para Avançado e selecione Injeção de código.
  • Cole o código de rastreamento no campo Cabeçalho.
  • Na parte superior esquerda, clique em Salvar.

Como instalar o código de rastreamento usando o Gerenciador de tags do Google

  • Siga as etapas acima para copiar o código de rastreamento da HubSpot na sua conta da HubSpot.
  • Em uma nova guia ou janela do navegador, faça login na sua conta do Gerenciador de tags do Google.
  • Selecione seu contêiner.
  • No menu da barra lateral esquerda, vá para Tags.
  • Clique em Novo.

  • Clique em Configuração da tag
  • Para o Tipo de tag, escolha Tag HTML personalizada. Em seguida, dê um nome à tag.
  • Cole o código de rastreamento no campo HTML.
  • Abaixo de Configuração da tag, clique em Disparar para configurar uma regra de disparo. Se você não configurar uma regra de disparo, a tag não será disparada, e os dados de análise do Hubspot não serão coletados.
  • Para que a tag seja disparada em todas as páginas com o código do Gerenciador de tags do Google instalado (recomendado), selecione a opção para Todas as páginas.

  • Clique em Salvar para salvar a nova tag.
  • Na parte superior direita, clique em Publicar para salvar seu contêiner e as tags.

Código adicionar para categorizar os dados em tipos de página do HubSpot

Se estiver usando relatórios de atribuição de criação de contatos, relatórios de atribuição de receita ou a guia Páginas na ferramenta Análise de tráfego e quiser categorizar os dados dos visitantes das suas páginas externas em tipos de página específicos, peça para sua equipe de desenvolvedores adicionar o seguinte código às suas páginas:
 
var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);

Substitua o texto CONTENT_TYPE no código pela expressão do tipo de conteúdo ao qual deseja atribuir crédito.

  • Para atribuir crédito ao tipo de conteúdo Página de site, use as expressões standard-page ou site-page.
  • Para atribuir crédito ao tipo de conteúdo Landing page, use a expressão landing-page.
  • Para atribuir crédito ao tipo de conteúdo Página de listagem, use a expressão listing-page.
  • Para atribuir crédito ao tipo de conteúdo Post de blog, use a expressão blog-post.
  • Para atribuir crédito ao tipo de conteúdo Artigo de conhecimento, use a expressão knowledge-article.

Depois de adicionado, os dados relacionados à sua página externa deverão ser categorizados no tipo de página que você selecionou no código. Saiba como esse código funciona na documentação para desenvolvedores.