Pardot iframe form tracking

Nicholas Wright Updated by Nicholas Wright

If you are using Pardot iframe for your forms, you will need to do the following to properly track form submissions.

  1. Add the script to iframe's parent page:

If you're adding the script manually:

On the parent page that contains the iframe, you will need the following script added at the end of the <head /> section:

<script async id="dreamdata-form-identify" src="https://cdn.dreamdata.cloud/scripts/identify-form/v1/identify-form.min.js" data-iframe="true"></script>

Or, If you are adding the above script via Google Tag Manager,

Add the following script instead:

<script>
var script = document.createElement('script');
script.async = 'true';
script.id = 'dreamdata-form-identify';
script.src = "https://cdn.dreamdata.cloud/scripts/identify-form/v1/identify-form.min.js";
script.setAttribute('data-iframe', 'true');
document.head.appendChild(script);
</script>

  1. Add the script to the Pardot iframe form directly or the the form template

Copy the below script

<script async id="dreamdata-iframe" src="https://cdn.dreamdata.cloud/scripts/identify-form/v1/iframe-identify-form.min.js"></script>

and add it to the Pardot form directly or on the Form Template

If adding it directly, add the script within the Below Form section in the 3rd step (Look and Feel) when creating/editing the form within Pardot

How did we do?

Load analytics.js from your own domain

Query parameters

Contact