# Configuração de UTM no WordPress com PixelYourSite

## Configuração de UTM no WordPress com PixelYourSite

Este guia explica como configurar parâmetros UTM em páginas WordPress usando o plugin **PixelYourSite**, garantindo que as informações de campanha cheguem corretamente ao checkout da TICTO.

***

### Pré-requisitos

Antes de começar, certifique-se de ter acesso administrativo ao WordPress e o plugin PixelYourSite instalado e ativo.

***

### Passo a Passo Configuração no Wordpress

{% stepper %}
{% step %}
Instalar o Plugin PixelYourSite no wordpress:

No menu lateral do WordPress, acesse **Plugins → Adicionar Novo**, pesquise por **PixelYourSite**, clique em **Instalar Agora** e, em seguida, em **Ativar**.

{% endstep %}

{% step %}
Acessar a Página a Ser Editada

No painel administrativo, vá até **Páginas** no menu lateral, localize a página onde deseja configurar os parâmetros UTM e clique em **Editar**.

<div data-with-frame="true"><figure><img src="/files/ygnovn5EYSUr8h5ejrkP" alt=""><figcaption></figcaption></figure></div>

{% endstep %}

{% step %}
Localizar a Seção do PixelYourSite

Dentro do editor da página, role para baixo até encontrar a seção relacionada ao **PixelYourSite** e clique para expandir as opções de configuração.

<div data-with-frame="true"><figure><img src="/files/7cyBFDvQDW231P18u24y" alt=""><figcaption></figcaption></figure></div>

{% endstep %}

{% step %}
Inserir o Script no Footer

Na seção **Head & Footer Scripts**, localize o campo **Footer (any device type)** e cole o seguinte script:

{% hint style="danger" %}
**Atenção:** Substitua `https://payment.ticto.app/O3893D2XX` pela URL de checkout que você está utilizando antes de salvar.
{% endhint %}

<div data-with-frame="true"><figure><img src="/files/UlpGWawsXMtHHHds9tIf" alt=""><figcaption></figcaption></figure></div>

Copie este trecho de código.

{% code overflow="wrap" %}

```javascript
<script>
  (function() {
    const utmParamQueryString = new URLSearchParams(window.location.search);
    if (utmParamQueryString.toString()) {
      var navLinks = document.querySelectorAll('a');
      navLinks.forEach(function(item) {
        if (item.href.indexOf('https://payment.ticto.app/O3893D2XX') !== -1) {
          if (item.href.indexOf('?') === -1) {
            item.href += '?' + utmParamQueryString.toString();
          } else {
            item.href += '&' + utmParamQueryString.toString();
          }
        }
      });
    }
  })();
</script>
```

{% endcode %}
{% endstep %}

{% step %}
No botão da pagina que direciona para o checkout, informe o link da ofera/checkout e publique a pagina.

<div data-with-frame="true"><figure><img src="/files/xfyyVQWqLoRXzz5R8psg" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

***

### Testar a Configuração

Com o script salvo, siga os passos abaixo para validar:

{% stepper %}
{% step %}
Gere uma URL com os parâmetros UTM desejados ( ferramentas indicadas : <https://ga-dev-tools.google/campaign-url-builder/>)

<div data-with-frame="true"><figure><img src="/files/MzdRzdzP4LOZmOtx7vWH" alt=""><figcaption></figcaption></figure></div>

{% endstep %}

{% step %}
Ainda no construtor de urls, acesse o copie e acesse através do navegador.

{% hint style="info" %}
A url gerada pelo contrutor, pode ser usanda em campanhas de anúncios e divulgação.
{% endhint %}

<div data-with-frame="true"><figure><img src="/files/kOZxFpOnhJPaeVJSVVcl" alt=""><figcaption></figcaption></figure></div>

{% endstep %}

{% step %}
Acesse essa URL gerada pelo construtor.\
\
No navegador e passe o mouse sobre o botão de checkout e veja os parâmetros que estão sendo passados para o checkout.

<div data-with-frame="true"><figure><img src="/files/udVgUcRcHDCY1IgXRItM" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Verifique na barra de status do navegador se os parâmetros UTM estão sendo adicionados corretamente ao link.

<div data-with-frame="true"><figure><img src="/files/b1mN8UPjhPJIKXEwbf69" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Realize uma compra teste e confirme se os parâmetros chegaram nos  detalhes da venda na guia rastreamento.<br>

<div data-with-frame="true"><figure><img src="/files/pnVfMkQ57ZfPPSHkrhkp" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
É possível acompanhar  também um consolidado das vendas aprovadas por tag em **relatórios da TICTO:** [Relatórios](/sou-produtor/relatorios.md#smart-source-report)
{% endhint %}

<div data-with-frame="true"><figure><img src="/files/caggK0ekk8UILKFfVRgb" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

***

### Como funciona o script

O script verifica se a URL atual da página contém parâmetros UTM. Se sim, ele percorre todos os links da página e, naqueles que apontam para o checkout da TICTO, adiciona automaticamente esses parâmetros — usando `?` se o link ainda não tiver nenhum parâmetro, ou `&` caso já tenha. Dessa forma, nenhuma informação de origem do tráfego se perde durante o redirecionamento.

***

{% hint style="info" %}
Após concluir a configuração, monitore os relatórios de rastreamento na TICTO para garantir que os dados de campanha estão chegando corretamente a cada nova venda.&#x20;
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.ticto.com.br/sou-produtor/trackeamento/configuracao-de-utm-no-wordpress-com-pixelyoursite.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.