Snippets de código

Adicione IDs de analytics e gere snippets de código personalizados na head, body, footer ou numa área de rascunho inativa sem editar ficheiros do tema.

Visão geral

Os Snippets de código dão-lhe um local central para gerir analytics e código de tracking personalizado sem editar o tema. É útil para profissionais de marketing, agências e proprietários de sites que querem mais controlo sobre onde cada script é colocado.

Caminho no painel de administração: Airygen SEO -> Definições -> Snippets de código

O módulo inclui campos integrados para Google Analytics 4 e Google Tag Manager, além de um gestor por arrastar e largar para os seus próprios snippets personalizados.

Configurações

O ecrã inclui uma secção de tracking integrado e uma secção de snippets personalizados.

Tracking integrado

  • A área Google Analytics 4 inclui um botão de ativação e um campo ID de medição.
  • O valor de ID de medição começa normalmente por G-.
  • A área Google Tag Manager inclui um botão de ativação e um campo ID do contentor.
  • O valor de ID do contentor começa normalmente por GTM-.

Personalizado

  • O botão Adicionar snippet abre uma janela para criar um snippet personalizado reutilizável.
  • A zona Head coloca snippets na área <head>.
  • A zona Corpo coloca snippets logo a seguir a <body>.
  • A zona Rodapé coloca snippets antes de </body>.
  • A área Área de preparação de snippets desativados guarda snippets que não quer apresentar neste momento.
  • A janela do snippet inclui Estado, Descrição, Código e a posição de injeção.
  • O campo Descrição serve apenas como referência interna e não é mostrado no frontend.
  • O campo Código espera apenas o conteúdo do snippet.
  • O texto de ajuda indica que não deve incluir etiquetas <script>.
  • O campo da posição de injeção suporta Head, Corpo, Rodapé e um estado inativo.
  • Os snippets podem ser arrastados entre zonas e reordenados dentro de cada zona.
  • Os snippets inativos também podem ser apagados quando já não forem necessários.

Como usar

  1. Abra Airygen SEO -> Definições -> Snippets de código.
  2. Se usa Google Analytics 4, ative Google Analytics 4 e cole o seu ID de medição.
  3. Se usa Google Tag Manager, ative Google Tag Manager e cole o seu ID do contentor.
  4. Em Personalizado, clique em Adicionar snippet para criar um item de código reutilizável.
  5. Na janela, escolha o Estado do snippet, adicione uma Descrição, cole o Código e selecione a posição de injeção.
  6. Guarde o snippet e arraste-o para Head, Corpo, Rodapé ou para a Área de preparação de snippets desativados, conforme necessário.
  7. Reordene os snippets dentro de cada zona se a ordem de saída for importante para a sua configuração.
  8. Guarde o módulo e inspecione o código-fonte da página ou as ferramentas do navegador para confirmar que o código aparece no local correto.

Verifique estes pontos depois de guardar:

  • Os IDs do GA4 e do GTM foram introduzidos corretamente.
  • Os snippets personalizados aparecem na zona de saída pretendida.
  • Os snippets inativos não são apresentados no frontend.
  • Outro plugin ou o tema não está já a apresentar o mesmo código de analytics.

Benefícios de SEO

Este módulo não melhora diretamente rankings, mas torna a configuração de analytics e tracking mais fiável. Isso ajuda-o a medir o desempenho orgânico, validar alterações SEO e manter o posicionamento das etiquetas consistente.

Casos de uso

Profissionais de marketing que precisam de uma configuração de analytics mais limpa

Antes: Um profissional de marketing depende de alterações no tema ou de vários plugins separados apenas para adicionar GA4 e GTM.

Depois: Os Snippets de código mantêm os principais IDs de tracking e etiquetas personalizadas num único local, tornando a configuração mais fácil de rever e manter.

Agências a gerir scripts temporários de campanhas

Antes: Uma agência tem snippets de lançamento ou de campanha que precisam de ser pausados sem serem perdidos.

Depois: A Área de preparação de snippets desativados permite à equipa manter esses snippets prontos para mais tarde sem os publicar no site.

Perguntas frequentes

Posso desativar um snippet sem o apagar?

Sim. Pode movê-lo para Inativo ou desligar o respetivo Estado no editor do snippet.

Devo colar etiquetas <script> completas no campo Código?

Não. O texto de ajuda indica que deve colar apenas o código e não incluir etiquetas <script>.

Qual é a diferença entre Head, Corpo e Rodapé?

Estas opções controlam onde o snippet é injetado na página: dentro da head, logo após a abertura do body ou antes do fecho do body.