Como instalar o código de rastreamento da HubSpot

Ultima atualização: April 26, 2018

Disponível para

: Free, Starter, Basic, Pro, Enterprise
: Free, Professional,
: N/A

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. Este artigo explicará como começar a rastrear a atividade do seu site pela HubSpot. 

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.

O código de rastreamento é instalado automaticamente em todas as páginas hospedadas na HubSpot. Se não estiver hospedando o site inteiro na HubSpot, você terá que instalar o código de rastreamento manualmente no site de acordo com as instruções abaixo. Caso esteja usando um aplicativo de página única, consulte esta documentação no Fórum do desenvolvedor para saber como configurar o rastreamento.

1. Atribua essa tarefa a alguém na sua equipe

  • Se você tiver acesso ao HTML do site (ou ao sistema de gerenciamento de conteúdo), poderá realizar as etapas abaixo sozinho.
  • Se você não tiver acesso ao HTML do site, envie a URL deste artigo ao seu departamento de TI ou desenvolvedor Web. 
Observação: quem for instalar o código de rastreamento precisará fazer login na HubSpot para concluir as etapas, então crie uma conta de usuário da HubSpot para essa pessoa. Para lembrar-se de como criar uma nova conta de usuário da HubSpot, clique aqui.

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

Navegue até o código de rastreamento na conta da HubSpot:

  • Clique na sua foto ou avatar no canto superior direito e clique em Configurações.

  • Selecione Instalar código e rastreamento no menu da barra lateral esquerda. Na guia Código de rastreamento, clique em Copiar, sob o campo Código incorporado.

  • Se for usuário do HubSpot CRM Free ou Sales Professional e estiver configurando a ferramenta de prospects, acesse o código de rastreamento em Ferramentas de vendas > Prospects. Selecione Personalizar > Exibir código de rastreamento, no canto superior direito.  

Observação: o código de rastreamento é diferente para cada conta da HubSpot e corresponde ao número da conta da HubSpot.

3. Cole o código sobre a tag de fechamento do corpo em cada página do site

Cole o código logo antes da tag no código HTML de cada página do site. Em uma exibição do código HTML de uma página, o código de rastreamento teria esta aparência incluído antes da tag: 

Para testar e ter certeza de que o código está funcionando, siga as instruções aqui.

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

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 com o plug-in

Para instalar o código de rastreamento da HubSpot em um site WordPress, instale o plug-in Código de rastreamento da HubSpot para WordPress na sua instância do WordPress. 

O plug-in realiza as seguintes ações:
  • Instala o código de rastreamento da HubSpot no site WordPress.
  • Define o tipo de conteúdo para filtragem entre páginas e posts na sua ferramenta de desempenho de página.
  • Cria contatos com uma fase de ciclo de vida de Assinante quando formulários que não são da HubSpot são preenchidos no site.
Observação: o plug-in Código de rastreamento da HubSpot para WordPress substitui o plug-in HubSpot para WordPress. Diferentemente do antigo, esse plug-in não inclui vários recursos obsoletos e aumenta a confiabilidade do plug-in. Agora, formulários e CTAs devem ser incorporados diretamente no editor WordPress. O WordPress não transmite mais metainformações, como data de publicação e contagem de comentários, para a ferramenta de desempenho da página. 

Requisitos

  • Seu site ou blog deve estar usando uma instalação do WordPress.org. O plug-in de código de rastreamento não pode ser instalado em sites WordPress.com, pois não eles permitem a adição de plug-ins ou Javascript.
  • A versão 3.0 ou posterior do WordPress deve estar instalada no seu servidor (a versão mais recente é recomendável).
  • função wp_footer deve estar incluída no arquivo de rodapé do seu tema do WordPress (footer.php). Essa função é necessária para que o código de rastreamento seja instalado em cada página do site.
  • Você deve ser administrador do WordPress para instalar plug-ins para o site. Se você não for administrador, poderá encaminhar estas instruções para a pessoa que gerencia sua instalação do WordPress.

1. Fazer login na conta do WordPress

Faça login na sua conta do WordPress. Geralmente, é possível acessar a tela de login adicionando /wp-admin à URL. 

