Sabemos que fazer alterações no site é inevitável para adaptá-los às tecnologias mais avançadas que surgem a todo momento no mercado, para melhorar a usabilidade e alcançar mais clientes para o seu negócio. No entanto, alguns distúrbios no tracking podem ocorrer após as modificações.

Mas não se preocupe, com este guia de boas práticas durante as fases de desenvolvimento e deployment das novas páginas, você evitará todos os problemas de tracking e, mais importante, não perderá nem um centavo com isso!

Durante o desenvolvimento

Atributos dos elementos da árvore DOM

DOM (Document Object Model) é uma multi-plataforma que exprime como as marcações em HTML, XHTML e XML são ordenadas e lidas pelo navegador. As marcas transformam-se em elementos de uma “árvore” que pode ser manipulada via API (Application Programming Interface).

Ao usar programas ou scripts para alterar funcionalidades de uma página, seja o conteúdo, a estrutura ou até mesmo a folha de estilo, você estará operando esta funcionalidade.

Em diversos momentos as tags utilizam elementos da árvore DOM como fonte de dados ou para a decisão do disparo. Por isso, tente manter os IDs e classes de botões, inputs, formulários, e quaisquer elementos que contenham informações relevantes ao tracking, como CEP, preços, quantidade, entre outros.

Além disso, é sempre bom lembrar: IDs devem ser únicos na página.

Sabemos que nem sempre é possível manter os mesmos IDs e, principalmente, classes. Falaremos sobre isso mais à frente!

Redirecionamento de URL

Os parâmetros adicionados à URL (Uniform Resource Locator) são cruciais para análises. Redirecionamentos que não são 30X perdem parâmetros e referrer, prejudicando a atribuição. Caso esses tipos de redirecionamentos sejam necessários, será preciso manter os principais parâmetros:

  • utm_source
  • utm_medium
  • utm_campaign
  • gclid
  • dclid

Algumas mídias exigem outros parâmetros, fique atento quanto a isso!

Single Page Applications (SPA)

As SPAs precisam de um cuidado a mais para que o tracking seja feito de forma correta. Como consequência de muitos profissionais dedicando-se nas aplicações em JavasCript, diversas empresas de grande porte desenvolveram padrões e técnicas para enriquecer a performance de seus scripts, separar e isolar códigos. As SPAs  funcionam, no geral, como se estivessem sendo executadas nativamente no desktop.

O cliente pode ter uma boa experiência ao navegar pelo sistema, dependendo do caso, a página pode funcionar mesmo se perder a conexão com a internet. Outra vantagem da aplicação é na performance, pode ter acesso na íntegra ao conteúdo do sistema, sem ter que esperar por um lento carregamento.

O usuário também ganha mais responsabilidade, o tempo de requisição diminui consideravelmente. A facilidade na manutenção é outro ponto, as partes front-end e back-end podem ser separadas.

Contudo, aprender um novo framework exige trabalho e dedicação de toda a equipe, o que torna o desenvolvimento mais lento, já que para todos aprenderem levará um certo tempo. Pode acontecer também do JavaScript ser desabilitado, ocasionando o não funcionamento do sistema.

O Google foi pioneiro nesta tecnologia, agora a maior parte das aplicações de web moderna usam, uma delas é o Facebook.

Google Tag Manager

O Google Tag Manager é uma nova ferramenta gratuita do Google, que surge com uma ideia de trazer mais independência ao Marketing Digital. Assim sendo, tags são pedaços de código JavaScript, servem para enviar e receber dados, e integrar o website à sistemas que oferecem estatísticas de acesso, como o Google Analytics ou sistemas de anúncios como o Google Adwords.

Para que o GTM funcione é preciso integrá-lo em todas as páginas do site, inclusive nas novas, e ele deve ser carregado apenas uma vez por página.

Data Layer

Data Layer é um conjunto de informações do website ou do usuário, responsável pela centralização de dados. Na maioria das vezes ela é definida pela equipe de Análise juntamente com a Negócios. Deve conter os dados da página, informações de transação e todos os outros detalhes que são importantes para a coleta dos dados.

Caso o site tenha pushes no Data Layer, atente-se para que as informações continuem verídicas e completas após as mudanças.

Antes do deployment

Comunicação com a sua agência

Informe a sua agência, com alguns dias de antecedência, que haverá uma modificação no seu site. Avise-os, principalmente, a respeito dos tópicos abaixo:

  • As mudanças na árvore DOM, como IDs, classes e parentescos;
  • Se haverá alteração de protocolo (de http:// para https://);
  • As modificações nas URLs das páginas;
  • Quando ocorrerá o deployment.

Ambiente de homologação

O ambiente de homologação é onde ocorre os testes de aplicação, antes de ir para este ambiente o desenvolvedor produz o software no desenvolvimento. Essas simulações são muito importantes para verificar se o projeto está funcionando adequadamente e se atende os desejos do cliente.

A agência poderá fazer as alterações necessárias nas tags do deployment, somente se tiverem acesso ao ambiente de homologação e, com isso, podem reduzir a possibilidade de problemas reais.

Durante e após o deployment

Todas as partes devem se alinhar quanto ao momento do deployment, e sua agência acompanhará o tracking em tempo real. Alguns dias depois da publicação, deve ficar atento e verificar todos os dados consolidados nas plataformas associadas, como Google Analytics e Google AdWords, investigando possíveis inconsistências.

São muitas informações, não é mesmo? Então baixe nosso guia completo para não se esquecer de nada!

Baixe o guia completo gratuitamente!

Neste guia, você encontra em detalhes tudo o que precisa saber para fazer mudanças no site sem prejudicar o tracking de suas campanhas. Baixe, é grátis!

Perder o tracking significa perder dinheiro

Os problemas de trackeamento podem afetar seu site e sua estratégia de marketing de diversas maneiras. A principal delas, porém, é perder atribuições valiosas que irão impactar diretamente no modelo de atribuição do seu negócio.

Não conhece o modelo de atribuição? Assista ao nosso webinar abaixo!