Instale o código de rastreamento do HubSpot
Ultima atualização: Agosto 9, 2023
Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:
|
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.
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 o desenvolvedor da web estiver instalando o código, ele deverá ter uma conta de usuário da HubSpot.
- Se estiver usando um aplicativo de página única, confira a documentação de desenvolvedores para configurar o rastreamento.
- Se estiver hospedando todos os domínios ou subdomínios externamente, adicione também seu(s) domínio(s) e/ou subdomínio(s) às 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
- Na sua conta da HubSpot, clique em settings ícone de configuração na barra de navegação principal.
- 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.
As seções a seguir também podem ajudar se você estiver usando um sistema de gerenciamento de conteúdo específico.
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.
- 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
Observação: se estiver usando a Integração do Shopify, você não precisará 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, 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.
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.
- Se ainda não tiver feito isso, instale o Gerenciador de tags do Google em seu site.
Código adicionar para categorizar os dados em tipos de página do HubSpot
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
ousite-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.