Mailchip-emmbedform tracking listner

cHTML | Mailchimp Form


<script>
  
function trackMailchimpForm(event) {
  // Check if the form element or its parent has the data-gtm-form-track attribute
  var form = event.target.closest('[data-gtm-form-track="true"]');
  if (form) {
    // Extract relevant form data
    var formId = form.id;
    var formAction = form.action;

    dataLayer.push({
      'event': 'mailchimpFormSubmitted',
      'formId': formId,
      'formAction': formAction
      
    });
  }
}

document.addEventListener('submit', trackMailchimpForm, true);
  
</script>

=============================
<form data-gtm-form-track="true">
so you need to add this on your form 

=== data-gtm-form-track="true"


Trigger: This is a custom event

eventName:   mailchimpFormSubmitted


DIFFERENT WAY ====== 2

cHTML | Mailchimp Form

// Custom JavaScript code
function trackMailchimpForm(event) {
  // Check if the event target matches the Mailchimp form
  var form = event.target;
  if (form.getAttribute('action') === 'YOUR_MAILCHIMP_FORM_ACTION_URL') {
    // Extract relevant form data
    var formId = form.id;
    var formAction = form.action;

    // Send form data to Google Tag Manager
    dataLayer.push({
      'event': 'mailchimpFormSubmitted',
      'formId': formId,
      'formAction': formAction
      // Add any additional data you want to track
    });
  }
}

// Attach the event listener to form submissions
document.addEventListener('submit', trackMailchimpForm, true);



Trigger: This is a custom event

eventName:   mailchimpFormSubmitted



DIFFERENT WAY ====== 3

cHTML | Mailchimp Form

// Custom JavaScript code
function trackMailchimpForm(event) {
  // Check if the event target is the Mailchimp form by its ID
  var form = event.target;
  var formId = form.id;
  if (formId === 'yourFormId') {
    // Extract relevant form data
    var formAction = form.action;

    // Send form data to Google Tag Manager
    dataLayer.push({
      'event': 'mailchimpFormSubmitted',
      'formId': formId,
      'formAction': formAction
      // Add any additional data you want to track
    });
  }
}

// Attach the event listener to form submissions
document.addEventListener('submit', trackMailchimpForm, true);

------------
Trigger: This is a custom event

eventName:   mailchimpFormSubmitted

----
// Extract relevant form data
    var nameInput = form.elements['name'];
    var emailInput = form.elements['email'];
    var phoneInput = form.elements['phone'];

    // Get the values of the form fields
    var nameValue = nameInput.value;
    var emailValue = emailInput.value;
    var phoneValue = phoneInput.value;

then add this on data layer 

dataLayer.push({
      'event': 'mailchimpFormSubmitted',
      'formId': formId,
      'name': nameValue,
      'email': emailValue,
      'phone': phoneValue
      // Add any additional data you want to track
    });

//Important Type this code manually won't copy paste this 😃😃😃😃


For Event Matching 


user_data_email_address
user_data_first_name
user_data_last_name
user_data_phone_number
user_data_city
user_data_postal_code
user_data_country