Pixel de conversão no WordPress

O WordPress não precisa de nada especial — o pixel de conversão do Styrar é apenas uma tag <script>. Não é estritamente necessário nenhum plugin, embora um torne a gestão mais fácil.

Opção A: editor de temas

1. Vá a Aparência → Editor de ficheiros do tema → header.php (ou footer.php).

2. Cole isto imediatamente antes de </head> (ou </body> se estiver a usar o ficheiro de rodapé):

   HTML

   <script src="https://api.styrar.com/v1/pixel/styrar.js" async></script>
   

3. Marque conversões em qualquer ponto dos seus modelos ou conteúdo:

   HTML

   <button data-styrar-track="signup">Sign up</button>
   

Editar ficheiros do tema diretamente faz com que sejam substituídos nas atualizações do tema — use um tema filho, ou a Opção B, se atualizar o seu tema com frequência.

Opção B: um plugin de scripts de cabeçalho/rodapé (recomendado)

1. Instale um plugin como o WPCode ou o Insert Headers and Footers.
2. Adicione a mesma tag <script src="https://api.styrar.com/v1/pixel/styrar.js" async></script> ao slot de cabeçalho do plugin — em todo o site, ou limitada apenas à landing page para onde o seu link curto redireciona.
3. Use atributos data-styrar-track no bloco HTML personalizado do editor de blocos, ou chame window.styrar.track(eventName, data) a partir de um <script> em linha num bloco HTML personalizado.

Exemplo com WooCommerce

<script>
  document.addEventListener('DOMContentLoaded', function () {
    if (typeof wc_checkout_params !== 'undefined' && window.location.href.includes('order-received')) {
      window.styrar && window.styrar.track('purchase', { value: <?php echo $order_total; ?> });
    }
  });
</script>

Coloque isto no modelo da sua página de confirmação do pedido / "obrigado", usando o que o seu tema expuser para o valor total do pedido.

Relacionado

• Pixel de conversão — referência completa