post

Adicionando Etiquetas Dinamicamente para o Usuário no Mautic via URL com JavaScript

Publicado em: 12/05/2024 / Atualizado em: 12/05/2024

Categorias: BlogJavaScript (JS)JSMautic

Com uma simples substituição de código no Mautic você pode revolucionar a organização de tags para melhor rastreamento de usuários anônimos. Quando eles se cadastram, essa mudança facilita a segmentação e categorização futura. Segue processo de detalhado abaixo:

No trecho de código de rastreamento padrão que o Mautic oferece, tem essa linha:

mt('send', 'pageview');

Você pode substituir por esta:

document.addEventListener('DOMContentLoaded', function() {
  function getUTMParameter(name) {
    let results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    return results ? decodeURIComponent(results[1]) : null;
  }

  const utmParameters = ['utm_campaign', 'tags'];
  let tags = [];

  utmParameters.forEach(function(param) {
    let value = getUTMParameter(param);
    if (value) {
      //tags.push(param + ': ' + value);
      tags.push(value);
    }
  });

  if (tags.length > 0) {
    mt('send', 'pageview', { 'tags': tags.join(', ') });
  } else {
    mt('send', 'pageview');
  }
});

Basicamente, o código acima cria uma etiqueta automaticamente para o usuário com base no parâmetro utm_campaign da URL.

Adicionalmente, tambem adicionei para verificar se possui um parâmetro tags na URL, onde pode passar palavras separadas por virgula, se quiser adicionar mais de uma também. Como no exemplo abaixo:

https://bruno.art.br/contato/?utm_campaign=campanha-teste

Nesse caso, vai criar uma etiqueta com o nome “campanha-teste“.

https://bruno.art.br/contato/?utm_campaign=campanha-teste&tags=ola,mundo

Nesse outro exemplo acima, alem de criar a tag com nome da campanha, vai criar também outras 2 tags (“ola” e “mundo“) pois estão separadas por virgula.

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/5138

ID de Referência: 5138

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