Google Tag Manager Pro - Installation/Set-up Guide for Magento 21. Upload Package: Upload the content of the module to your rootfolder. This will not overwrite the existing Magento folder or files, only thenew contents will be added.2. Install extension: After the successful upload of the package youhave to run the commands on Magento2 root directory via SSH“php bin/magento setup:upgrade”“php bin/magento setup:static-content:deploy”3. Clear Caches: This can be done from the admin console by navigatingto the cache management page (System->Cache Management), selectingall caches, clicking ‘refresh’ from the drop-down menu, and submitting thechange. Logout and login back in Admin.4. Configuration settings for Google Tag Manager Pro:Go to Admin->Stores->Configuration->Scommerce Configuration->Google Tag Manager Pro->Generala. Enable: Set yes to enable the module.b. License Key: Enter the License key provided by ScommerceMage.c. Account Id: Enter your Google Tag Manager Account Id.d. Enhanced Ecommerce: Set yes to enable the enhancedecommerce.e. Brand Attribute : Select brand attribute to send brandinformation to Google Analyticsf. Brand text box: If you don’t have brand attribute and you wantto send default brand name to Google Analytics then you canenter here.g. Base: Set 'Yes' if you want to send base order data and 'No' tosend store order data to Googleh. Enable dynamic remarketing tags: Set 'Yes' if you want toenable google dynamic remarketing tags to used for GTM.i. Product ID Attribute: Select the attribute which you havesubmitted in your Google base feed. For e.g. SKU5. Set up Google Tag Manager for Enhanced Ecommerce∙Create the following variable∙Google Analytic ID∙Create the following triggerso Product Clicko Add To Carto Remove From Carto Checkout for measuring steps Create the following tagso Universal Analytics – All PagesUnfi Universal Analytics •Choose ProductGongle Aria ; t reChoose a Tag TypeUniversal AnalyticsConfigure TagTae Type Universal AnalyticsTracking ID ((GA ID)}En&de Display Advertiaino Features TrueTrack Type PageviewEnable Enhanced Econvnerce Features TrueLlse d ata layer TrueFire Ono Product Clicko Add To Carto Remove From Carto Checkout for measuring steps6. Set up Enhanced Ecommerce in Google AnalyticsTo turn on Enhanced E-commerce for a view, and label your checkout steps:1. Click Admin at the top of any Analytics page.2. Select the view for which you want to enable Enhanced E-commerce reporting.3. In the View column, click E-commerce Settings.4. Under Step 1, Enable E-commerce, set the status to ON.5. Click Next step.6. Under Step 2, Enhanced E-commerce Settings, set the status toON. When you turn this option on:o You can then see the Enhanced E-commerce reports in theConversions sectiono The other, older category of E-commerce reports is no longer visibleYou can turn this option off to restore the older category of E-commerce reports.7. Optionally, enter labels for the checkout steps that you have definedin your Magento steps configuration. Please see screenshot belowfor reference8. Click Submit.7. Set up Google Tag Manager for Facebook DynamicRemarketing∙Create the following variables∙Facebook Pixel ID∙∙Total(data layer variable - google_tag_params.ecomm_totalvalue)∙currencyCode∙Product ID (s)(data layer variable - google_tag_params.ecomm_prodid)∙Product Price (s)(data layer variable - google_tag_params.ecomm_pvalue)Checkout Steps(data layer variable - ecommerce.checkout.actionField.step)Create the following triggerso Checkout Initiateo Initiate Paymento Search Pageo Remarketing Tag Producto Remarketing Tag Purchaseo Add to Cart (same as Enhanced Ecommerce please check above section)Create the following tagso Facebook Audience Pixel – All Pages<!-- Facebook Pixel Code --><script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq )f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e );t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore (t,s)}(window,document,'script','///en_US/fbevents.js');fbq('init', '{{facebookPixelID}}');fbq('track', 'PageView');</script><noscript><img height="1" width="1" style="display:none"src="https:///tr?id={{facebookPixelID}}&ev=PageV iew&noscript=1"/></noscript><!-- End Facebook Pixel Code -->Facebook Audience T rackingChoose ProductCustom HTML TagConfigure TagUnfiled itemsHTML‹!-- Facebook Pixel Code --›2 *° "' W *3!function(f,b, e v n, I, s) (if(4°.4°hq)return; n=f. 4°bq=function( )(n.callHet hod?p n.ca1IHethod . app1y n, argument s) : n.queue . push {argument s) }; If( ! I._fbq) I._fbq=n;$ n.push=n; n.1oaded= ! 0;n. version= ' 2.6 ’; n. queue=[ ] ; t=b. c reateE1ement(e);t . async= ! 6;g I .src=v; s=b .getE1ementsByTagName(e) [0] ; s.parentNode. insertBefore(I,s ) } {Pr1ndow,7documen,t script, '’ //connect .Facebook . net/en_LE/fbevents. js' ) ;g fbq(’imit', ’{{facebookPixelID}}’);lB fbq(’track', ’PageViex’);11 ”"D’12 <noscr1pt›<img height="1" width="1" sty1e="disp1ay:none”1g //-.facebook . c om/tr?1d=((facebookP1xe1ID}}8ev=PageV1etu8noscr1pt=1"1p /›</noscript>1$<!- - End Facebook Pixe1 Code- - ›1617Support document.write "Advanoed SettingsFire OnYour tag will also fire right before these tagsFacebook Ad... Facebook Pr...Your tag will also fire right after these tags Facebook Se...car›ca Facebook Pu...Ddeieo Facebook Audience Pixel – Product View (Trigger this on Remarketing Tag Product) – Custom HTML Tag<script>fbq('track', 'ViewContent', {content_type: 'product', //either 'product' or 'product_group'content_ids: ['{{productID}}'], //array of one or more product SKUs in the pagevalue: '{{productPrice}}', //OPTIONAL, but highly recommended currency: 'USD' //REQUIRED if you a pass value});</script>o Facebook Audience Pixel – Search Page (Trigger this on Search Result Page) – Custom HTML Tag<script>fbq('track', 'Search');</script>o Facebook Audience Pixel – Add To Cart (Trigger this on Add To Cart) – Custom HTML Tag<script>var productIDs = '{{productID}}';var results = productIDs.split(",");fbq('track', 'AddToCart', {content_ids: results, //array of one or more product SKUs in the page`zcontent_type: 'product',value: '{{total}}', //OPTIONAL, but highly recommendedcurrency: 'USD' //REQUIRED if you pass a value });</script>Configure TagHTML2 var productIDs = '{{productID}}’;j var results productIDs.split(’,”);p console.1og( resu1t s ) ;g fbq( ' track ’ , ' AddTo€art , ' (g content_1ds : resu1t, s //array of one or mone product SKUs In the page”z7 content_type : ' product' ,g value: ' ((tata1}), ' //0PTICflAL, but high1y recommendedg currency: 'USD’//REQUIRED if you pass a value12Support document.write "•Advanoed SettingsTag firingEnable custom tag firinp schedule.fire this tag in published "Tag firing optionsOnce per event•Tag SequencingFire a tag before Facebook Add To Cart Event fires.Facebook Audience TrackingDon’t fire Facebook Add To Cart Event if Facebook Audience Tracking fails.Fire a tag after Facebook Add To Cart E' ent fires.Fire On<script>fbq('track', 'InitiateCheckout'); </script><script>fbq('track', 'AddPaymentInfo'); </script>o Facebook Audience Pixel – Purchase(Trigger this on Remarketing Tag Purchase) – Custom HTML Tag<script>var productIDs = '{{productID}}';var results = productIDs.split(",");console.log(results);fbq('track', 'Purchase', {content_type: 'product', //either 'product' or 'product_group'content_ids: results, //array of one or more product SKUs in the pagevalue: '{{total}}', //REQUIREDcurrency: '{{currencyCode}}' //REQUIRED});</script>Configure TagHTML2 var = '{{productID}}’;j var results = productIDs.split(’,”);p console.log(results);g fbq(’track ', ’Purchase’, {g contemt_type: 'product', //either ’product’ or 'product roup’7 contemt_ids: results, ffarray of one or more product SKUs in the pageg value: ’{{total}}’,//REQUIREDg curren cy: ' ((c urrencyCod e}} ' // REQUIRED12Support document.write "•Advanoed SettingsTag firingEnable custom tag firing schedule.fire this tag in published "Tag firing optionsOnce per event•Tag Sec|uencingFire a tag before Facebook Purchase Event fires.Facebook Audience TrackingDon’t fire Facebook Purchase Event if Facebook Audience Tracking fails.Fire a tag aher Facebook Purchase E' ent fires.Fire On8. Set up Google Tag Manager for Google Dynamic Remarketing∙Create the following variables∙Google Tag Params∙Conversion IDCreate the following triggerso Remarketing Tag Homeo Remarketing Tag Categoryo Remarketing Tag Carto Remarketing Tag Product (same as Facebook Dynamic Remarketing please check above section)o Remarketing Tag Purchase (same as Facebook Dynamic Remarketing please check above section)Create the following tagso Adwords Dynamic Remarketing Home (Trigger this on Remarketing Tag Home)o Adwords Dynamic Remarketing Category (Trigger this on Remarketing Tag Category)o Adwords Dynamic Remarketing Product (Trigger this on Remarketing Tag Product)o Adwords Dynamic Remarketing Cart (Trigger this on Remarketing Tag Cart)Adwords Dynamic Remarketing Purchase (Trigger this on Remarketing Tag Purchase)Ajax Add To Basket or Remove From BasketAdd the following two functions in your ajax add to basket js file and callgaAddToCart on success of Ajax add to basket and gaRemoveFromCart on success of Ajax remove from basket function.Ajax Add To Basketfunction gaAddToCart(){jQuery.cookie.json = true;var productToBasket =jQuery.cookie("productToBasket");var productlist =jQuery.cookie("productlist");if (productToBasket !=undefined){manipulationOfCart(productToBasket,'add',productlist);jQuery.remo veCookie("productToBasket", { path: '/', domain: '.' + document.domain});}}Ajax Remove From Basketfunction gaRemoveFromCart(){jQuery.cookie.json = true;var productOutBasket = jQuery.cookie("productOutBasket");if (productOutBasket !=undefined){manipulationOfCart(productOutBasket, 'remove','');jQuery.removeCookie("productOutBasket", { path: '/', domain: '.' +document.domain });}}Please contact **********************.uk for any queries.。