post

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:

Inscreva-se em Nossa News:

Seja notificando sempre que tiver conteúdo novo disponível no meu canal do Youtube ou artigo no meu Blog.

Bruno Devs News

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


Comentários