Central de conhecimento HubSpot

Instale o código de rastreamento do HubSpot

Written by HubSpot Support | 31/jul/2018 14:08:31

O código de rastreio da HubSpot é exclusivo de cada conta da HubSpot e permite à HubSpot monitorizar o tráfego do seu Web 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.

Observação:

  • Você deve não instalar vários códigos de rastreamento da HubSpot em uma página. Se houver vários códigos de rastreamento da HubSpot instalados, o primeiro a ser carregado na página será disparado; qualquer código de rastreamento da HubSpot subsequente não funcionará.
  • Se o seu administrador de TI ou programador Web estiver a instalar o código, deve ter uma conta de utilizador da HubSpot .
  • Se estiver usando um aplicativo de página única, confira a documentação de desenvolvedores para configurar o rastreamento.
  • Se você estiver hospedando domínios inteiros ou subdomínios externamente, você também deve adicionar seu(s) domínio(s) e/ou subdomínio(s) às suas configurações no HubSpot.
  • O código de rastreamento não é suportado em sites AMP.
  • Se seu site externo estiver usando o WordPress, é recomendável instalar e usar o plug-in HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress. Isso instalará o código de rastreamento da HubSpot no site do WordPress.
  • Se um visitante tiver um bloqueador de publicidade instalado, isso poderá interferir no código de rastreamento.

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

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 a utilizar o contacto para criar relatórios de atribuição, relatórios de atribuição de receitas ou o separador Páginas na ferramenta Análise de tráfego e pretender que os dados dos visitantes das suas páginas externas sejam agrupados em tipos de página específicos, deve solicitar à sua equipa de programadores que adicione 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.