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:

  • Remover Popup Elementor da Tela ao Clicar em Botão Personalizado com JS

    Nesse post compartilho um código Javascript que permite que você crie um botão dentro do seu Popup do Elementor, que permita ao usuário clicar e fechar (removendo o popup do HTML) o popup. Segue código abaixo: Para adicionar esse código, recomendo usar o widget HTML do Elementor, e adicionar dentro do próprio Popup, assim o […] ... Continue a ler.

  • Código JS para Redirecionamento com Parâmetros em Formulários WordPress/Elementor

    Nesse post vou mostrar um jeito, via código JS, de redirecionar o usuário para uma URL especifica adicionando parâmetros nela para rastreamento das informações. Segue código abaixo: OBS: O código acima esta otimizado para pegar dados de formulários do Elementor que usam o name de form_fields[ALGUMA_COISA] mas você pode adaptar para o seu código. ... Continue a ler.

  • Stack e Comando Shell Script para Projetos NextJS

    Nesse post compartilho uma stack de comandos que gosto de usar para iniciar um projeto em NextJS. Abaixo listo a Stack completa das ferramentas, bibliotecas e frameworks para você pesquisar e também dou um script para rodar no terminal para instanciar seu primeiro projeto. Stack Comandos: ... Continue a ler.

Link Curto para Compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/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