{"id":22766,"date":"2023-07-20T10:42:08","date_gmt":"2023-07-20T08:42:08","guid":{"rendered":"https:\/\/www.marketinet.com\/blog\/how-to-retrieve-utms-in-forms-with-pardot-iframe\/"},"modified":"2025-04-07T10:27:43","modified_gmt":"2025-04-07T08:27:43","slug":"how-to-retrieve-utms-in-forms-with-pardot-iframe","status":"publish","type":"post","link":"https:\/\/www.marketinet.com\/en\/blog\/how-to-retrieve-utms-in-forms-with-pardot-iframe\/","title":{"rendered":"How to retrieve UTMs in forms with Pardot IFRAME"},"content":{"rendered":"

As we discussed in our previous article on the \u201cGoogle Analytics Connector for Pardot\u201d<\/a>, it is not always easy to retrieve the UTMs so that this information appears to you in the leads once you activate the Google Analytics Connector. In this article we are going to see how to retrieve the UTM in forms with Pardot Iframe.<\/p>\n

\u00a0<\/p>\n


<\/span><\/p>\n

\"How<\/span><\/span><\/p>\n

\u00a0<\/p>\n

The possible cases are:<\/p>\n

\u00a0<\/p>\n

    \n
  1. If you can touch the server code, add the variables there through your back programming code<\/strong>: PHP, JAVA, .NET, etc.<\/span><\/li>\n
  2. In case you can’t touch it<\/span>, add those IFRAMES with a javascript code.<\/span><\/strong><\/li>\n
  3. If you cannot do either one or the other, you have no choice but to add it in the Pardot FORM. There you can add a javascript to retrieve that information.<\/span>\u00a0<\/span><\/li>\n<\/ol>\n

    \u00a0<\/p>\n

    Use server code<\/h2>\n

    \u00a0<\/p>\n

    For this, the normal thing is that you count on your IT department, theirs is to save the information of the UTM in session and then print it in the iframe, if the iframe has the structure:<\/span><\/p>\n

    \u00a0<\/p>\n

    \u00a0<\/p>\n

    <<\/span>iframe<\/span>\u00a0<\/span>src<\/span>=”https:\/\/<\/span>dominio.ejemplo<\/span>\/l\/10\/2011-00-02\/12345″\u00a0<\/span>width<\/span>=”100%”\u00a0<\/span>height<\/span>=”500″\u00a0<\/span>type<\/span>=”<\/span>text<\/span>\/<\/span>html<\/span>”\u00a0<\/span>frameborder<\/span>=”0″\u00a0<\/span>allowTransparency<\/span>=”true”\u00a0<\/span>style<\/span>=”<\/span>border<\/span>: 0″><\/<\/span>iframe<\/span>><\/span>\u00a0<\/span><\/p>\n

    \u00a0<\/p>\n

    We should include the utm by code, if it were php it would be something like this:<\/p>\n

    \u00a0<\/p>\n

    <<\/span>iframe<\/span>\u00a0<\/span>src<\/span>=”https:\/\/<\/span>dominio.ejemplo<\/span>\/l\/10\/2011-00-02\/12345<\/span>?utm_source=<\/span><?=<\/span>$<\/span>utmSource<\/span>?>&<\/span>utm_medium<\/span>=\u00a0<\/span><?=<\/span>$<\/span>utm<\/span>Medium<\/span>?> &<\/span>utm_campaign<\/span>=<\/span><?=<\/span>utmCampaign<\/span>?><\/span>&<\/span>utm_term<\/span>=<\/span>\u00a0<\/span><?=<\/span>$<\/span>utm<\/span>T<\/span>e<\/span>rm<\/span>?><\/span>&<\/span>utm_content<\/span>=<\/span>\u00a0<?=$utm<\/span>Content<\/span>?><\/span>”\u00a0<\/span>width<\/span>=”100%”\u00a0<\/span>height<\/span>=”500″\u00a0<\/span>type<\/span>=”<\/span>text<\/span>\/<\/span>html<\/span>”\u00a0<\/span>frameborder<\/span>=”0″\u00a0<\/span>allowTransparency<\/span>=”true”\u00a0<\/span>style<\/span>=”<\/span>border<\/span>: 0″><\/<\/span>iframe<\/span>><\/span>\u00a0<\/span><\/p>\n

    \u00a0<\/span><\/p>\n

    \u00a0<\/p>\n

    Adding javascript code in the \u201cparent\u201d page\u00a0<\/span><\/h2>\n

    \u00a0<\/p>\n

    If we want to include the javascript code instead of server code because we have a CMS that does allow us this code from its manager or for any other reason, we would have to include something like this for each form:<\/p>\n

    \u00a0<\/p>\n

    <noscript><\/span>\u00a0<\/span><\/p>\n

    <<\/span>iframe<\/span>\u00a0<\/span>src<\/span>=”<\/span>\u00a0https:\/\/dominio.ejemplo\/l\/10\/2011-00-02\/12345\u00a0<\/span>L”\u00a0<\/span>width<\/span>=”100%”\u00a0<\/span>height<\/span>=”500″\u00a0<\/span>type<\/span>=”<\/span>text<\/span>\/<\/span>html<\/span>”\u00a0<\/span>frameborder<\/span>=”0″\u00a0<\/span>allowTransparency<\/span>=”true”\u00a0<\/span>style<\/span>=”<\/span>border<\/span>: 0″><\/<\/span>iframe<\/span>><\/span>\u00a0<\/span><\/p>\n

    <\/noscript><\/span>\u00a0<\/span><\/p>\n

    \u00a0<\/span>\u00a0<\/span><\/p>\n

    <script\u00a0type=”text\/javascript”><\/span>\u00a0<\/span><\/p>\n

    var<\/span>\u00a0<\/span>form<\/span>\u00a0= ‘<\/span>\u00a0https:\/\/dominio.ejemplo\/l\/10\/2011-00-02\/12345<\/span>‘;<\/span>\u00a0<\/span><\/p>\n

    var\u00a0params\u00a0=\u00a0window.location.search;<\/span>\u00a0<\/span><\/p>\n

    var\u00a0thisScript\u00a0=\u00a0document.scripts[document.scripts.length\u00a0– 1];<\/span>\u00a0<\/span><\/p>\n

    var\u00a0iframe\u00a0=\u00a0document.createElement(‘iframe’);<\/span>\u00a0<\/span><\/p>\n

    \u00a0<\/span>iframe.setAttribute<\/span>(‘<\/span>src<\/span>‘,\u00a0<\/span>form<\/span>\u00a0+\u00a0<\/span>params<\/span>);<\/span>\u00a0<\/span><\/p>\n

    iframe.setAttribute(‘width’, ‘100%’);<\/span>\u00a0<\/span><\/p>\n

    iframe.setAttribute(‘height’, 500);<\/span>\u00a0<\/span><\/p>\n

    iframe.setAttribute(‘type’, ‘text\/html’);<\/span>\u00a0<\/span><\/p>\n

    iframe.setAttribute(‘frameborder’, 0);<\/span>\u00a0<\/span><\/p>\n

    iframe.setAttribute(‘allowTransparency’, ‘true’);<\/span>\u00a0<\/span><\/p>\n

    iframe.style.border\u00a0= ‘0’;<\/span>\u00a0<\/span><\/p>\n

    \u00a0<\/span>thisScript.parentElement.replaceChild<\/span>(<\/span>iframe<\/span>,\u00a0<\/span>thisScript<\/span>);<\/span>\u00a0<\/span><\/p>\n

    <\/script><\/spa<\/span><\/p>\n

    \u00a0<\/p>\n

    \u00a0<\/p>\n\n\n

    \"\"<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"

    As we discussed in our previous article on the \u201cGoogle Analytics Connector for Pardot\u201d, it is not always easy to retrieve the UTMs so that this information appears to you in the leads once you activate the Google Analytics Connector. In this article we are going to see how to retrieve the UTM in forms […]<\/p>\n","protected":false},"author":36,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[164],"class_list":["post-22766","post","type-post","status-publish","format-standard","hentry","category-sin-categorizar","tag-sf-account-engagement-pardot"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/posts\/22766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/comments?post=22766"}],"version-history":[{"count":0,"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/posts\/22766\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/media?parent=22766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/categories?post=22766"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.marketinet.com\/en\/wp-json\/wp\/v2\/tags?post=22766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}