Pardot Form Submission using Google Tag Manager

Standard

Recently one client asks to implement form using google tag manager for Pardot B2B marketing automation by Salesforce. First, you need to understand, How to form submission working with Pardot Form either you can redirect third party URL or Display Success Message on Pardot Form Submission. Pardot form is a difficult to track in Google Analytic because an iframe so first you need to understand and think about , How you will put code on the Pardot Form and or write a custom Javascript 

  1. Pardot Form embedded on the website with an Iframe 
  2. Pardot Form showing alway referral or Direct traffic  but solving this issue you need write a custom so that you can identify original source form submission 

IFrame Pardot Form Submission Tracking with Google Tag Manager

  1. Ignore Referral as Paradot  
  2. Show Correct Source of Traffic 
  3. Implement Form Decor to track correct origin source of traffic

First Install Google Tag Manager on Pardot iFrame Form template header and Body  

Paste this code as high in the <head> of the page as possible:
<!– Google Tag Manager –>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-XXXX’);</script>
<!– End Google Tag Manager –>
Additionally, paste this code immediately after the opening <body> tag:
<!– Google Tag Manager (noscript) –>
<noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-XXXX”
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<!– End Google Tag Manager (noscript) –>

Note: Make you will replace GTM Tracking Code with your GTM ID XXXXX

 

Pardot iFrame Form Tracking

Tracking Pardot Forms in Google Analytics

2. Implemented Form Decor and Cross Domain Tracking Implemented to see correct form submission as correct source of traffic in Google Analytic for salesforce pardot Form and Conversion tracking

3. If you are not redirect from Pardot Form to third Party URL, When Form Submission it will show message after Submitting Pardot Form below See the screenshot.

When showing success message show then need to write a custom javascript to track those form submission Tracking pardot forms in google analytics using Google Tag Manager

Pardot Form Tracking as Event Tracking using Google Tag Manager

Warning: If you do n’t know about javascript or do n’t have developing knowledge then do n’t try to Pardot Forms Tracking using Google Tag Manager that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property 

For Contact: mappchero@gmail.com

I am available for Hire on Freelancer: Freelancer.com

I am available for Hire on Upwork: Upwork.com

I am available for Hire on Peopleperhour: Peopleperhour.com

I am available for Hire on Guru: Guru.com

No Fields Found.

Related posts:

Default ThumbnailContact Form 7 with Google Tag Manager without a Plugin in WordPress Default ThumbnailLead Source Form Tracking using Google Tag Manager for Zoho, Gravity Form, Contact7 Form Default ThumbnailSquarespace Form Submission with Google Tag Manager Default ThumbnailNinja Form Submissions with Google Tag Manager Default ThumbnailTrack Gravity Form Event Tracking Submissions Using Google Tag Manager Default ThumbnailConfigure Google Tag Manager in DotNetNuke (DNN) to Ecommerce Tracking and Form Tracking Default ThumbnailSetup Ecommerce Tracking for Donation Form using Google Tag Manager Default ThumbnailTracking Marketo Form Submissions using Google Tag Manager

Leave a Reply

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