Landing pages

Personalização dinâmica de landing pages: mostrar o que importa a cada visitante

Mostrar a mesma landing page a todos os visitantes é o equivalente digital a um folheto único entregue à porta do prédio. Quem entrou pelo anúncio "canalizador urgente" vê o mesmo título de quem entrou pelo orgânico "preço instalação caldeira". Conversão sofre, custo por lead sobe, e a culpa fica no "tráfego mau" — quando o problema era a página falar para ninguém em concreto.

Personalização dinâmica resolve isso em camadas: troca-se uma palavra do título, um benefício, uma cidade, um benchmark de preço — sem reconstruir páginas. Bem feita, sobe a taxa de conversão entre 15% e 40% sem mexer no design. Mal feita, parte o site, atrasa o LCP e atrai uma multa da CNPD. Este guia mostra como fazer bem.

O que é (e o que não é) personalização dinâmica

Personalização dinâmica é alterar conteúdo da página em função de sinais do visitante — sem criar uma página para cada combinação.

Os sinais úteis dividem-se em quatro grupos:

  1. Parâmetros de URL (UTMs, gclid, custom params): a fonte mais limpa, controlada por ti.
  2. Geografia aproximada (IP → cidade/distrito): útil para "X em Braga" vs "X em Faro".
  3. Dispositivo e contexto (telemóvel vs desktop, hora do dia, idioma do browser).
  4. Histórico do visitante (cookies próprios, sessões anteriores, carrinho abandonado).

Não é personalização dinâmica:

  • Mostrar nome do utilizador autenticado (isso é só sessão).
  • Renderizar conteúdo diferente por idioma de navegador (isso é i18n).
  • Pop-up de saída com 10% de desconto (isso é exit-intent, outra coisa).

Os 5 padrões que valem a pena implementar

Hierarquia por retorno em PME portuguesa, do mais rentável ao mais decorativo.

1. Match perfeito com o anúncio (Dynamic Text Replacement)

O visitante clica num anúncio "Instalação de caldeira em 24h — Porto". A landing carrega e o H1 lê "Instalação de caldeira em 24h no Porto". Quality Score do Google Ads sobe, taxa de conversão sobe.

Como: passas a palavra-chave/cidade num parâmetro UTM (utm_term=porto) e um script substitui o texto da página. Ver UTM para rastrear campanhas para a estrutura.

2. Cidade detetada por IP

Visitante de Coimbra entra orgânico pela query "site para clínica dentária". O título passa de "Sites para clínicas dentárias" para "Sites para clínicas dentárias em Coimbra". O benefício "deslocações" aparece com a distância aproximada.

Cuidado: geolocalização por IP falha em ~10% dos casos (VPN, ISP móvel mal localizado). Tem sempre um fallback nacional ("em Portugal") que aparece em caso de dúvida.

3. Mensagem por dispositivo

  • Telemóvel: CTA primário "Ligar agora", número de telefone clicável no topo.
  • Desktop: CTA primário "Pedir orçamento" com formulário visível.

Não é cosmético. Em emergências (canalizador, reboque, urgência médica) o telemóvel pede chamada; o desktop pede ponderação.

4. Match com a fonte de tráfego

Fonte (utm_source)Ajuste recomendado
Google AdsFoco em urgência, benefício imediato, preço
Meta AdsFoco em visual, prova social, "vê o caso"
EmailCumprimento ("ainda a pensar?"), bullet do problema discutido
OrgânicoConteúdo educativo expandido, menos pressão de CTA

5. Repetição de visita (visitante já cá esteve)

A 2ª visita não precisa do mesmo discurso de "quem somos". Mostra um banner "Já viste isto na visita passada" + atalho para o passo seguinte (preços, orçamento, marcar 15 min).

Que ferramentas usar em PME (sem martelar o LCP)

A escolha errada destrói a performance. Aqui é onde a maioria das PME falha — instala um script de 200 kB para personalizar duas palavras.

Stack mínima (recomendada para a maioria):

  • GTM (Google Tag Manager) para injetar o script de personalização.
  • Script próprio em JavaScript vanilla (~3 kB) que lê URLSearchParams e faz textContent em elementos com data-personalize="city".
  • Cache Edge (Cloudflare/Vercel) com a página estática + JS de personalização correndo no cliente.

Stack média (várias campanhas em paralelo):

  • Unbounce, Instapage ou Leadpages — todas têm DTR nativo, mas pesam ~150 kB.
  • Webflow + Logic — personalização nativa por cookies, leve.

Stack pesada (e-commerce com >50k visitas/mês):

  • Mutiny, Intellimize ou VWO Personalize — caros (a partir de 1.000€/mês), mas justificam-se em volume.

Para landing pages de PME portuguesa, a stack mínima resolve 90% dos casos por <100€/mês.

Implementação passo a passo (stack mínima)

