Todas as categorias > Guias e Jornadas > Como coletar parâmetros da URL através do Huggy Chat

Como coletar parâmetros da URL através do Huggy Chat

CRIADO por Helison Zurc

É possível enviar diversos parâmetros pela url, alguns deles muito importantes como as UTMs, que servem para mapear a origem dos leads. Utilizando o Huggy Chat, é possível coletar esses dados e utilizá-los da forma que desejar. Abaixo temos um exemplo de uma url com UTMs:

As UTMs deste link são:

utm_source = google-ads

utm_medium = cpc

utm_campaign = Huggy-Help

utm_term = keywords

utm_content = utm

Vamos utilizar o código abaixo junto ao código do seu widget (Huggy Chat) inserido em seu site:

<script>
var qs = (function (a) {
    if (a == "") return {};
    var b = {};
    for (var i = 0; i < a.length; ++i) {
        var p = a[i].split('=', 2);
        if (p.length == 1) {
            b[p[0]] = "";
        } else {
            b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
        }
    }
    return b;
})(window.location.search.substr(1).split('&'));

window.huggyData = {variables: []};

window.huggyData['variables'] = [];

z = 0;

for (var i in qs) {

    window.huggyData.variables[z] = ({key: i, value: qs[i]});

    z++;
}
</script>

Com ele é possível percorrer toda a url e ao final criar todos os parâmetros como variáveis disponíveis para o uso na Huggy e seus respectivos valores assim que o chat é criado.

Nesse exemplo, a variável {{utm_campaign}} quando utilizada no flow é substituído pelo valor “HelpHuggy”.

Neste vídeo abaixo, veja o procedimento de como inserir o código dentro do HTML do Widget (Huggy Chat):