Pipedrive iFrame Form Submission Tracking with GTM (Google Ads & GA4)

Introduction

Pipedrive forms are often embedded on websites as iframe forms. Since iframe forms do not trigger normal form submission events, a listener script is required to capture the submission event. Using Google Tag Manager, we can listen to the iframe submission event and send the conversion data to Google Ads and GA4.
✔ This setup allows you to track:
➜ Pipedrive iframe form submissions
➜ Lead conversions in Google Ads
➜ Form submission events in GA4
➜ Data Layer based form tracking through GTM

Prerequisites

Before starting, make sure you have:
✔ Pipedrive iframe form embedded on the website
✔ Google Tag Manager installed on the page
✔ Google Ads account
✔ GA4 property
✔ Custom Pipedrive form listener code

📞 Need Help?

✅ Hire Me for SetupWhatsApp Me
✅ Book a ConsultationSchedule a Call

Step-by-Step Implementation

Step 1: Confirm Pipedrive Form is an iFrame

Open the page where the Pipedrive form is embedded.
Right click the form and select View Frame Source.
Verify the form source domain shows:
webform.pipedrive.com

Pipedrive iFrame Form Source


Step 2: Verify Google Tag Manager Installation

Open Google Tag Manager.
Click Preview Mode.
Enter the website URL and connect.

If the preview connects successfully, Google Tag Manager is working correctly.

GTM Preview Connected


Step 3: Add Pipedrive Listener Code

Create a Custom HTML Tag in Google Tag Manager.
Add the listener code that listens for the Pipedrive iframe form submission.

Listener origin:
webform.pipedrive.com

Pipedrive Listener Script


Step 4: Submit the Form

Fill the Pipedrive form using test data and submit it.

Form Submission


Step 5: Verify Data Layer Event

Open GTM Preview Mode and check the events.
You should see the event:

pipedrive form submission

Data Layer Event Detected


Step 6: Create Custom Event Trigger

Open GTM → Create a new trigger.

Trigger Type: Custom Event
Event Name: pipedrive lead

Save the trigger.

Custom Event Trigger


Step 7: Create Conversion Action in Google Ads

Open Google Ads → Create a new conversion action.

Conversion Type: Form Submission
Conversion Name: Pipedrive Lead
Implementation Method: Google Tag Manager

Copy the following:
• Conversion ID
• Conversion Label

Google Ads Conversion Setup


Step 8: Create Google Ads Conversion Tag

Open GTM → Create a new tag.

Tag Type: Google Ads Conversion Tracking

Add:
• Conversion ID
• Conversion Label

Trigger: pipedrive lead

Save the tag.

Google Ads Conversion Tag


Step 9: Create Google Tag

Create a new tag.

Tag Type: Google Tag

Add the Conversion ID.

Trigger: All Pages

Save the tag.

Step 10: Create Conversion Linker Tag

Create a new tag.

Tag Type: Conversion Linker

Trigger: All Pages

Save the tag.

Conversion Linker Tag


Step 11: Disable Enhanced Conversions

Pipedrive iframe forms do not send user data such as email or phone number.

Disable Enhanced Conversions in the conversion tag.

Enhanced Conversion Disabled


Step 12: Test Conversion Tracking

Open GTM Preview Mode again.
Submit the form using test data.

Confirm:

➜ Data layer event fires
➜ Google Ads conversion tag fires
➜ Conversion ID and label appear in the tag

Conversion Tag Fired

Final Publish Step

Publish the GTM container.

✔ Pipedrive iframe form submission tracking is now active.

Professional Conclusion

✔ After implementing this setup you can track:
➜ Pipedrive iframe form submissions
➜ Google Ads lead conversions
➜ GA4 form submission events

This setup allows advertisers to measure leads generated from Pipedrive forms and optimize campaigns using accurate conversion tracking.

Need expert help setting up Pipedrive form tracking?

✅ Hire Me for SetupWhatsApp Me
✅ Book a ConsultationSchedule a Call

Author

Md Zubayer Islam
Marketing Data Analyst

LinkedIn
Facebook
Twitter

Leave a Comment

Your email address will not be published. Required fields are marked *