HubSpot Help article screenshot

2. Adicionar novo plug-in

Posicione o ponteiro do mouse sobre o item de menu Plug-ins , no menu lateral do WordPress, e clique em Adicionar Novo.

HubSpot Help article screenshot

3. Pesquisar o plug-in da HubSpot

Digite Código de rastreamento da HubSpot (ou HubSpot Tracking Code) no campo de pesquisa e clique em Pesquisar Plug-ins para pesquisar o plug-in da HubSpot.

HubSpot Help article screenshot

4. Instalar o plug-in

Clique em Instalar agora para instalar a versão mais recente do plug-in Código de rastreamento da HubSpot para WordPress no seu site WordPress.

HubSpot Help article screenshot

5. Ativar o plug-in

Clique no link Ativar plug-in para ativar o plug-in no site WordPress.

HubSpot Help article screenshot

A mensagem Plug-in ativado será exibida para confirmar que o plug-in está ativo. Em seguida, configure o plug-in para funcionar com sua conta da HubSpot.

HubSpot Help article screenshot

6. Editar configurações do plug-in

Posicione o ponteiro do mouse sobre Configurações no menu lateral do WordPress e clique no item de configurações da HubSpot.

HubSpot Help article screenshot

7. Inserir sua ID do Hub

Insira sua ID do Hub e clique em Salvar configurações.

HubSpot Help article screenshot

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

Embora seja recomendável usar o plug-in Código de rastreamento da HubSpot para WordPress, é 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 no wordpress.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. 

As instruções a seguir explicam como instalar o código de rastreamento manualmente em seu site WordPress: 

  • 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.  

  • Selecione Rodapé no menu da barra lateral esquerda. Em seguida, cole o código de rastreamento e selecione Atualizar arquivo

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

As instruções a seguir explicam como 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, selecione Online Store (Loja online) > Themes (Temas).    

  • Próximo ao lado direito da tela, selecione Actions (Ações) > Edit code (Editar código).
  • Nessa tela, selecione o arquivo theme.liquid para o seu tema.  

  • Cole o código de rastreamento da HubSpot logo antes da tag nesse arquivo. Em seguida, clique em Save (Salvar) no canto superior direito.

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

As instruções a seguir explicam como 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).

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

As instruções a seguir explicam como 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.  
  • 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.

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

Para instalar o código de rastreamento da HubSpot em seu site Wix, você precisará usar o App Market no Wix para adicionar um widget HTML à sua página. As instruções a seguir explicam como instalar o código de rastreamento em um site Wix:  

  • Siga as etapas acima para copiar o código de rastreamento da HubSpot na sua conta da HubSpot.   
  • Navegue até o editor de site na sua conta do Wix. Em seguida, clique em App Market no lado esquerdo. 
  • Nessa janela, procure o html até encontrar o aplicativo HTML iFrame/Embed feito pelo Wix e clique em + Adicionar ao Site.  

  • Após a adição desse widget ao site, clique no ícone de configurações (engrenagem) dentro desse módulo e clique no botão de seleção ao lado de Código. Em seguida, insira o código de rastreamento da HubSpot na caixa de texto dentro dessa janela e clique em Atualizar

Observação: o Wix não aceita código personalizado, então o código de rastreamento da HubSpot deve ser adicionado a cada página do Wix usando um HTML iFrame. Como a maioria dos navegadores define o cabeçalho HTTP de referência para o local do arquivo iFrame, em vez da URL da página que está sendo visualizada, seu relatório de páginas (se você for usuário do Marketing Basic, Professional ou Enterprise) poderá exibir apenas os dados para as URLs do iFrame, em vez das URLs das páginas reais.

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 (Extensões) > Templates (Modelos) > Templates (Modelos).  

  • Clique no nome 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 Save (Salvar). 

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

As instruções abaixo explicam como instalar o código de rastreamento em um site Squarespace (você também pode obter mais informações sobre a injeção de código no Squarespace aqui): 

  • 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

As instruções a seguir explicam como adicionar 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 seu contê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

Índice

    Artigo anterior:

    Próximo artigo: