# 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](/sou-produtor/meus-produtos/produtor/gerenciamento-e-acoes-em-produtos/programa-de-afiliados.md).\
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](/sou-produtor/trackeamento/como-fazer-trackeamento-perfeito-utilizando-utm-src-e-sck-na-ticto.md)
* [Relatórios — Smart Source Report](/sou-produtor/relatorios.md#smart-source-report)


---

# 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/ticto-echo-trackeamento-oficial-ticto-utms.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.