# Ticto Echo -Trackeamento oficial ticto UTMs

## Script de Repasse de UTMs

O **Ticto Echo** é um script que adiciona automaticamente os parâmetros da URL atual em todos os links da sua página de vendas, garantindo que informações de origem do tráfego — como campanhas, anúncios e links de afiliados — cheguem corretamente ao checkout da Ticto.

{% hint style="warning" %}
⚙️ Adicione o script de repasse automático de UTMs em todas as suas páginas de vendas para aumentar a precisão dos seus eventos e garantir a atribuição correta das vendas geradas por afiliados. 
{% endhint %}

***

### 📚 Índice

* [Como instalar](#como-instalar)
* [O que o script faz](#o-que-o-script-faz)
* [Exemplo prático](#exemplo-pratico)
* [Usando com IAs (Lovable, Bolt.new, v0)](#usando-com-ias-lovable-bolt.new-v0)
* [Quando usar echoRedirect()](#quando-usar-echoredirect)
* [Compatibilidade](#compatibilidade)

***

### Como instalar

Cole o código abaixo antes do fechamento da tag `</body>` da sua página:

html:

<pre class="language-html"><code class="lang-html"><strong>&#x3C;script src="https://echo.ticto.app/ticto-echo.min.js">&#x3C;/script>
</strong></code></pre>

{% hint style="warning" %}
&#x20;O script deve ser inserido em **todas as páginas de vendas** que antecedem o checkout para garantir o rastreamento completo.&#x20;
{% endhint %}

***

### O que o script faz

* Detecta todos os links HTTP/HTTPS da página.
* Adiciona os parâmetros da URL atual aos links automaticamente.
* Preserva parâmetros que já existem nos links — **não sobrescreve**.
* Funciona com `<a href>`, `onclick` inline e atributos `data-*`.
* Detecta elementos adicionados dinamicamente à página.
* Disponibiliza a função helper `echoRedirect()` para redirecionamentos programáticos.

***

### Exemplo prático

**URL da página de vendas:**

```
https://minhalanding.com?utm_source=facebook&utm_campaign=promo
```

**Link original na página:**

html

```html
<a href="https://payment.ticto.app/XXXXXXXX">Comprar</a>
```

**Link transformado automaticamente pelo script:**

```
https://payment.ticto.app/XXXXXXXX?utm_source=facebook&utm_campaign=promo
```

{% hint style="info" %}
💡 Se o link já tiver parâmetros, eles são preservados. Exemplo: um link com `?id=123` ficará `?id=123&utm_source=facebook&utm_campaign=promo`.&#x20;
{% endhint %}

{% hint style="warning" %}
&#x20;O mesmo serve para as paginas disponibilizadas para afiliados dentro da ticto via [programa-de-afiliados](https://help.ticto.com.br/sou-produtor/meus-produtos/produtor/gerenciamento-e-acoes-em-produtos/programa-de-afiliados "mention").\
Ao inserir o script de rastreio aumentará a precisão do trackeamento das vendas geradas por afiliados.

**Exemplo**: Quando você disponibiliza uma pagina de vendas para um afiliado a ticto automaticamente gera o link  <https://ticto.link/to/P9ABB6?pid=AXXXXXXXX>,  o PID é a identificação que a ticto usa para comissionar os afilados, desta forma ao clicar no link de compra o script repassará as informações de trackeamento para o checkout  exemplo: <https://payment.ticto.app/XXXXXXXX?PID=AXXXXXXXX>
{% endhint %}

***

### Usando com IAs (Lovable, Bolt.new, v0)

Se você usa ferramentas de criação de páginas com IA, utilize o prompt abaixo para solicitar a implementação:

> *"Adicione o script Ticto Echo antes do fechamento da tag `</body>`: `<script src="https://echo.ticto.app/ticto-echo.min.js"></script>`. Este script repassa automaticamente os parâmetros da URL (como utm\_source, utm\_campaign, etc.) para todos os links da página. Links normais funcionam automaticamente."*

***

### Quando usar echoRedirect()

O script funciona de forma **100% automática** para a maioria das páginas. Porém, em alguns casos específicos com React ou JavaScript programático, é necessário usar a função `echoRedirect()`.

| Tipo de link                       | Funciona automaticamente? |
| ---------------------------------- | ------------------------- |
| Tags `<a href="...">`              | ✅ Sim                     |
| Atributos `onclick` inline no HTML | ✅ Sim                     |
| Event listeners JavaScript/React   | ❌ Usar `echoRedirect()`   |
| `window.location` programático     | ❌ Usar `echoRedirect()`   |
| Botões React com `onClick`         | ❌ Usar `echoRedirect()`   |

**Exemplo de uso com React:**

jsx

```jsx
onClick={() => echoRedirect("https://payment.ticto.app/XXXXXXXX")}
```

{% hint style="info" %}
&#x20;Para landing pages simples com links normais, o script funciona automaticamente sem nenhuma configuração adicional.&#x20;
{% endhint %}

***

### Compatibilidade

O Ticto Echo é compatível com as principais plataformas e construtores de página:

* WordPress, Elementor, Divi
* Unbounce, ClickFunnels, Leadlovers
* Great Pages
* HTML estático e Single Page Applications (SPAs)
* Páginas geradas por IA (Lovable, Bolt.new, v0 e similares)

***

### Leia mais

* [Como fazer trackeamento com UTM, SRC e SCK na Ticto](https://help.ticto.com.br/sou-produtor/trackeamento/como-fazer-trackeamento-perfeito-utilizando-utm-src-e-sck-na-ticto)
* [Relatórios — Smart Source Report](https://help.ticto.com.br/relatorios#smart-source-report)