Reports

Como instalar o código de rastreamento da HubSpot

Ultima atualização: November 21, 2018

free

Se você não estiver hospedando o seu site inteiro na HubSpot, ou houver páginas do site não hospedadas na HubSpot, você precisará instalar o código de rastreamento nas páginas que não sejam da HubSpot para poder capturar os dados de análise.

O código de rastreamento da HubSpot ajuda a monitorar:

  • O desempenho do seu site para gerar tráfego e leads.
  • O que pode ser feito para melhorar o tráfego do seu site.
  • Uma inteligência de leads sofisticada que permite transformar mais leads de site em clientes.

Se estiver usando um aplicativo de página única, consulte adocumentação do desenvolvedorespara configurar o rastreamento.

Copie o código de rastreamento na sua conta da HubSpot

  • Na sua conta da HubSpot, clique no ícone de configurações settingsna barra de navegação principal.
  • No menu da barra lateral esquerda, vá para reportes> código de rastreamento.
  • Abaixo docampo Código incorporado, clique emCopiar.Ou clique emE-mail para meu desenvolvedor webpara enviar o código de rastreamento para o membro da equipe que será instalado no seu site. 

Observe:a instalação do código de rastreamento deve fazer login no HubSpot para concluir as etapas. Se você tiver uma pessoa de TI ou desenvolvedor web instalando o código, uma conta de usuário da HubSpot deve ser criada para a instalação do processo de instalação. 

código de cópia-rastreamento

Se for usuário do HubSpot CRM Free ou SalesProfessional e estiver configurando a ferramenta de seus prospects, acesse o código de rastreamento em Ferramentas de vendas > Prospects.

  • Na sua conta da HubSpot, navegue até Relatórios > Ferramentas de análise.
  • Clique em Prospects.
  • Clique em Ações e selecioneExibir código de rastreamento.

código-prospects

  • Na caixa de diálogo, clique em cópiar.
Observação: o código de rastreamento é diferente para cada conta da HubSpot e corresponde ao número da conta da HubSpot.

Cole o código de rastreamento em cada página do site

Cole o código logo antes da tag no código HTML de cada página do site.

Você pode testar seu código de rastreamento da HubSpot para verificar se está funcionando.

A seguir, há instruções mais específicas sobre como colar o código em diferentes hosts de site: 

Observe: Siga as instruções abaixo para WordPress se você não estiver usando o formulário do formulário de contato para WordPress-Ferramentas de conversão por HubSpot.

Saiba mais sobre como usar o formulário do formulário de contato para WordPress-Ferramentas de conversão por HubSpot.

Observação: como cada site/CMS tem uma estrutura diferente, não podemos fornecer 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, envie este documento por e-mail ao seu webmaster, departamento de TI ou recurso técnico.

A maioria dos sistemas de gerenciamento de conteúdo e departamentos de TI tem uma forma de fazer upload de um código em massa para todas as páginas do site. Às vezes, isso é feito com uma referência a um arquivo de rodapé em todas as páginas. Se você não tiver acesso ao sistema de gerenciamento de conteúdo, envie estas instruções para a pessoa encarregada.

Como instalar o código de rastreamento em um site WordPress sem o plug-in

Embora seja recomendável usar o formulário de contato para ferramentas WordPress de Conversão por HubSpot, também é possível instalar o código de rastreamento manualmente. Se você adicionar o código de rastreamento manualmente e for usuário do HubSpot Marketing Basic, Professional ou Enterprise, a HubSpot não poderá diferenciar posts de páginas em seus relatórios. 

Observação: se o seu site for hospedado nowordpress.com, você não poderá adicionar o código de rastreamento da HubSpot ao site. O WordPress não permite que usuários adicionem códigos JavaScript a sites wordpress.com, pois é um ambiente compartilhado. 

  • 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 e navegue até Aparência > Editor no menu da barra lateral esquerda.  

  • Na lista de arquivos no lado direito do editor, selecione Rodapé.
  • Em seguida, cole o código de rastreamento e selecione Atualizar arquivo

Instalar o código de rastreamento em um site Shopify

Observe:se estiver usando a integração do Shopify, você não precisa instalar o código de rastreamento separadamente.

  • 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, selecioneOnline Store (Loja online)> Themes (Temas).    

  • Clique nomenu suspenso Ações e selecione Editar código.
  • Selecione o arquivo theme.liquid para o seu tema.  

  • Cole o código de rastreamento da HubSpot logo antes da tag 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 e clique em Structure (Estrutura) no menu de navegação principal. Em seguida, selecione Blocks (Blocos).    

  • Clique em + Add Block (Adicionar bloco). 
  • Preencha os campos para o novo bloco. Cole o código de rastreamento no campo Block body (Corpo do bloco) e clique em Save block (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 HubSpot.  Consulte o guia do usuário de design do Magento para obter instruções sobre como instalar código JavaScript de terceiros no HTML de cabeçalho.

Instalar o código de rastreamento em um site Wix

Use o aplicativo App 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. 
  • Navegue atéseu Gerenciador de sites.
  • Na barra lateral esquerda, vá pararastreamento e análise.
  • Cliqueem PersonalizarouAdicionar nova ferramenta>Personalização.
  • Cole o código de rastreamento noCole código snippet aquicampo.
  • Defina o nomeda nova ferramenta para ocódigo de rastreamento da HubSpot.
  • Em Adicionar código para páginas clique nobotão de opçãoparaTodas as páginase use o menu suspensomenu para selecionarCódigo de carregamento em cada nova página.
  • Nocódigo de adesão naseção, cliqueno botãode opção para oBody-end.
  • Clique emAplicarpara salvar suas alterações. 

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

Há duas maneiras de adicionar o código de rastreamento da HubSpot a um site Joomla. Com os dois métodos, primeiro você precisará copiar o código de rastreamento da HubSpot seguindo as etapas acima.

Selecione uma extensão no Joomla Extension Directory (Diretório de extensões do Joomla) para colar o código de rastreamento da 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 e navegue até Extensions> Modelos>Modelos.  

  • Clique nonome do seu modelo e selecione index.php no menu da barra lateral esquerda. 
  • Cole o código de rastreamento da HubSpot sobre a tag . Em seguida, clique em Salvar

Como instalar o código de rastreamento em um site 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 e selecione Settings (Configurações) no menu da barra lateral esquerda.  

  • Na seção Website do menu, navegue até Advanced (Avançado) e Code Injection (Injeção de código). 
  • Cole o código de rastreamento no campo Header (Cabeçalho) e clique em Save (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 de navegador, faça login na sua conta do Gerenciador de tags do Google e selecione seucontêiner
  • Crie uma nova tag para o código de rastreamento da HubSpot clicando em Tags, no menu da barra lateral esquerda, e selecionando Nova.  

  • 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 Acionadores para configurar uma regra de disparo. Observe que, se você não configurar uma regra de disparo, a tag não será disparada e os dados de análise da 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 de Todas as páginas.  

  • Clique em Salvar para salvar a nova tag e em Publicar, no canto superior direito, para salvar o contêiner e as tags.  

  • Adicione o código do Gerenciador de tags do Google às páginas do seu site sob a tag , se ainda não estiver instalado. O código do Gerenciador de tags do Google está disponível na sua conta do Gerenciador de tags do Google na guia Administrador, em Instalar Gerenciador de tags do Google