Dúvidas? Entre em contato!

Como implementar o Google Tag Manager em um website da Wix

Sumário

O WIX é um dos construtores de sites mais populares que se posiciona como “fácil de usar” e “permite construir sites lindos”. Mesmo que tais construtores tirem muita flexibilidade de você (especialmente quando se trata de modificações relacionadas a SEO – Mecanismo de busca do Google – ou GTMGoogle Tag Manager), sua popularidade ainda é sólida.

Os proprietários desses sites perceberam que poderiam acompanhar o que seus visitantes faziam, com Google Tag Manager e o Google Analytics, sendo essas ferramentas as primeiras a serem consideradas para esse acompanhamento. 

Há pouco mais de um ano (início de 2018), o WIX adicionou suporte ao Google Tag Manager (o que significa que você pode realmente implementar seu código e usar a ferramenta para o melhor possível, controlando tags de marketing e acionando quando realmente precisa). No entanto, ainda existem algumas nuances que as pessoas enfrentam e decidi abordá-las neste post.

Então, se você quiser acompanhar o website do WIX com o Google Tag Manager, continue lendo.

Contexto Rápido

Algum tempo atrás (em 2017 e antes disso), os widgets HTML personalizados do WIX não funcionavam adequadamente com o código do contêiner do GTM. E essa abordagem ainda não funciona. A única maneira de ativar o Google Analytics Tracking (acompanhamento do GA) era acessar uma seção dedicada do Google Analytics e adicionar o código de acompanhamento do GA.

Mas e se eu quisesse rastrear determinados cliques ou outras interações que acontecem em um site? Normalmente, o GTM era a ferramenta que poderia fazer isso. Bem, isso é muito ruim porque o WIX não se importava muito com isso e os fãs do GTM (usuários do WIX) estavam chorando no canto (ou talvez até mesmo mudando para outro criador de sites).

Felizmente, esse tempo acabou e o GTM pode ser instalado rapidamente.

Instale o Google Tag Manager em um site do WIX 

Em primeiro lugar, esse recurso está disponível apenas para planos pagos do WIX. Se você ainda está usando o plano gratuito, desculpe, não há solução alternativa. Você precisará atualizar ou ficar apenas com visualizações de página regulares. Se você estiver em um plano premium, continue lendo. Além disso, você deve ter um domínio conectado ao site. Caso contrário, a opção de integração do GTM não estará disponível.

Entre na sua conta WIX e escolha o site onde você deseja instalar o GTM, clique em Edit site.

adicionando codigo no wix

Então você será redirecionado para o Editor do WIX (a.k.a. ADI). No canto superior direito, clique em Site e escolha Settings.

Settings site wix

Em seguida, na barra lateral esquerda, acesse Tracking & Analytics.

editando wix para GTM

Por fim, no canto superior direito, clique em New Tool > Google Tag Manager.

Selecionando GTM

Insira o ID do seu contêiner do GTM (por exemplo, GTM-XXXXXXX) e clique em Apply. O snippet de código do contêiner do Google Tag Manager será adicionado a todas as páginas de um website do WIX. Você pode encontrar o ID do contêiner do GTM na barra superior da conta do Google Tag Manager:

codigo do container

Teste o Google Tag Manager no WIX

Agora, vamos testar se o contêiner do Google Tag Manager foi adicionado corretamente. Ative o modo Preview e Debug (pressionando o botão Preview no GTM), acesse o site em que você está trabalhando (a parte pública) e atualize a página. Uma janela do console de depuração aparecerá na parte inferior do navegador, mostrando informações detalhadas sobre as tags, incluindo o status de disparo e os dados que estão sendo processados.

Testando container GTM e WIX

Não vê isso? Continue lendo.

IMPORTANTE! Se você não vir o modo de visualização e depuração no WIX

Embora eu tenha conseguido adicionar o ID do contêiner do GTM (assim como descrevi acima), o contêiner do Google Tag Manager não foi mais carregado em uma página. A integração direta do Google Analytics estava funcionando bem, mas não o GTM.

Portanto, se essa situação também se aplicar a você, faça o seguinte.

#1. Diagnostique se o contêiner do GTM está carregado. Depois de adicionar o ID do contêiner às configurações do WIX, publique o website. Em seguida, acesse a seção pública de seu website (quero dizer, abra seu website como visitante) e abra as ferramentas de desenvolvedor do navegador (no Windows, você pode fazer isso pressionando F12). Vá até a guia Network e digite gtm.js no campo de pesquisa. Recarregue a página. A pesquisa retornou algo que contenha “gtm.js”? Se sim, isso significa que você tem algum outro problema. Leia este guia para encontrar uma solução.

