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

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.