Rastreador (Tracker) de UTM para Link Externo Checkout Kiwify - Bruno Devx - BR Criativus

post #5571

Rastreador (Tracker) de UTM para Link Externo Checkout Kiwify

Publicado em: 25/07/2024 / Atualizado em: 25/07/2024

Categorias: BlogJavaScript (JS)JSKiwifyUTM

Código JavaScript que identifica botões com URLs que contêm “kiwify.com.br” (incluindo subdomínios) e adiciona os parâmetros UTM da URL da página atual ao link desses botões. Esse código deve ser incluído no script da sua página:

<script>
// Função para extrair os parâmetros UTM da URL da página atual
function getUTMParametersLinkExterno() {
    const urlParams = new URLSearchParams(window.location.search);
    let utmParams = {};

    urlParams.forEach((value, key) => {
        if (key.startsWith('utm_')) {
            utmParams[key] = value;
        }
    });

    return utmParams;
}

// Função para adicionar os parâmetros UTM ao link
function addUTMParamsToLinksExternos() {
    const utmParams = getUTMParametersLinkExterno();

    if (Object.keys(utmParams).length === 0) {
        return;
    }

	const buttons = document.querySelectorAll('a[href*="kiwify.com.br"]');

    buttons.forEach(button => {
        const url = new URL(button.href);
        Object.keys(utmParams).forEach(key => {
            url.searchParams.set(key, utmParams[key]);
        });
        button.href = url.toString();
    });
}

// Executar a função ao carregar a página
window.addEventListener('load', addUTMParamsToLinksExternos);
</script>

Explicação:

  1. getUTMParametersLinkExterno: Esta função coleta todos os parâmetros UTM da URL da página atual e os armazena em um objeto.
  2. addUTMParamsToLinksExternos: Esta função seleciona todos os botões (elementos <a>) que contêm “kiwify.com.br” em seus hrefs. Para cada botão encontrado, ela adiciona os parâmetros UTM ao href.
  3. EventListener: O código executa a função addUTMParamsToLinksExternos quando a página carrega.

Instruções:

  1. Insira o código acima em um arquivo JavaScript incluído em sua página ou diretamente em uma tag <script> dentro do <head> ou do <body> da sua página HTML.
  2. Certifique-se de que os botões que você deseja monitorar tenham URLs contendo “kiwify.com.br” ou seus subdomínios.

Publicações recomendadas:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=5571

ID de Referência: 5571

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato