Wordpress

2° Insert Headers and Footers by WPBeginner :Esse plugin é para facilitar na instalação de códigos dentro do Header do site, evitando assim mexer no código do cliente.

Após a instalação do mesmo ir em configurações e selecionar o plugin conforme prints abaixo:

3° WooCommerce Pixel Manager by woopt - Plugin para remarketing dinamico

Para Remarketing Dinâmico, colocar o ID do remarketing, seguindo o formato do print abaixo:

Depois deixar configurado seguindo os prints abaixo:

Após configurar, o site já começa a enviar os dataLayers com os evento de Remarketing Dinâmico.

4° Product Feed PRO for WooCommerce: Para Feed do Google shopping

Vídeo explicando o passo a passo de como configurar:

https://www.youtube.com/watch?v=2XzxwKDufGw

E um guia também explicando o funcionamento

https://www.greengeeks.com/tutorials/product-feed-pro-woocommerce/

Conversão de compra - [Ads Conversion Code]

O código abaixo é uma base e funciona na maioria dos sites feitos em Wordpress.

Importante: Pode ser que os seletores dependendo do site mude, então testar o código com antecedência.

Versão para Google Tag Manager com dataLayer:

Enhanced Conversion para WooCommerces

OBS: Não esquecer de trocar o código do pais var g_countrycode = '+54';

Conversão de Click Whatsapp JoinChat - [Ads Conversion Code]

Como identificar que o Botão de Whatsapp é Joinchat?

Quando você for inspecionar o botão do whatsapp e se deparar com a classe que tenha a nomenclatura JoinChat como na imagem abaixo:

Provavelmente o botão vai ter um evento de dataLayer configurado para escutar o clique no botão, e quando o botão for clicado o evento da imagem abaixo vai ficar disponível no dataLayer.

Então o código por Google Tag Manager precisa ter um acionamento diferente de Evento Personalizado com o nome de JoinChat.

Se for fazer por código direto, o código dispara uma conversão, é só adicionar a gtag e inserir o código no Header do site.

Formulário wpcf7 - [Ads Conversion Code]

Alguns formulários do CMS Wordpress, tem um padrão de funcionamento diferente dos demais e não enviam eventos de submit, porque eles tem um evento próprio chamado wpcf7mailsent. Ao realizar a inspeção no site e se deparar com uma classe chamada wpcf7 igual a imagem abaixo:

Podemos utilizar o código abaixo tanto no Google Tag Manager em um HTML personalizado ou por gtag que assim que o evento wpcf7 acontecer ele vai disparar a conversão:

Comercio Eletrônico Avançado - [Analytics Enhanced E-Commerce Tracking]

Como o Google Analytics Universal vai ser descontinuado, vou deixar uma base de código para o GA4 que funciona na maioria dos sites Wordpress sem precisar mudar nenhum seletor, mas sempre é importante testar cada código:

// view_item

// para gtag, adicionar no lugar do dataLayer o código abaixo e colocar o DOMContentLoaded no inicio do código

// add_to_cart view page e add to cart por clique

// add_to_cart por clique

// para gtag, adicionar no lugar do dataLayer o código abaixo e colocar o DOMContentLoaded no inicio do código

// begin_checkout

// para gtag, adicionar no lugar do dataLayer o código abaixo e colocar o DOMContentLoaded no inicio do código

// purchase

// para gtag, adicionar no lugar do dataLayer o código abaixo e colocar o DOMContentLoaded no inicio do código

Remarketing Dinâmico - [Dynamic Remarketing]

Segue abaixo código base para os eventos de Remarketing Dinâmico do Wordpress, lembrando que na maioria dos sites o código funciona sem alterações, mas sempre é bom validar e testar o código antes.

Observação: Código abaixo é base para retail.

// view_item

// add_to_cart por clique

// purchase

// Event with dynamic remarketing data fazendo por gtag

Enhanced Commerce + Remarketing no WooCommerce via GTM

O QUE SABER ANTES DE CONFIGURAR?

O Wordpress tem seu sistema de e-commerce gerido pelo WooCommerce na imensa maioria dos casos abertos. Entretanto o WooCommerce não oferece integração direta com nenhum dos recursos do Google, cabendo ao agente buscar recursos externos para aplicar estas funcionalidades.

COMO CONFIGURAR?

É essencial que o agente tome nota que, além do WooCommerce, recomendamos neste post a instalação do plugin GTM4WP.

1- No painel do Wordpress, baixe e instale o plugin

2- O plugin fica disponível em Settings

3- Ao acessar as configurações do plugin, insira o ID do Google Tag Manager

4- Agora, clique na aba Integration e, em seguida, na aba WooCommerce

5- Selecione os campos a seguir para ativar os eventos:

6- Selecione este campo para ativar variáveis associadas ao Remarkeeting:

7- Realize o upload do contêiner

O contêiner deve conter as seguintes tags:

8 tags de GA4 com os eventos view_item, view_item_list, select_item, add_to_cart, remove_from_cart, view_cart, begin_checkout e purchase, cada um com seus parâmetros devidamente configurados, restando apenas agregar o ID da propriedade do GA4;
Uma tag de UA com os mesmos eventos citados acima configurados de forma geral para todos, restando apenas agregar o ID da propriedade do UA;
Uma tag de remarketing dinâmico com os eventos view_item, view_item_list, add_to_cart e purchase devidamente configurado, restando apenas agregar o ID;

O contêiner está em nosso drive e você pode baixá-lo clicando aqui.

*Nome do arquivo: woocommerce-ga4-enhanced-commerce-remarketing.zip

Inserindo Código Direto no Header ou Body

Um aviso antes de inserir qualquer código dentro do Header do Worpress, verifica primeiro se a pessoa construiu com Elementor, porque o Elementor tem uma segurança que não permite inserir códigos externos, ou ele bloqueia ou não roda o código.

Nesses casos o ideia é utilizar o plug in Insert Headers and Footers ou se for Elementor Pro, dentro do icone do Elementor tem uma opção Custom Code, ele vai permitir inserir códigos externos por lá.

Para inserir código, vc vai procurar no Painel do Wordpress: Aparência > Editor > Arquivos do Tema > header.php

Page updated

Google Sites

Report abuse