O Google Tag Manager (GTM) é uma ferramenta gratuita da Google que permite gerir códigos de rastreio e scripts no seu site sem editar diretamente o código-fonte. Este guia orienta-o ao longo de todo o processo de configuração — criar uma conta GTM, adicionar o fragmento de código GTM ao seu site e inserir o código de chat Smartsupp como uma etiqueta.
Dividimos o guia nas seguintes secções:
Criar uma conta GTM
Se ainda não tem uma conta Google Tag Manager, aceda a tagmanager.google.com e inicie sessão com a sua conta Google. Clique em Criar conta, introduza o nome da sua conta e selecione o seu país.
Configure um contentor para o seu site. Introduza o URL do seu site e selecione Web como plataforma de destino e, em seguida, clique em Criar.
Aceite os Termos de serviço para continuar.
Instalar o GTM no seu site
Após criar a sua conta, o GTM apresentará dois fragmentos de código. É necessário adicioná-los ao HTML do seu site:
Cole o primeiro fragmento de código na secção <head> o mais acima possível.
Cole o segundo fragmento de código imediatamente após a etiqueta de abertura <body> .
Dica: Se utiliza uma plataforma como WordPress, Shopify ou PrestaShop, poderá já ter um plugin Smartsupp integrado — consulte o nosso Guia de instalação para a sua plataforma antes de utilizar o GTM.
Também pode aceder aos fragmentos de código GTM mais tarde, clicando no ID do seu contentor (por exemplo, GTM-XXXXXX) na parte superior do painel de controlo do GTM.
Criar uma nova etiqueta
No painel de controlo do GTM, clique em Adicionar uma nova etiqueta (ou aceda a Etiquetas > Novo). Atribua um nome à sua etiqueta, por exemplo Chat Smartsupp.
Clique na área Configuração da etiqueta e selecione HTML personalizado como tipo de etiqueta.
Inserir o código Smartsupp
Encontre o seu código de chat Smartsupp exclusivo no painel de controlo em Definições > Caixa de chat > Instalação > Inserir código. Copie o fragmento de código completo.
Cole o código no campo HTML da sua nova etiqueta no GTM. Em seguida, clique na secção Acionamento abaixo e selecione Todas as páginas — isto garante que o widget de chat Smartsupp é carregado em todas as páginas do seu site.
Nota: Certifique-se de que cola o código completo, incluindo as etiquetas <script> . Ao contrário de algumas plataformas, o GTM aceita HTML completo, incluindo etiquetas script, no tipo de etiqueta HTML personalizado.
Publicar a etiqueta
Clique em Guardar para guardar a sua etiqueta e, em seguida, clique no botão Enviar no canto superior direito do painel de controlo do GTM.
Adicione um nome e uma descrição da versão (opcional) e, em seguida, clique em Publicar.
Verificar a instalação
Abra o seu site num novo separador do navegador e atualize a página. O widget de chat Smartsupp deverá agora estar visível no canto do seu site.
Dica: Se não vir o widget de chat, experimente limpar a cache do navegador ou abrir o seu site numa janela de navegação anónima. Certifique-se também de que o código do contentor GTM está corretamente instalado no seu site.
Recursos relacionados:
Instalação do Smartsupp — visão geral completa de todos os métodos de instalação.
Caixa de chat multilingue — configure o widget de chat em vários idiomas.
O que se segue?
Definições básicas da caixa de chat — Personalize as cores, a posição, as mensagens de boas-vindas e muito mais.
Estado da caixa de chat — Saiba como funciona o estado do widget de chat e como o controlar.
Porque não consigo ver o chat no meu site? — Resolva os problemas de instalação mais comuns.
Descarregar plugins — Explore todas as integrações disponíveis para plataformas.