SignalHost para Framer: ligue o plugin, publique uma vez e veja o código no seu site publicado

• Um site Framer publicado pelo menos uma vez. O plugin precisa do endereço do seu site para se ligar e, se ainda não houver nenhum, pede-lhe que publique primeiro.
• Acesso de edição ao projeto Framer. O plugin guarda a ligação no projeto e escreve no código personalizado do site, e ambas as coisas o exigem.
• Uma conta SignalHost. O plano gratuito chega para experimentar: 10.000 pedidos por mês e um contentor. Pode criar a conta durante a ligação.

Encontre SignalHost no Framer Marketplace e abra-o no seu projeto. Abre-se como um pequeno painel com um único botão, Connect with SignalHost. Carregue nele e abre-se uma janela do navegador em signalhost.io. Inicie sessão ou crie uma conta gratuita.

O painel aguarda enquanto termina nessa janela e atualiza-se sozinho. Se fechou a janela, Open the window again volta a abri-la. Ao fim de dez minutos sem resposta, o painel pede-lhe que tente de novo.

A janela enumera o que o plugin vai e não vai fazer. Vai adicionar o código de tracking a todas as páginas e mantê-lo atualizado, ler o estado do contentor e verificar se o seu site publicado tem o código, e desligar-se sozinho quando terminar sessão no Framer. Não pode alterar mais nada no seu site, usar a sua conta Google nem ver a sua faturação.

Escolha um contentor existente, ou escolha Novo contentor e percorra o assistente curto. Um contentor é o seu próprio servidor de etiquetagem, construído na sua própria conta Google, por isso continua a ser seu. Construir um novo demora alguns minutos; pode ligá-lo de imediato, e o plugin acrescenta o código assim que o contentor estiver pronto. Carregue em Ligar. A janela indica então Conectado — volte ao Framer, e pode fechá-la.

De volta ao Framer, o plugin recebe a ligação sozinho, acrescenta o código e diz-lhe para publicar o site para que fique ativo.

O Framer só serve código personalizado no site publicado, por isso nada muda para os seus visitantes até publicar. O painel mostra dois passos: Tracking code added to every page e Publish your site to make it live.

Publique como sempre e depois carregue em Check again no painel. A SignalHost obtém a sua página inicial publicada e procura o código. Quando o encontra, o segundo passo passa a Live on, seguido do endereço do seu site, e a página do contentor dá a instalação como concluída. O plugin nunca publica por iniciativa própria.

Abra o seu site publicado e navegue um pouco. Open SignalHost, no painel, leva-o à página do contentor, onde o separador Recente das Estatísticas avançadas abrange os últimos 30 minutos, e Executar verificações, em Resolução de problemas, conta as visualizações de página que chegaram. A partir do plano Growth, Monitoramento de eventos ao vivo mostra também cada evento pelo nome à medida que chega.

Um excerto de código no código personalizado do seu site, no fim do head de cada página: o carregador do Google Tag Manager, apontado para o seu próprio endereço de etiquetagem em vez de googletagmanager.com. Carrega a partir daí o seu contentor do Tag Manager, e a sua etiqueta Google envia as visualizações de página através dele.

Sempre que alguém abre o plugin, este compara esse código com o que o seu contentor precisa e substitui-o se algo tiver mudado. Não toca em mais nada e não lê o seu conteúdo, o seu CMS nem os dados dos seus visitantes. Também não acrescenta eventos próprios: tudo o que vá além das visualizações de página, como o envio de um formulário, chega ao seu contentor quando o seu site o envia para a camada de dados.

A ligação fica guardada no projeto, por isso todos os editores do projeto veem a mesma, e só pode ler os valores de instalação deste contentor e nada mais.

Cada pedido sai do navegador num formato que os bloqueadores de anúncios não reconhecem, e o seu servidor de etiquetagem reencaminha-o para o Google Analytics 4 e para as plataformas de publicidade que configurar na página do contentor: Google Ads, Meta, TikTok e outras. Se o seu banner de cookies usar o Google Consent Mode, um visitante que recuse só é contado como o ping sem cookies da Google.

O seu contentor começa num endereço sob signalhost.io. Num plano pago, Configurar o seu próprio domínio, na página do contentor, guia-o para passar a usar um subdomínio do seu próprio site, como sgtm.oseusite.com, que sobrevive às listas de filtros e mantém os cookies dos cliques como cookies de primeira parte.

Quando o domínio fica ativo, a SignalHost envia-lhe um e-mail com o novo código. No Framer não precisa de o colar: abra o plugin, que substitui o código sozinho, e publique. Até lá, o endereço antigo continua a funcionar. Se abrir o plugin e se esquecer de publicar, ele mostra Publish again: your live site still has an older version.

Pode acrescentar o mesmo código sem o plugin. Na página do contentor, encontre o código no cartão Instalar no seu site e carregue em Copiar. No Framer, abra Site Settings → General → Custom Code, cole-o de forma a ficar no fim do head de cada página e publique. Depois carregue em Já o fiz na página do contentor.

O que perde: o código deixa de acompanhar o seu contentor. Quando o seu endereço de etiquetagem muda, é a si que cabe substituí-lo pelo novo código que a SignalHost lhe envia por e-mail e publicar de novo. Também nada verifica se o código está no seu site publicado. Use um ou outro: com o plugin também ligado, o código estaria duas vezes em cada página.

Definições, Sites ligados, lista o site como Plugin Framer, com o seu último contacto.

Log out, no fundo do painel e no menu do plugin, termina a ligação na SignalHost e remove o código do plugin do código personalizado do seu site. Como qualquer alteração ao código personalizado, a remoção chega aos visitantes com a sua próxima publicação. O seu contentor e as suas estatísticas mantêm-se, e pode voltar a ligar a qualquer momento.

Desligar, em Sites ligados, funciona no sentido inverso: o plugin remove a SignalHost do seu site da próxima vez que alguém o abrir no Framer, e o código sai do site publicado com a publicação seguinte.

• O painel pede-lhe que publique o site uma vez antes de ligar: o site ainda não tem um endereço publicado. Publique-o e depois carregue em Check again.
• O painel diz que precisa de acesso de edição, ou de permissão para editar o código personalizado do site: peça acesso de edição ao proprietário do projeto.
• O seu contentor está a ser configurado: volte dentro de alguns minutos. O plugin acrescenta o código assim que o contentor estiver pronto.
• O código SignalHost está desativado: alguém o desativou em Site Settings → General → Custom Code. Volte a ativá-lo aí e publique.
• Não foi possível ler o seu site publicado: a SignalHost não conseguiu obter a sua página publicada. Publique e depois carregue em Check again.
• Este site foi desligado na SignalHost: alguém carregou em Desligar em Sites ligados. Ligue-o de novo para continuar a fazer tracking.
• Não foi possível contactar a SignalHost: tente de novo daqui a pouco.
• Qualquer outra coisa: escreva para hello@signalhost.io com o endereço do seu site.

A SignalHost é um produto independente da Algorithmo GmbH e não é afiliada nem apoiada pela Framer, pela Google, pela Meta ou pelo TikTok. Google Analytics, Google Ads e Google Tag Manager são marcas registadas da Google LLC; Meta é uma marca registada da Meta Platforms, Inc.; TikTok é uma marca registada da ByteDance Ltd.; Framer é uma marca registada da Framer B.V.