O Google Tag Manager (GTM) é uma ferramenta gratuita do Google que permite gerenciar códigos de rastreamento e scripts no seu site sem editar diretamente o código-fonte. Este guia explica toda a configuração — como criar uma conta GTM, adicionar o trecho de código do GTM ao seu site e inserir o código de chat do Smartsupp como uma tag.
Dividimos o guia nas seguintes seções:
Criar uma conta GTM
Se você ainda não tem uma conta do Google Tag Manager, acesse tagmanager.google.com e entre com sua conta Google. Clique em Criar conta, insira o nome da sua conta e selecione seu país.
Configure um contêiner para o seu site. Insira a URL do seu site e selecione Web como plataforma de destino e clique em Criar.
Aceite os Termos de Serviço para continuar.
Instalar o GTM no seu site
Após criar sua conta, o GTM exibirá dois trechos de código. Você precisa adicioná-los ao HTML do seu site:
Cole o primeiro trecho de código o mais próximo possível do início da seção <head> .
Cole o segundo trecho de código imediatamente após a tag de abertura <body> .
Dica: Se você usa uma plataforma como WordPress, Shopify ou PrestaShop, talvez ela já tenha um plugin integrado do Smartsupp — confira nosso Guia de instalação para sua plataforma antes de usar o GTM.
Você também pode acessar os trechos de código do GTM mais tarde clicando no ID do seu contêiner (por exemplo, GTM-XXXXXX) na parte superior do painel de controle do GTM.
Criar uma nova tag
No painel de controle do GTM, clique em Adicionar uma nova tag (ou acesse Tags > Nova). Dê um nome à sua tag, por exemplo Chat do Smartsupp.
Clique na área Configuração da tag e selecione HTML personalizado como tipo de tag.
Inserir o código do Smartsupp
Encontre seu código de chat exclusivo do Smartsupp no painel de controle em Configurações > Caixa de chat > Instalação > Inserir código. Copie todo o trecho de código.
Cole o código no campo HTML da sua nova tag no GTM. Em seguida, clique na seção Acionamento abaixo e selecione Todas as páginas — isso garante que o widget de chat do Smartsupp seja carregado em todas as páginas do seu site.
Observação: Certifique-se de colar o código completo, incluindo as tags <script> . Diferentemente de algumas plataformas, o GTM aceita HTML completo, incluindo tags de script, no tipo de tag HTML personalizado.
Publicar a tag
Clique em Salvar para salvar sua tag e depois clique no botão Enviar no canto superior direito do painel de controle do GTM.
Adicione um nome e uma descrição para a versão (opcional) e clique em Publicar.
Verificar a instalação
Abra seu site em uma nova aba do navegador e atualize a página. O widget de chat do Smartsupp agora deve estar visível no canto do seu site.
Dica: Se você não vir o widget de chat, tente limpar o cache do navegador ou abrir seu site em uma janela anônima. Certifique-se também de que o código do contêiner do GTM esteja instalado corretamente no seu site.
Recursos relacionados:
Instalação do Smartsupp — visão geral completa de todos os métodos de instalação.
Caixa de chat multilíngue — configure o widget de chat em vários idiomas.
Qual é o próximo passo?
Configurações básicas da caixa de chat — Personalize cores, posição, mensagens de boas-vindas e muito mais.
Status da caixa de chat — Saiba como funciona o status do widget de chat e como controlá-lo.
Por que não consigo ver o chat no meu site? — Resolva os problemas de instalação mais comuns.
Baixar plugins — Explore todas as integrações disponíveis com plataformas.