Setup OpenCart Facebook Pixel Conversions using Google Tag Manager

Standard

Setup Standard Dynamic Facebook Pixel in OpenCart using Google Tag Manager 

Recently once client asks me to implement standard dynamic Facebook Pixel for OpenCart using Google Tag Manager and other Facebook events like content view, AddtoCart, InitiateCheckout, Purchase and conversion tracking without touching any plugins.Facebook dynamic pixel help you re targeting users who visited product page or checkout, cart pages without buying a product, For that you require set up a dynamic Facebook pixel in OpenCart to pass dynamic value in content_type, content_ids and contents.

content_category —–>String —–>Category of the page/product.

content_name —–>String —–> Name of the page of product for WooCommerce

content_type —–>String —–> It should be product 

currency —–>String —–> value of Currency of WooCommerce 

value —–>Integer or float —–> Amount of product , Cart and Purchase order confirmation

Step 1: Install Google Tag Manager on Standard Dynamic Facebook Pixel in OpenCart using Google Tag Manager without any plugins

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

Step 2 – Product Page (ViewContent)– It will tell you some one visited to Product Page to setup viewContent get parameters pass to dynamic value to Facebook Pixel on OpenCart

OpenCart Facebook Pixel

Opencart Facebook Conversion Tracking Pixel using Google Tag Manager

Step 3 – Facebook AddtoCart Pixel – When some body Click on addtoCart button to fire OpenCart Facebook Standard Pixel using Google Tag Manager without any plugins 

Facebook Pixel Tracking

Standard Dynamic Facebook Pixel Tracking using Google Tag Manager

Step 4Facebook InitiateCheckout Pixel –  When a user enters the checkout flow to OpenCart Facebook Standard Pixel using Google Tag Manager without any plugins

OpenCart Standard Dynamic Facebook Pixel

InitiateCheckout facebook pixel using Google Tag Manager without any plugins

Step 5Facebook Purchase Pixel –  When customer completed on purchase on Facebook Pixel setup using Google Tag Manager

OpenCart Facebook Conversion Tracking Pixel

OpenCart Facebook Integration using Google Tag Manager without any plugins

Warning: If you do n’t know about javascript or do n’t have developing knowledge then do n’t try to Setup OpenCart Facebook Pixel Conversions using Google Tag Manager for Dynamic Ads without Any Plugins  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

Leave a Reply

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