Track Facebook Conversion Pixel in an iFrame using Google Tag Manager

Standard

Facebook Conversion Pixel in an iFrame using Google Tag Manager

Recently, one of Client asks to implement Facebook Conversion Pixel, Lead Pixel and InitialCheckout out Pixel using Google Tag Manager,  Iframe Facebook conversion pixel it’s self a challenging work to get to fix, Iframe does not allow to fire conversion pixel like Lead Pixel and InitialCheckout

Issue on Facebook Iframe Conversion Pixel 

  1. Facebook pixel conversion tracking within iFrames Like Purchase, Lead Pixel and InitialCheckout
  2. Iframe Facebook Cross Domain Conversion Pixel
  3. Embed Iframe Facebook Pixel Tracking Like Purchase, Lead Pixel and InitialCheckout
  4. Facebook Pixel in an iframe on a Website Like Purchase, Lead Pixel and InitialCheckout

Install Google Tag Manager on Iframe and Website for Setup Facebook Pixel for your embedded Iframe Like Purchase Pixel, Lead Pixel and InitialCheckout 

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

Written couple of piece code to work with iframe embedded on the website to work facebook purchase, InitialCheckout and lead pixel then it’s working with Facebook Pixel iframe on the website and facebook cross-domain iframe postMessage to originate same session iframe and website sessions

Result Verify with Facebook Pixel Helper

Facebook Conversion Pixel in Iframe

Facebook Purchase Pixel, Lead Pixel and InitialCheckout in Iframe

Warning: If you do n’t know about javascript or do n’t have developing knowledge then do n’t try to Track Facebook Conversion Pixel in an iFrame 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