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














Page