Disparar webhook via Google Tag Manager

Configurando disparo de webhook utilizando formulário e Google Tag Manager

<script>
// Substitua <WEBHOOK_URL> pelo URL do seu webhook //
var webhookUrl = '<WEBHOOK_URL>';

// Obtenha o elemento do formulário
var form = document.querySelector('form');

// Adicione um ouvinte de evento submit ao formulário
form.addEventListener('submit', function(event) {

// Impedir que o formulário seja enviado normalmente
event.preventDefault();


// Obtenha os dados do formulário
var formData = new FormData(form);

// Converta os dados do formulário em um objeto
var data = {};
formData.forEach(function(value, key) {
  data[key] = value;
});

// Envie uma solicitação POST para o URL do webhook com os dados do formulário
fetch(webhookUrl, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
  })
  .then(function(response) {
    console.log('Webhook sent successfully');
})
  .catch(function(error) {
    console.error('Error sending webhook', error);
  });
});
</script>


O código a seguir será para ajustar os dados que recebe no json

<script>
// Obtenha os dados do formulário
var formData = new FormData(form);

// Converta os dados do formulário em um objeto
var data = {
  name: formData.get('name'),
  email: formData.get('email')
};
</div>

Se você estiver interessado em configurar o rastreamento do lado do servidor para o seu site, não hesite em nos contatar.

Esta resposta foi útil?
😞
😐
😁