Diagnostico do container do GTMNo entanto, se a pesquisa não retornou o gtm.js, isso significa que o contêiner do Google Tag Manager não foi adicionado ao seu website. Este é o caso exato aplicado a mim. Qual é a solução?

# 2. Substitua a integração integrada do GTM com a personalizada. Vá para analytics settings do WIX e desative a integração com o GTM.

desativando manager no wix

Em seguida, no canto superior direito, clique em New Tool > Custom e insira as seguintes configurações (no primeiro campo, você deve colar os primeiros (de dois) snippets de código do contêiner do Google Tag Manager (que estão entre as tags de script):

Configurando wix com gtm

Esta é uma solução alternativa que funcionou para mim. Talvez funcione para você também.

Mas espere, tem mais. O acompanhamento de exibição de página regular não funciona no WIX

Então aqui está a situação. Você deseja começar a acompanhar as pageviews com o Google Analytics por meio do Google Tag Manager. Você cria uma tag de Pageview, configura-a para ser acionar em todas as páginas, atualiza o modo de visualização e atualiza o site do WIX. A tag Pageview foi acionada com sucesso e você também a vê nos relatórios em tempo real do GA.

Ótimo!

No entanto, quando você continuar navegando em seu website, começará a perceber que nenhuma das page views subsequentes é exibida nos relatórios GA em tempo real (e, claro, a tag Universal Analytics nunca é acionada novamente, a menos que você atualize completamente a página). E isso sempre acontece assim: a primeira page view é rastreada, todas as subsequentes: não.

Por quê? Porque os sites WIX são codificados como aplicativos de página única. Mesmo parecendo que as páginas estão sendo recarregadas enquanto você navega, isso é apenas uma ilusão. Na verdade, quando você carrega inicialmente a página, o site inteiro (ou pelo menos o grande pedaço dele) é carregado imediatamente. Quando você está navegando no site, o WIX está mudando dinamicamente a exibição e imita o carregamento das páginas.

Isso significa que o snippet de contêiner do Google Tag Manager também é carregado apenas uma vez, portanto, apenas o primeiro carregamento (pageview) é rastreado. Como isso pode ser resolvido? Felizmente, o WIX está enviando eventos de page view toda vez que um visitante navega da seção A para a seção B. Esses dados são enviados para a Data Layer. Tudo o que você precisa fazer é capturar seus eventos de pageview da Data Layer e usá-los para disparar as tags de page view do Universal Analytics (ou o Facebook Pixel ou qualquer outra coisa). Aqui está um exemplo:

Como você pode ver na captura de tela acima, há duas Pageviews no fluxo de eventos. Quanto mais páginas você navegar, mais desses eventos você verá. A primeira Page View é gerada pelo próprio contêiner do GTM. O segundo evento Pageview (sem um espaço no título) é enviado pelo próprio WIX.

Então, como vamos acompanhar as page views no WIX?

Como o WIX envia automaticamente eventos de page view personalizados para a Data Layer sempre que um visitante navega para uma nova página, precisamos pegá-los, transformá-los em disparadores e usá-los para despachar nossa Google Analytics Pageview Tag.

Se você quiser transformar um determinado evento da Data Layer em um acionador, será necessário criar um Custom Event Trigger – disparador de evento personalizado. No seu contêiner do GTM, acesse Triggers > New > Custom Event. Digite Pageview (porque é o nome exato do evento que você viu na captura de tela do Preview&Debug Console’s acima). Nota: este campo faz distinção entre maiúsculas e minúsculas, portanto, certifique-se de digitar o caractere ‘P’ em maiúsculo.

Criando um custom eventAdicione o Custom Event Trigger à tag Google Analytics Pageview 

Na próxima etapa, você precisa atualizar sua tag GA pageview no Google Tag Manager. Antes de ler este guia, era mais provável que sua tag GA Pageview já tivesse acionado All Pages. Desta vez, adicione o acionador adicional que criamos neste guia, Custom Event Trigger.

adicionando um custom event a GA pageview tag

O que isso significa? Quando a página é inicialmente carregada, o acionador All Pages acionará sua tag GA Pageview. Quando um visitante continua navegando no site, o WIX enviará eventos da Pageview personalizados para a Data Layer, portanto, o Custom Event Trigger será ativado. Esse acionador disparará uma tag GA Page View e você verá esses dados nos relatórios GA Real-time.

comparacao de tag GA pageview

Testar pageviews

Depois de implementar todas as alterações descritas acima, atualize o modo Preview and Debug (P&D) no GTM, recarregue o site do WIX no qual você está trabalhando no momento. Comece a navegar. Você deve ver que a tag do GA Page View dispara com todos os eventos da Pageview personalizados no console P&D. Esse é o resultado que você deve esperar. Se a tag não disparar, certifique-se de inserir o nome do evento Pageview no Custom Event Trigger corretamente (com ‘P’ maiúsculo).

Na próxima etapa, acesse os relatórios do GA Real-time e verifique se as page views estão adequadamente rastreadas na seção Overview.

rastreamento de page view no overview

Como evitar problema de referência falsa

Como mencionei no início deste guia, os sites WIX se comportam como sites de página única (o que significa que eles não recarregam a página inteira à medida que um visitante navega de uma página para outra). Isso causa problemas com os dados de referência nos relatórios do GA, pois os dados se tornam imprecisos. Isso é especialmente prejudicial se você estiver recebendo tráfego pago (por exemplo, do Google Ads). 

Próxima parada: rastreamento de cliques

Se você deseja rastrear quais elementos estão sendo clicados mais, quais links estão afastando seus visitantes, etc., leia este guia. Aqui, eu expliquei o essencial que você precisa saber para rastrear cliques com o Google Tag Manager no seu site WIX.

Conclusão

Se você deseja acompanhar o website do WIX com o Google Tag Manager, precisa ter em mente várias nuances. Primeiro de tudo, você não pode simplesmente colar o snippet de código do contêiner do GTM no bloco de HTML personalizado no editor do WIX. Isso não vai funcionar. Em vez disso, você deve usar um recurso dedicado a isso (disponível nas configurações do site).

Além disso, os sites WIX são codificados como aplicativos de página única. Isso significa que, por padrão, somente a primeira pageview é rastreada. Todos as subsequentes não são. É por isso que você precisa fazer algumas modificações adicionais no contêiner do GTM para capturar também as “virtuais” page views.

Mas, além disso, o resto do rastreamento deve funcionar corretamente. A menos que você esteja esperando que um desenvolvedor envie alguns dados personalizados para a Data Layer. Eu realmente duvido que isso seja possível, mas, por outro lado, quando tive que trabalhar com sites WIX, eles eram relativamente pequenos e não havia necessidade de entrada do desenvolvedor.

Se você perceber que eu perdi algumas nuances importantes (porque talvez eu nunca tivesse enfrentado isso), me avise nos comentários.

Pablo Cabral

Pablo Cabral

Eu fui coordenador de marketing no KaBuM!, o maior e-commerce de eletrônicos da América Latina… Trabalhei no Pag! e na Wine.com.br, sem contar as inúmeras agências que dei consultoria ao longo do tempo.

Nessas empresas eu desenvolvi muitas técnicas básicas e avançadas que dão muitos resultados e estou disposto a passar todo o conhecimento.

Gostou do Conteúdo? Compartilhe!

Facebook
Twitter
LinkedIn
WhatsApp
Telegram
Email

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

  • Contratos válidos e autênticos com ZapSign

    Você sabia que é possível assinar documentos de forma digital? No artigo de hoje, vamos apresentar uma ferramenta incrível que vai facilitar a vida dos advogados na hora de assinar...
  • Biblioteca de Anúncios do Google

    Se você é anunciante no Google Ads, provavelmente já ouviu falar da biblioteca de anúncios do Google. Mas você sabe como acessá-la e explorar ao máximo todas as informações disponíveis? Hoje,...
  • Como recuperar número de WhatsApp (RecuperaZap)

    Se você já passou pelo problema de ter seu número de WhatsApp banido sem motivo aparente, sabe o quão frustrante pode ser ficar sem acesso à sua lista de contatos...
  • O que é UTM?

    A UTM é uma ferramenta que ajuda a rastrear o tráfego na internet, dando um "endereço" para cada campanha ou anúncio que você faz para divulgar o seu site. Com...
  • Estratégias de SEO para aparecer no topo.

    Você já imaginou como seria ótimo faturar de R$20 a R$30 mil por mês utilizando algumas estratégias de SEO? Neste post, você aprenderá quais são essas estratégias, como elas funcionam...
plugins premium WordPress