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 mostra todo o processo — criar uma conta no GTM, adicionar o snippet do GTM ao seu site e inserir o código de chat Smartsupp como uma tag.
Dividimos o guia nas seguintes seções:
Criar uma conta no GTM
Se você ainda não tem uma conta no Google Tag Manager, acesse tagmanager.google.com e entre com a sua conta Google. Clique em Create Account, insira o nome da conta e selecione seu país.
Configure um container para o seu site. Digite a URL do seu site e selecione Web como a plataforma de destino, depois clique em Create.
Aceite os Termos de Serviço para continuar.
Instalar o GTM no seu site
Depois de criar sua conta, o GTM mostrará dois trechos de código (snippets). Você precisa adicioná-los ao HTML do seu site:
Cole o primeiro snippet o mais alto possível na seção <head>.
Cole o segundo snippet imediatamente após a abertura da tag <body>.
Dica: Se você usa uma plataforma como Wordpress, Shopify ou Prestashop, pode ser que você já tenha um plugin Smartsupp integrado — confira nosso guia de instalação para a sua plataforma antes de usar o GTM.
Você também pode acessar os snippets do GTM mais tarde clicando no ID do seu container (por exemplo, GTM-XXXXXX) no topo do painel de controle do GTM.
Criar uma nova tag
No painel de controle do GTM, clique em Add a new tag (ou vá em Tags > New). Dê um nome para a sua tag, por exemplo Smartsupp Chat.
Clique na área Tag Configuration e selecione Custom HTML como o tipo de tag.
Inserir o código Smartsupp
Encontre seu código de chat Smartsupp exclusivo no painel de controle em Settings > Chatbox > Installation > Insert code. Copie todo o snippet de código.
Cole o código no campo HTML da sua nova tag no GTM. Depois, clique na seção Triggering abaixo e selecione All Pages — isso garante que o widget de chat Smartsupp carregue em todas as páginas do seu site.
Observação: Certifique-se de colar o código completo, incluindo as tags <script>. Diferente de algumas plataformas, o GTM aceita HTML completo, incluindo tags de script, no tipo de tag Custom HTML.
Publicar a tag
Clique em Save para salvar sua tag e, em seguida, clique no botão Submit no canto superior direito do painel do GTM.
Adicione um nome e uma descrição para a versão (opcional) e clique em Publish.
Verificar a instalação
Abra seu site em uma nova aba do navegador e atualize a página. O widget de chat Smartsupp agora deve estar visível em um canto do seu site.
Dica: Se você não vir o widget de chat, tente limpar o cache do navegador ou abrir o site em uma janela anônima. Também confirme se o código do container do GTM está 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.
O que vem depois?
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? — solucione os problemas de instalação mais comuns.
Baixar plugins — explore todas as integrações de plataforma disponíveis.
💡 Precisa de mais ajuda? Entre em contato com nossa equipe de suporte — ficaremos felizes em ajudar você!