Cenário: campanha Google Ads, queres trocar título e CTA por cidade.

  1. Define os campos personalizáveis no HTML com atributos de dados:

    <h1 data-personalize="title">Sites para clínicas dentárias</h1>
<a data-personalize="cta">Pedir orçamento</a>

  2. Estrutura os UTMs no anúncio: ?utm_source=google&utm_medium=cpc&utm_campaign=clinicas&utm_term=porto

  3. Carrega o script no GTM (apenas em páginas com data-personalize):

    const p = new URLSearchParams(location.search);
const city = p.get('utm_term');
if (city) {
  document.querySelectorAll('[data-personalize="title"]')
    .forEach(el => el.textContent += ` no ${capitalize(city)}`);
}

  4. Testa todas as combinações antes de pôr em produção. Mete um valor fora do esperado (?utm_term=<script>) e confirma que o teu código sanitiza.

  5. Mede. Anota a versão personalizada num evento GA4 e compara taxa de conversão.

RGPD: o que é seguro fazer

A CNPD já multou empresas por personalização agressiva. As regras que importam:

  • UTMs e parâmetros próprios: livres. Não há dado pessoal.
  • Geolocalização aproximada por IP (cidade/distrito): considerada metadado técnico, não exige consentimento se não for guardada nem cruzada com perfil. Se guardas, precisa de base legal.
  • Cookies próprios para repetição de visita: isentos de consentimento se forem estritamente funcionais (preferência de UX). Se servirem marketing, precisam de opt-in.
  • Fingerprinting (canvas, fontes, hardware): proibido sem consentimento explícito.

Regra prática: se a personalização sobrevive sem identificar a pessoa, estás seguro. Vê conformidade RGPD do site para o resto.

Os erros que partem a página

Erro 1: substituir antes do DOM estar pronto. Resultado: a página pisca o conteúdo original e depois "salta" para o personalizado. Mau para CLS, péssimo para UX. Solução: ou renderiza no servidor (SSR), ou esconde o elemento com CSS até o script correr.

Erro 2: depender 100% do parâmetro existir. Visitante partilha o link sem UTM, vê "Sites para clínicas em undefined". Solução: fallback obrigatório em todos os campos.

Erro 3: personalizar tudo. Quando 8 elementos mudam por visita, perdes controlo de medição e A/B testing fica impossível. Personaliza no máximo 3 elementos por página (título, sub, CTA).

Erro 4: ignorar o cache. Se a página é estática num CDN, o HTML servido é o mesmo. A personalização tem de correr no cliente OU na edge (Edge Functions da Vercel/Cloudflare Workers). Não confundir.

Erro 5: confundir personalização com segmentação. Personalização altera o que o visitante vê. Segmentação decide a quem mostrar. São camadas diferentes — fazer só uma é meio caminho.

Como medir o retorno

Sem medição, isto vira teatro. Métricas a seguir, por ordem:

  1. Taxa de conversão por variante (UTM × dispositivo × cidade).
  2. Custo por lead diferencial (versão personalizada vs controlo).
  3. Quality Score no Google Ads — sobe quando a landing combina com o anúncio.
  4. Tempo até primeira interação — se o JS de personalização atrasa, isto sobe (mau).
  5. Erros de consola — JavaScript a falhar com inputs estranhos é o sintoma número 1 de personalização mal feita.

Liga isto a um teste A/B simples: 50% vê personalização, 50% vê página fixa. Em 2 semanas tens diferença significativa.

Quando não vale a pena

Personalização dinâmica é overkill se:

  • A landing tem menos de 500 visitas/mês — não há volume para medir.
  • Só corre uma campanha (uma só fonte, uma só palavra-chave).
  • O conteúdo já é universal por natureza (preço fixo, serviço único).
  • Não tens GA4 a funcionar — sem medição, é decoração.

Para esses casos, faz primeiro o básico: match anúncio↔landing, CTA claro, formulário de 3 campos.

A regra que junta tudo

Personalização dinâmica não é tecnologia — é disciplina de mensagem. Quem clica num anúncio espera ver o anúncio na página. Quem entra orgânico de Coimbra prefere ver Coimbra na primeira linha. Quem está no telemóvel quer um botão de ligar, não um formulário com 9 campos.

Faz só os ajustes que sobreviveriam à pergunta: "isto poupa segundos ao visitante e melhora a probabilidade de converter?". Os outros tira.

No sitesfixe.pt construímos landing pages prontas para personalização — base SEO sólida, edge cache configurado, scripts de DTR leves que não destroem o LCP. Landing pages desde 400€. Pede um orçamento sem compromisso.

Lê também:

Fontes

Precisas de um site ou loja online?

Agência digital portuguesa. Sites e lojas online rápidos, otimizados para o Google e feitos para resultado.

Pedir orçamento