Contact Form 7 Submission Tracking

 

Listener tag for WP Forms in GTM

Listener Code:

<script>

  // This code notifies Google Tag Manager when a wpForm is submitted

  var elementsArray = document.querySelectorAll('[id^="wpforms-form-"]');

  elementsArray.forEach(function(elem) {

elem.addEventListener("submit", function(e) {

   window.dataLayer = window.dataLayer || [];

   window.dataLayer.push({

     event: "wpFormSubmit",

     wpFormElement: event.target

   });

});

  });

</script>

• Tag type: [ Tag Name:- cHTML - WPFORMS 7 - Listener ]
• Custom HTML = Listener Code
• Trigger:- [ Trigger Name :- All Page ]

Trigger:- [ Trigger Name :-  GA4 - WPFORMS 7 - Trigger ]

                       # Custom Event:- wpFormSubmit

                       # Click - Just Links:- event equals -  ..............

                       # Click - All Elements:- event equals -  .................

                       # Element Visibility:-     .CSS Selector      #ID

• Tag type: [ Tag Name:- GA4 - WPFORMS 7 - Tag ]

• Event Name :- wp_form_submission