Como configurar o onboarding de utilizadores com o Google Tag Manager sem programador
Um fluxo completo de primeira sessão com o Google Tag Manager — boas-vindas, primeira ação guiada e lista de primeiros passos — com três itens do Clew que acompanham o utilizador pela app, em vez de um tour comprido no carregamento.
- Tempo
- ● 40 minutos
- Preço
- Tours grátis · resto no teste de 14 dias
- Quem faz
- Quem pode publicar no GTM
Exemplo: onboarding de utilizadores com o Google Tag Manager
Um SaaS de gestão de projetos sem tempo de programação para o onboarding. Via GTM: um modal de boas-vindas em /app (“Crie o seu primeiro projeto em 2 minutos”), um tour em /app/projects e um checklist de configuração na segunda visita.
A parte do tour de produto é grátis no plano Free (até 3 publicados). Modal, Checklist e as regras de público fazem parte do Pro: toda conta nova tem 14 dias de teste com tudo incluído, sem cartão. Quando o teste acaba, nada é apagado e o que foi publicado continua a aparecer.
Como configurar o onboarding de utilizadores com o Google Tag Manager, passo a passo
- Passo 01
Copie o seu snippet do Clew
Crie uma conta gratuita (ou entre), adicione o seu site e abra Visão geral no admin. Clique na linha do cartão O widget ainda não deu sinal. para copiar: ela já vem com a chave real do seu site no lugar do marcador.
<!-- Clew: substitua COLE_AQUI_A_SUA_CHAVE pela chave do site em Admin > Visão geral --> <script src="https://tryclew.io/widget/COLE_AQUI_A_SUA_CHAVE.js" async></script>
Passo 1 · ilustração esquemática - Passo 02
Crie uma tag Custom HTML no GTM
Em tagmanager.google.com abra o seu contêiner, Tags → New → Tag Configuration → Custom HTML, e cole a linha do Clew. Dê à tag o nome
Clew widget.
Passo 2 · ilustração esquemática - Passo 03
Dispare em All Pages
Em Triggering escolha All Pages e guarde. Carregue em todas as páginas: em qual página o onboarding de utilizadores aparece é decidido no Clew, não no GTM.
Passo 3 · ilustração esquemática - Passo 04
Preview, depois Submit e Publish
Verifique no Preview que
Clew widgetestá em Tags Fired e depois Submit → Publish. Nada chega ao site real antes de publicar.
Passo 4 · ilustração esquemática - Passo 05
Crie os três itens do onboarding
Em Fluxos crie três itens: um Janela modal com uma frase de boas-vindas e um link para o ecrã principal; um tour Tooltips passo a passo de 3–4 passos nesse ecrã, feito com Editar no seu site e Escolher elemento; e um Checklist de onboarding com as tarefas de configuração que faltam.
Passo 5 · ilustração esquemática - Passo 06
Escolha onde, quando e para quem aparece
No mesmo editor, preencha Onde mostrar (URL da página), Quando mostrar, Segmentação de público e Frequência. Estas são as configurações do exemplo acima:
Configuração Valor Pop-up de boas-vindas Formato Janela modal Onde mostrar (URL da página) Caminho exato /appQuando mostrar Logo ao carregar a página Segmentação de público Sem regras: toda nós que abre a página Frequência Uma vez por visitante Tour do produto Formato Tooltips passo a passo Onde mostrar (URL da página) Secção por prefixo /app/projectsQuando mostrar Logo ao carregar a página Segmentação de público Sem regras: toda nós que abre a página Frequência Uma vez por visitante Checklist Formato Checklist de onboarding Onde mostrar (URL da página) Secção por prefixo /appQuando mostrar Na N.ª visita: 2 Segmentação de público Sem regras: toda nós que abre a página Frequência Uma vez por visitante 
Passo 6 · ilustração esquemática - Passo 07
Publique e verifique no site real
Mude Estado para Publicado e guarde. Abra a página numa janela anónima: o Clew lembra quem já viu um item de “uma vez”, por isso o seu navegador de sempre pode saltar. Visualizações, conclusões e abandonos aparecem nas estatísticas.
Passo 7 · ilustração esquemática
Armadilhas: onboarding de utilizadores com o Google Tag Manager
Não use um acionador History Change
O widget acompanha sozinho a navegação de apps de página única. Um segundo acionador em History Change só carrega o script de novo sem necessidade.
Passe as propriedades do utilizador com uma segunda tag
Se a sua camada de dados tem valores como plan, crie uma Data Layer Variable e uma segunda tag Custom HTML que chame Clew.identify() com ela (veja o exemplo). Dispare no evento que traz o valor, depois da tag do Clew.
Sem dados do utilizador, segmente por páginas e visitas
Uma instalação por gestor de etiquetas não sabe nada das contas. Use URLs a que só os novos chegam (o ecrã de primeiro acesso, ?welcome=1 depois do registo com URL contém) e Na N.ª visita para o checklist.
Não dispare tudo na mesma página
Se o pop-up, o tour e o checklist coincidem com a mesma URL, só um começa e os outros esperam. Dê a cada um a sua página ou acionador, como na tabela acima.
Perguntas e respostas
Como evitar que utilizadores antigos vejam as boas-vindas?
Passe a data de registo ou onboarded pela camada de dados e adicione uma regra, ou use uma URL de primeiro acesso que só contas novas recebem.
O GTM atrasa o onboarding de utilizadores?
O widget carrega um instante depois do contêiner. Só um item Logo ao carregar a página na primeiríssima visualização pode aparecer uma fração de segundo depois do que numa instalação direta.
Quais partes são grátis?
Tours são grátis no plano Free. O pop-up de boas-vindas, o checklist e as regras de público estão no Pro; o teste de 14 dias inclui tudo, sem cartão.
Quanto tempo leva?
Uns quarenta minutos para a primeira versão: dez para o pop-up, vinte para o tour e dez para o checklist. Depois, melhore pelo funil.
O que mais é possível adicionar com o Google Tag Manager
- Como colocar um pop-up em seu site com o Google Tag Manager sem programador
- Como criar um tour do produto com o Google Tag Manager sem programador
- Como adicionar um checklist de onboarding com o Google Tag Manager sem programador
- Como adicionar um tooltip em seu site com o Google Tag Manager sem programador
- Como criar um guia interativo do produto com o Google Tag Manager sem programador
- Como criar um aviso de paywall com o Google Tag Manager sem programador
Onboarding de utilizadores em outras plataformas
- LovableComo configurar o onboarding de utilizadores numa app do Lovable sem programador
- Bolt.newComo configurar o onboarding de utilizadores numa app do Bolt.new sem programador
- v0Como configurar o onboarding de utilizadores numa app do v0 sem programador
- ReplitComo configurar o onboarding de utilizadores numa app do Replit sem programador
- CursorComo configurar o onboarding de utilizadores numa app feita no Cursor sem programador
- Claude CodeComo configurar o onboarding de utilizadores com o Claude Code sem programador
- ChatGPT CodexComo configurar o onboarding de utilizadores com o ChatGPT Codex sem programador
- Qwen CodeComo configurar o onboarding de utilizadores com o Qwen Code sem programador