> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Como INSTALAR UTMs no GreatPages

Para **instalar UTMs em sua página**, você precisará seguir o tutorial abaixo:

||| Você não pode integrar seu formulário com outra plataforma até ter colocado o código da UTM e ter criado os campos ocultos no formulário.

1. Acesse o editor de páginas e clique no **ícone de engrenagens**, no canto superior direito;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_yib2s0.png =650x182)

2. Em seguida, clique em **"Javascript & CSS"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_agp19z.png =650x407)

3. Clique para **"Adicionar código"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_14nw8i4.png =650x414)

4. Escolha um nome para seu código, selecione a opção **"Funcionamento"** e adicione no campo de texto todo o código abaixo;

```
<script>
    function URLToArray(url) {
        var request = {};
        if (url.indexOf('?') !== -1) {
            url = encodeURI(url);
            var pairs = url.substring(url.indexOf('?') + 1).split('&');
            for (var i = 0; i < pairs.length; i++) {
                if (!pairs[i]) continue;
                var pair = pairs[i].split('=');
                if (pair[1] == undefined || pair[1] == '') { request[decodeURIComponent(pair[0])] = ''; }
                else {
                    try { request[decodeURIComponent(pair[0])] = decodeURIComponent(unescape(pair[1])); }
                    catch (e) { request[decodeURIComponent(pair[0])] = pair[1]; }
                }
            }
        }
        return request;
    }
    /* Campos para integração */
    function CamposUTM(modal) {
        if (modal == undefined) { modal = false; }
        /* Formulários */
        let formularios = Array.from(document.querySelectorAll((modal ? '.gpc_modal ' : '') + 'form'));
        utm = URLToArray(window.location.href);
        let link_usar = '';
        if (Object.entries(utm).length) {
            for (var [key, value] of Object.entries(utm)) { link_usar += key + '=' + value + '&'; }
            if (link_usar.length) { link_usar = link_usar.substr(0, (link_usar.length - 1)); }
        }
        formularios.map(formulario => {
            /* Controle de get utm_source */
            $(formulario).find('.gpc_campo').each(function (i, campo) {
                let valor = $(campo).val();
                if (valor.indexOf('{') != -1 && valor.indexOf('}') != -1) {
                    let valor_limpo = valor.replace('{', '').replace('}', '');
                    utm.hasOwnProperty(valor_limpo) ? $(campo).val(utm[valor_limpo]) : $(campo).val('');
                }
            });
            let botao = $(formulario).find('.gpc_botao');
            if (botao.attr('gpc-link') !== undefined && botao.attr('gpc-link') !== '') {
                try {
                    let link_new = new URL(botao.attr('gpc-link'));
                    for (var [key, value] of Object.entries(utm)) { link_new.searchParams.set(key, value); }
                    botao.attr('gpc-link', `${link_new.toString()}`);
                } catch (error) {
                    let concatenar = '?';
                    if (botao.attr('gpc-link').indexOf('?') !== -1) { concatenar = '&'; }
                    botao.attr('gpc-link', botao.attr('gpc-link') + concatenar + link_usar);
                }
            }
        });
        /* Botões */
        if (link_usar != '') {
            /* Habilitar para boões expecificos */
            let botoes = Array.from(document.querySelectorAll((modal ? '.gpc_modal ' : '') + '.link_externo'));
            botoes.map(link => {
                /* Controle de get utm_source */
                $(link).each(function (i, href) {
                    if ($(href).attr('href') !== undefined && $(href).attr('href') !== '') {
                        try {
                            let link_new = new URL($(href).attr('href'));
                            for (var [key, value] of Object.entries(utm)) { link_new.searchParams.set(key, value); }
                            $(href).attr('href', `${link_new.toString()}`);
                        } catch (error) {
                            let concatenar = '?';
                            if ($(href).attr('href').indexOf('?') !== -1) { concatenar = '&'; }
                            $(href).attr('href', $(href).attr('href') + concatenar + link_usar);
                        }
                    }
                });
            });
        }
    }
    CamposUTM();
    $('body').on('click', '.link_popup', function () { setTimeout(() => { CamposUTM(true); }, 200); });
</script>
```

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_rsqf9g.png)

Agora, é necessário criar os campos no formulário para que pegue as informações da conversão. 

5. Dê um clique no formulário e em seguida clique em **"Editar"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_sjhgqd.png =650x494)

6. Na aba de Configurações (no lado direito da tela), clique em **"Adicionar campo"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_unyvdi.png =650x603)

7. Selecione como Tipo de campo a opção **"Campo oculto"**, e adicione o campo UTM que deseja receber;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_5h0wl2.png =650x313)

8. Informe o **"Título do campo"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1joluja.png =650x303)

9. E entre **"{}"** (chaves) informe o valor da UTM. (Por exemplo, se deseja que o campo receba o valor que irá vir do "utm source", o valor do campo oculto deve ser **"{utm\_source}"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1tnhtuu.png =650x309)

Por fim, salve os campos adicionados! 

Ficou com alguma dúvida? Chame nosso equipe no Chat! Estamos sempre prontos para ajudar. :-)