Ninja Forms GTM Event Listener

Ninja Forms

Overview

Ninja Forms is a flexible drag-and-drop form builder for WordPress. This listener uses jQuery's nfFormSubmitResponse event, fired by Ninja Forms after a successful submission, to push conversion data into the GTM dataLayer.

Event fired: ninjaFormSubmission Variable: NFformID Credit: Chris Berkley

Why Use This Listener

Ninja Forms submits via AJAX. The native GTM Form Submit trigger fires on button click, not on confirmed submission. This listener fires only after Ninja Forms confirms the response from the server.

Common Use Cases

• Track lead form and contact form completions
• Differentiate conversions across multiple Ninja Forms
• Fire Google Ads conversion tags on form confirmation
• Build GA4 custom audiences from form submitters

Installation

<!-- GTM Custom HTML Tag: Ninja Forms Listener -->
<script>
jQuery(document).ready(function() {
  jQuery(document).on('nfFormSubmitResponse', function(event, response, id) {
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      'event': 'ninjaFormSubmission',
      'NFformID': response.id
    });
  });
});
</script>

Fire on: All Pages (DOM Ready). Requires jQuery (included by WordPress).

Data Layer Output

{
  "event": "ninjaFormSubmission",
  "NFformID": "1"
}

GTM Setup

Trigger

Variable

GA4 Mapping

Debugging

Best Practices

1. Create a GTM Lookup Table to map form IDs to names
2. Use separate conversion actions in Google Ads for high-value forms
3. Combine with GA4's generate_lead event for CRM attribution

Related Listeners

• Gravity Form
• Contact Form 7
• Formidable Form
• Forminator Form