08 Dec

Tracking Formidable Form Submission with Google Tag Manager

Hey there! If you’re looking to track your Formidable form submissions as conversions in your analytics and advertising platforms, you’re in the right place! With Google Tag Manager, it’s easy to get this set up. Let’s walk through it together!

  1. Create a Custom HTML Tag: First, let’s create a new Custom HTML tag in Google Tag Manager. Copy the code below (don’t worry—it’s simple!) and paste it into your tag. Make sure to attach it to a pageview or DOM-ready trigger so it runs smoothly.

  2. Set Up a Custom Event Trigger: Next, let’s create a custom event trigger that fires only when someone successfully submits your form. For this, we’ll use the event name formidable_form_submitted . This way, you’ll only get notified when a form is actually filled out and sent. How cool is that?

  3. Add a Data Layer Variable: Now, let’s make it even more powerful! Create a dataLayer variable called formID to capture and store the unique identifier of each form submission. This little addition helps you keep track of which forms are performing.

  4. Activate Your Marketing Tags: With your custom event trigger and form ID variable ready to go, it’s time to activate your marketing conversion tags or pixels. This means that whenever a Formidable form is submitted successfully, you’ll be able to see that in your analytics. Yay for insights!

  5. Optimize and Grow: Finally, with the form ID variable, you can dive deeper into your data. Integrate the form ID into your analytics stack or tweak your trigger conditions to get even more refined results. The more you know, the better you can strategize!

    Ready to Get Started?

    And that’s it! You’re all set to track those form submissions and gain valuable insights. If you have any questions along the way, don’t hesitate to reach out. Happy tracking!

<script>
jQuery(document).ready(function($) {
    $(document).on('frmFormComplete', function(event, form, response) {
        var formID = $(form).find('input[name="form_id"]').val();
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({
            'event': 'formidable_form_submitted',
            'formID': formID
        });
    });
});
</script>

Leave a Reply