O Google Tag Manager (GTM) é uma ferramenta gratuita da Google que permite gerir códigos de rastreamento e scripts no site, sem precisar editar diretamente o código-fonte. Este guia conduz por todo o processo de configuração — criar uma conta GTM, adicionar o snippet GTM ao site e inserir o código do chat Smartsupp como uma tag.
Este guia está dividido nas seguintes etapas:
Criar uma conta GTM
Se ainda não tiver uma conta no Google Tag Manager, aceda a tagmanager.google.com e inicie sessão com a sua conta Google. Clique em Criar Conta, preencha o nome da conta e escolha o país.
Configure um contentor para o site. Introduza o URL e selecione Web como plataforma de destino. Depois, clique em Criar.
Aceite os Termos de Serviço para avançar.
Instalar GTM no seu site
Depois de criar a conta, o GTM irá mostrar dois snippets de código. É necessário adicionar estes snippets ao HTML do site:
Cole o primeiro snippet o mais alto possível dentro da secção <head>.
Cole o segundo snippet logo após a tag de abertura <body>.
Dica: Se utiliza uma plataforma como WordPress, Shopify ou PrestaShop, pode já haver um plugin Smartsupp disponível — veja o nosso guia de instalação para a sua plataforma antes de usar o GTM.
Também é possível aceder aos snippets do GTM a qualquer momento clicando no ID do contentor (por exemplo, GTM-XXXXXX) no topo do painel do GTM.
Criar uma nova tag
No painel do GTM, clique em Adicionar uma nova tag (ou aceda a Etiquetas > Novo). Dê um nome à tag, por exemplo, Chat Smartsupp.
Clique em Configuração da Tag e selecione HTML Personalizado como tipo de tag.
Inserir o código do Smartsupp
Encontre o seu código de chat Smartsupp no painel em Definições → Canais → Chat ao Vivo → Instalação. Copie o snippet completo do código.
Cole o código no campo HTML da nova tag no GTM. Depois, clique na secção Acionadores em baixo e escolha Todas as Páginas — assim, o widget do chat Smartsupp será exibido em todas as páginas do site.
Nota: Certifique-se de colar o código completo, incluindo as tags <script>. Ao contrário de algumas plataformas, o GTM aceita HTML completo, incluindo as tags script no tipo de tag HTML Personalizado.
Publicar a tag
Clique em Guardar para salvar a tag, depois clique no botão Submeter no canto superior direito do painel do GTM.
Adicione um nome e descrição da versão (opcional) e finalmente clique em Publicar.
Verificar a instalação
Abra o site numa nova aba do navegador e atualize a página. O widget do chat Smartsupp deve aparecer no canto do site.
Dica: Se o widget de chat não aparecer, experimente limpar a cache do navegador ou abrir o site numa janela anónima. Confirme também se o código do contentor GTM foi instalado corretamente no site.
Recursos relacionados:
Instalação do Smartsupp — visão geral de todos os métodos disponíveis para instalar.
Caixa de chat multilíngue — saiba como configurar o widget de chat em vários idiomas.
E agora?
Definições básicas da caixa de chat — Personalizar cores, posição, mensagens de boas-vindas e muito mais.
Estado da caixa de chat — Descubra como funciona o estado do widget de chat e como controlá-lo.
Porque não vejo o chat no meu site? — Veja como resolver os problemas de instalação mais comuns.
Transferir plugins — Explore todas as integrações de plataformas disponíveis.