# Analytics & Tracking Extensions

Analytics & Tracking Magento 2 Extensions

# Magento 2 Google Tag Manager (GTM) GA4 Ecommerce Tracking

### <span style="color: rgb(59, 130, 246);">Installation and User Guide for Magento 2 Google Tag Manager Pro Tracking Extension</span>

****Table of Contents****

1. [Installation](#bkmrk-installation "Installation")
    - ****Installation via app/code****
    - ****Installation via Composer****
    - ****Installation via Composer(Hyvä Theme)****
    - ****Installation via Composer(Breeze Theme)****
2. [Configuration Settings for Tracking Base](#bkmrk-configuration-settin "Configuration Settings for Tracking Base")
    - ****General Settings****
    - ****Checkout Behaviour****
3. [Configuration Settings for Google Tag Manager Pro](#bkmrk-configuration-settin-1 "Configuration Settings for Google Tag Manager Pro")
    - ****General Settings****
    - ****Cookies From Query Params****
4. [JSONs/Script provided with extension package](#bkmrk-jsons%2Fscript-provide "JSONs/Script provided with extension package")
5. [Importing JSONs into GTM](#bkmrk-importing-jsons-into "Importing JSONs into GTM")
6. [Setting variable information in GTM](#bkmrk-setting-variable-inf "Setting variable information in GTM")
7. [Publishing Tags in GTM](#bkmrk-publishing-tags-in-g "Publishing Tags in GTM")
8. [Set up Google Analytics 4](#bkmrk-set-up-google-analyt "Set up Google Analytics 4")
9. [Set up Google Adwords Conversion](#bkmrk-set-up-google-adword "Set up Google Adwords Conversion")
10. [Setup Enhanced Conversion](#bkmrk-setup-enhanced-conve "Setup Enhanced Conversion")
    - ****Enable Enhanced Conversions in Google Adwords****
    - ****Set up Enhanced Conversion with the Module****
11. [Cookies From Query Params](#bkmrk-cookies-from-query-p-1 "Cookies From Query Params")
12. [Upgrading the Module From 3.0.1 and Below](#bkmrk-upgrading-the-module "Upgrading the Module From 3.0.1 and Below")
13. [Secure Execution of Inline Scripts in GTM via CSP Nonce](#bkmrk-secure-execution-of- "Secure Execution of Inline Scripts in GTM via CSP Nonce")
14. [Front-end Screenshots](#bkmrk-front-end-screenshot "Front-end Screenshots")
    - ****Order Total of Product without VAT****
    - ****Order Total of Product with VAT****
    - ****Send SKU of Child Product****
    - ****Send SKU of Parent Product Only****
    - ****Send Parent Category****
    - ****Primary Category****
15. [Set up Consent Mode V2 with GTM](#bkmrk-set-up-consent-mode- "Set up Consent Mode V2 with GTM")

### <span style="color: rgb(59, 130, 246);">Installation</span>

- ****Installation via app/code:****<span style="white-space: pre-wrap;"> Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.</span>

```
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
```

- ****Installation via Composer:****<span style="white-space: pre-wrap;"> Please follow the guide provided in the below link to complete the installation via composer.</span>

<p class="callout success">[https://docs.scommerce-mage.com/magento-2-extensions/installation-via-composer/installation-via-composer](https://docs.scommerce-mage.com/magento-2-extensions/installation-via-composer/installation-via-composer)</p>

- ****Installation via Composer(Hyvä Theme):****<span style="white-space: pre-wrap;"> Go to My Account section then go to Composer Instructions. Run the composer config commands mentioned on the page then run the below command to install the module on hyva theme.</span>

```
composer require hyva-themes/magento2-scommerce-googletagmanagerpro
```

- ****Installation via Composer(Breeze Theme):****<span style="white-space: pre-wrap;"> Go to My Account section then go to Composer Instructions. Run the composer config commands mentioned on the page then run the below command to install the module on hyva theme.</span>

```
composer require scommerce/breeze-googletagmanagerpro
```

### <span style="color: rgb(59, 130, 246);">Configuration Settings for Tracking Base</span>

<span style="white-space: pre-wrap;">Go to </span>****Admin &gt; Stores &gt; Configuration &gt; Scommerce Configuration &gt; Tracking Base****

#### <span style="color: rgb(249, 115, 22);">General Settings</span>

- ****Enabled –****<span style="white-space: pre-wrap;"> Select “Yes” or “No” to enable or disable the module.</span>
- ****Enable Enhanced Ecommerce –****<span style="white-space: pre-wrap;"> Select ‘Yes’ to enable this module. Please make sure this feature is enabled in Google Analytics first before enabling in Magento2.</span>
- ****Enable Enhanced Conversion:-****<span style="white-space: pre-wrap;"> Set "Yes" to enable enhanced conversion to send PII data to Google Adwords to target actual customers. You need to turn on enhanced conversions in Google Adwords. </span>[Click here for more information](https://support.google.com/google-ads/answer/10172785)
- ****Enable Consent mode -****<span style="white-space: pre-wrap;"> This setting activates </span>[Google Consent Mode v2](https://developers.google.com/tag-platform/security/guides/consent). It lets us control how Google tags use user consent and protect user data

[![gen_trackingbase.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-trackingbase.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-trackingbase.jpg)

- ****Cookie mapping -****<span style="white-space: pre-wrap;"> This setting defines the mapping between user preference cookies and the corresponding Google Consent Mode parameters </span>****ad\_storage****<span style="white-space: pre-wrap;">, </span>****ad\_user\_data****<span style="white-space: pre-wrap;">, </span>****ad\_personalization****<span style="white-space: pre-wrap;">, </span>****analytics\_storage****  
    <span style="white-space: pre-wrap;">Cookie preference cookie could be set using our </span>[GDPR extension](https://www.scommerce-mage.com/magento-2-gdpr.html)<span style="white-space: pre-wrap;"> or any Consent Management Platform (CMP).</span>
- ****Product ID Attribute –****<span style="white-space: pre-wrap;"> Select the attribute which you have submitted in your Google base feed. For e.g. SKU</span>

[![gen_trackingbase2.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-trackingbase2.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-trackingbase2.jpg)

- ****Brand Attribute –****<span style="white-space: pre-wrap;"> Please select brand attribute, if you have one otherwise put your brand name in the below input box.</span>
- ****Brand Name -**** <span style="white-space: pre-wrap;"> Please add the Brand Name. This will take effect only if the 'Brand Attribute' is not selected.</span>
- ****Enable Slider Tracking -**** Select 'Yes' to enable tracking of products added via the Magento 2 slider widget
- ****Sliders name-****<span style="white-space: pre-wrap;"> Enter the name for custom sliders that will be sent as list name with the data layer.</span>
- ****Affiliation-****<span style="white-space: pre-wrap;"> Enter the affiliation name which you want to send with the GA4 data layers.</span>
- ****Use Base Currency -****<span style="white-space: pre-wrap;"> Set ‘Yes’ if you want to send base order data and ‘No’ to send store order data to Google. Set this ‘No’ only when you have multicurrency and you want to send different currency data to Google.</span>
- [![image.png](https://docs.scommerce-mage.com/uploads/images/gallery/2026-02/scaled-1680-/gWwimage.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2026-02/scaled-1680-/gWwimage.png)
- ****Product Price Include Tax-****<span style="white-space: pre-wrap;"> Set “Yes” then VAT will be included in the price.</span>
- ****Order Total Include VAT –****<span style="white-space: pre-wrap;"> Set “Yes” then VAT will be included in order total.</span>
- ****Always Send Parent SKU –****<span style="white-space: pre-wrap;"> Set “Yes” then it always send parent sku instead of child sku to GA during checkout.</span>
- ****Category Attribute-****<span style="white-space: pre-wrap;"> Please select category attribute if you have one otherwise put your brand name in the below input box. </span>****Attribute should be available for product listing 'Storefront Properties -&gt; Used in Product Listing = Yes'****
- ****Is Category ID-****<span style="white-space: pre-wrap;"> Set "Yes" if "Category Attribute" is ID of the category, "No" if it is plain value</span>
- ****Send Parent Category –****<span style="white-space: pre-wrap;"> Set “Yes” to send the category path and Set “No” to send the category name only.</span>
- ****List Name with full path-****<span style="white-space: pre-wrap;"> Choose whether you want to send the full path of the category or not. When 'yes' The breadcrumbs are broken into separate categories and sent as item\_category1, item\_category2 etc. Set 'No' to send the lowest level category. for ex:- Men&gt;Tops&gt;Jackets, when 'yes' Men, tops, jackets all three categories will be sent. When 'no' only jackets is sent.</span>

[![gen_trackingbase4.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-trackingbase4.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-trackingbase4.jpg)

- ****Send 'Default List'-****<span style="white-space: pre-wrap;"> When customers land on the product page directly then 'default' list' will be sent as list name when set to 'Yes'. When 'No' list name/ list ID will be removed.</span>
- ****Default List-****<span style="white-space: pre-wrap;"> Enter the default list name if the product impression is not found</span>
- ****Send Admin Orders to Google–****<span style="white-space: pre-wrap;"> Select “Yes” to track orders created in admin</span>
- ****Send Refund On Order Cancellation:-****<span style="white-space: pre-wrap;"> Set "yes" to send refund event on order cancellation.</span>
- \*\*\*\*Source-\*\*\*\*Please add the Campaign Source for backend orders.
- \*\*\*\*Medium-\*\*\*\*Please define the Campaign Medium for Backend Orders.
- ****Send Product Impression on Scroll -****<span style="white-space: pre-wrap;"> Enable this feature when you have loads of products on product listing / category pages.</span>
- ****Use Ajax Impressions -****<span style="white-space: pre-wrap;"> Select 'Yes' to enable this feature. When you have a large number of products on product listing, category, or search pages, an Ajax call will be used on scroll to capture impression information.</span>
- ****Product item class on category / product listing page-****<span style="white-space: pre-wrap;"> Enter the product item class. Make sure this product class item hierarchy is as unique as possible for example for luma theme you can use </span>****div.products ol.product-items li.product-item****
- ****Threshold for Scroll:-****<span style="white-space: pre-wrap;"> Enter the number of product impressions to be sent with view\_item\_list on scroll.</span>
- ****Category Ajax Enabled –****<span style="white-space: pre-wrap;"> Enable this feature if you have third party ajax enabled extension on your category page.</span>

[![image.png](https://docs.scommerce-mage.com/uploads/images/gallery/2026-02/scaled-1680-/1DHimage.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2026-02/1DHimage.png)

#### <span style="color: rgb(249, 115, 22);">Checkout Behaviour</span>

- ****Add Carrier Title:-****<span style="white-space: pre-wrap;"> Use this to add carrier title to the shipping step. Set "Yes" to send </span>****carrier\_code::carrier\_title****. Ex. flatrate::Flat Rate
- ****Add Payment Title :-****<span style="white-space: pre-wrap;"> Use this to add payment method title to payment step. Set "Yes" to send </span>****method::title****. Ex. checkmo::Check / Money Order

[![check_behaviour.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/check-behaviour.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/check-behaviour.jpg)

### <span style="color: rgb(59, 130, 246);">Configuration Settings for Google Tag Manager Pro</span>

#### Go to Admin &gt; Stores &gt; Configuration &gt; Scommerce Configuration &gt; Google Tag Manager Pro

#### <span style="color: rgb(249, 115, 22);">General Settings</span>

- ****Enabled –****<span style="white-space: pre-wrap;"> Select “Yes” or “No” to enable or disable the module.</span>
- ****License Key –****<span style="white-space: pre-wrap;"> Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at </span><support@scommerce-mage.com>.
- ****Server Side Tagging –****<span style="white-space: pre-wrap;"> Set "Yes" to enable server side tagging and "no" to disable it. </span>****Please don’t turn this on unless you understand what this setting does.****
- ****Account Id –****<span style="white-space: pre-wrap;"> Enter your Google Tag Manager Account Id.</span>
- ****Enable dynamic remarketing tags –****<span style="white-space: pre-wrap;"> Set “Yes” if you want to enable google dynamic remarketing tags to used for GTM.</span>
- ****Enable tracking for other sites –****<span style="white-space: pre-wrap;"> Set “Yes” to enable tracking for other sites.</span>
- ****Send Ecom Category Path –****<span style="white-space: pre-wrap;"> Set "yes" to send the category path with ecomm\_category.</span>
- ****Enable GDPR Cookie Check –****<span style="white-space: pre-wrap;"> Select "Yes" or "No" to enable/disable GDPR Cookie Check</span>

[![gen_gtm.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-gtm.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-gtm.png)

- ****Server Side Tagging –****<span style="white-space: pre-wrap;"> Set "Yes" to enable server side tagging and "no" to disable it. </span>****Please don’t turn this on unless you understand what this setting does.****
- ****Server Side script part -****<span style="white-space: pre-wrap;"> Enter the HTML code of server side GTM container. It will replace the default HTML code on the frontend.</span>
- ****Server Side noscript part -****<span style="white-space: pre-wrap;"> Enter the noscript part of server-side GTM code. It will also replace the default HTML code on the frontend.</span>

[![gen_gtm2.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-gtm2.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-gtm2.png)

- ****Force decline –****<span style="white-space: pre-wrap;"> If you set this to yes then GTM tracking will be turned off unless customer accepts the cookie policy from the cookie notification message from your website</span>
- ****GDPR Cookie Key –****<span style="white-space: pre-wrap;"> You can add name of your GDPR cookie here for our </span>[GDPR extension](https://www.scommerce-mage.com/magento2-gdpr-compliance.html)<span style="white-space: pre-wrap;"> the name of cookie key is </span>****cookie\_accepted****<span style="white-space: pre-wrap;"> but if you are using other GDPR extension then please check with extension developer</span>
- \*\*\*\*Enable GA4 data layer-\*\*\*\*Select "Yes" to add GA4(Google Analytics 4) events to the data layer.

[![gen_gtm3.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-gtm3.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-gtm3.png)

#### <span style="color: rgb(249, 115, 22);">Cookies From Query Params</span>

- ****Enabled –****<span style="white-space: pre-wrap;"> Select “Yes” or “No” to enable or disable the module.</span>
- ****Configuration –****<span style="white-space: pre-wrap;"> Use this setting to create cookies by entering cookie parameter, cookie name, and cookie value.</span>
- ****Lifetime –****<span style="white-space: pre-wrap;"> Enter the lifetime of the cookie. It will be stored in the users browser as per the time defined in this setting.</span>

[![gen_gtm4.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-gtm4.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/gen-gtm4.png)

### <span style="color: rgb(59, 130, 246);">JSONs/Script provided with extension package</span>

****NOTE:-****<span style="white-space: pre-wrap;"> </span>****Please make sure to import the JSON files again after every upgrade of the module as we keep changing these files time to time and keep them updated with our latest data layers.****

The extension package contains JSONs which can be imported in GTM to set up required Tags, Triggers and Variables.

#### <span style="color: rgb(249, 115, 22);">Finding JSON files</span>

Please follow the steps below to download the module:-

****Step 1:-****<span style="white-space: pre-wrap;"> Login to your account and go to the My Account Section</span>

![finding_json.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/finding-json.png)****Step 2:-****<span style="white-space: pre-wrap;"> Click on My Downloadable Products</span>

[![finding_json2.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/finding-json2.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/finding-json2.png)

****Step 3:-****<span style="white-space: pre-wrap;"> Click on the extension and from the dropdown menu select download</span>

[![finding_json3.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/finding-json3.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/finding-json3.png)

<span style="white-space: pre-wrap;">Go to the extension file m2-google-tag- manager-pro and then to the Data Folder (Path - </span>****m2-google-tag-manager-pro/data/****) to find these files.

The JSONs can be used to set up

- ****GTM-GoogleAnalytics4.json:-****<span style="white-space: pre-wrap;"> Google Analytics 4</span>
- ****GTM-Facebook\_Pixel\_Tracking.json:-****<span style="white-space: pre-wrap;"> Facebook Pixel tracking</span>
- ****GTM-Snapchat\_Tracking.json****:- Snapchat Pixel tracking
- ****GTM-AdwordsDynamicRemarketing.json:-****<span style="white-space: pre-wrap;"> Google AdWords Dynamic Remarketing</span>
- ****GTM-google\_ads\_conversion\_tracking.json:-****<span style="white-space: pre-wrap;"> Google Ads Conversion Tracking</span>
- ****GTM-Pinterest.json:-****<span style="white-space: pre-wrap;"> Pinterest tracking</span>
- ****GTM-Pinterest-GA4.json:-****<span style="white-space: pre-wrap;"> Use this file if you are using only GA4 and not UA</span>
- ****GTM-Reddit\_Pixel\_Tracking.json:-****<span style="white-space: pre-wrap;"> Reddit Pixel Tracking</span>
- ****GTM-Tiktok\_Pixel\_Tracking.json:-****<span style="white-space: pre-wrap;"> Tiktok Pixel Tracking</span>
- ****GTM-Twitter.json:-****<span style="white-space: pre-wrap;"> Twitter Pixel Tracking</span>
- ****GTM-Partnerize.json:-****<span style="white-space: pre-wrap;"> Partnerize</span>
- ****GTM-Webgains\_tracking.json:-****<span style="white-space: pre-wrap;"> Webgains Affiliate tracking</span>
- ****GTM-google\_ads\_enhanced\_conversion\_tracking.json:-****<span style="white-space: pre-wrap;"> Google Ads Enhanced Conversion Tracking(Make sure its enabled in the extension configuration and also ensure that "send conversion data using data layer is set to "No" in tracking base configuration)</span>
- ****GTM-google\_ads\_enhanced\_conversion\_tracking\_using\_datalayers.json -****<span style="white-space: pre-wrap;"> If you have set "send conversion data using data layer is set to "Yes" in tracking base configuration then import this JSON file which utilizes data layer push to populate the conversion PII data.</span>
- ****SetPrimaryCategories.php:-****<span style="white-space: pre-wrap;"> Primary Category Script (SetPrimaryCategories.php) – All of the above JSON files can be imported into GTM but primary category script needs to be added into the root directory of your website. Add the SetPrimaryCategories.php file in your website’s root directory and open the link as follows: - </span>****http://Your\_website\_URL.com/SetPrimaryCategories.php****

****Note:-****<span style="white-space: pre-wrap;"> </span>*****Please import only one Pinterest JSON file depending upon the extension configuration you are using. If you are only using GA4 and no UA then you can use the Pinterest GA4 JSON file. Also if you have 'Send Product Impression on Scroll ' enabled in Admin&gt;Stores&gt;Configuration&gt;Scommerce Configuration&gt;Tracking Base*****<span style="white-space: pre-wrap;"> </span>****then use the Pinterest GA4 JSON file as well****<span style="white-space: pre-wrap;"> </span>*****otherwise you can use the original Pinterest JSON file.*****

### <span style="color: rgb(59, 130, 246);">Importing JSONs into GTM</span>

To import JSONS provided with extension package follow below steps:

- Log into GTM and navigate to your Account and container
- In the top navigation, click through the Admin

[![importing_json.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/importing-json.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/importing-json.jpg)

- Under the container options, click on Import Container

[![importing_json2.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/importing-json2.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/importing-json2.jpg)

- Choose the JSON file which you would like to import

[![importing_json3.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/importing-json3.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/importing-json3.jpg)

- Choose to either Overwrite or Merge
    - <span style="white-space: pre-wrap;">Overwriting the existing container will remove all your existing tags, triggers, and variables, and will replace them with those in the imported container. A new container version will be created before the import. </span>
    - Merging containers will let you keep your existing tags, triggers, and variables, and just add in the new ones. If you choose to Merge the new container with your existing container, you’ll have to then decide whether you want to overwrite conflicting tags or rename conflicting tags.
- Overwrite – If a variable, tag, or trigger in the new container has the same name but the contents are different, overwrite the old one with the new one.
- Rename – If a variable, tag, or trigger in the new container has the same name but the contents are different, keep the old one and rename the new one.
- Click Continue. You’ll see a preview of changes, showing how many tags, triggers, and variables will be added, modified, or deleted. You can also click the link to View Detailed Changes to see which tags, triggers, and variables are being added, modified, or deleted.

[![importing_json4.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/importing-json4.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/importing-json4.jpg)

- <span style="white-space: pre-wrap;">Once you’re satisfied with the changes, click </span>****Confirm****.

### <span style="color: rgb(59, 130, 246);">Setting variable information in GTM</span>

Once the GTM container file has been imported, you need to change variable information with correct value corresponding to the site. To access variables, go to workspace where you have imported the JSONs and click on variables on left hand side navigation.

[![setting_variable.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable.png)

****Variables Created with JSON’s****

- ****GA4 Measurement ID –****<span style="white-space: pre-wrap;"> This variable is created when GTM-Google Analytics 4.json is imported and it holds value for Google Analytics 4 Measurement Id for the site. Click on the GA4 Measurement ID and change it to correct value.</span>

[![setting_variable2.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable2.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable2.png)

- ****conversionID -****<span style="white-space: pre-wrap;"> This variable is created when GTM- AdwordsDynamicRemarketing.json is imported and it holds value for Google Adwords Conversion Id for the site. Click on the conversionID and change it to correct value.</span>

[![setting_variable3.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable3.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable3.png)

- ****facebookPixelID -****<span style="white-space: pre-wrap;"> This variable is created when GTM-Facebook.json is imported and it holds value for Facebook pixel Id for the site. Click on the facebookPixelID and change it to correct value.</span>

[![setting_variable4.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable4.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable4.png)

- ****currencyCode -****<span style="white-space: pre-wrap;"> This variable is created when GTM-Facebook.json is imported and it holds value for currency used on site. Click on the currencyCode and change it to correct value.</span>

[![setting_variable5.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable5.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable5.png)

- ****Google Ads Conversion Tracking -****<span style="white-space: pre-wrap;"> Add Conversion ID and Conversion Label in the Google Ads Conversion Tracking tag before publishing the container. These IDs can be found in your Google Ads account.</span>

[![setting_variable6.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable6.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable6.png)

- ****Microsoft UET Tracking -****<span style="white-space: pre-wrap;"> Add the Microsoft Advertising UET Tag ID which can be obtained from microsoft Ads account.</span>

[![setting_variable7.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable7.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable7.png)

- ****Facebook Pixel Tracking -****<span style="white-space: pre-wrap;"> Add the Microsoft Advertising UET Tag ID which can be obtained from microsoft Ads account.</span>

[![setting_variable8.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable8.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable8.png)

- ****Snapchat Pixel Tracking -****<span style="white-space: pre-wrap;"> Add the Snapchat Pixel ID which can be obtained from snapchat Ads account as shown below.</span>

[![setting_variable9.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable9.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable9.png)

- ****Twitter Pixel Tracking -****<span style="white-space: pre-wrap;"> Add the Twitter Pixel ID which can be obtained from Twitter Ads account as shown below.</span>

[![setting_variable10.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable10.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable10.png)

- ****Reddit Pixel Tracking -****<span style="white-space: pre-wrap;"> Add the Reddit Pixel ID which can be obtained from Reddit Ads account as shown below.</span>

[![setting_variable11.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable11.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable11.png)

- ****Tiktok Pixel Tracking -****<span style="white-space: pre-wrap;"> Add the base pixel code and Tiktok Pixel ID which can be obtained from Tiktok Ads account as shown below.</span>

[![setting_variable12.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable12.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable12.png)

- ****Webgains Event ID -****<span style="white-space: pre-wrap;"> Add webgains event id received from Webgains in the GTM variable {{Webgains - Event ID}}</span>

[![setting_variable13.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable13.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable13.png)

- ****Webgains Program ID -****<span style="white-space: pre-wrap;"> Add the Webgains Program ID received from Webgains in the GTM Variable {{Webgains - Program ID}}</span>

[![setting_variable14.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable14.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable14.png)

### <span style="color: rgb(59, 130, 246);">Publishing Tags in GTM</span>

Once all set up is done and verified, need to Publish the tags to make it live on the website.

****Step 1 −****<span style="white-space: pre-wrap;"> Click the SUBMIT button at the top right corner of the screen.</span>

It will show the following screen.

[![setting_variable15.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable15.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/setting-variable15.png)

****Step 2 −****<span style="white-space: pre-wrap;"> Enter an identifiable Version name so that it can be easily understood for the changes made.</span>

With the version description, you can be as elaborate as possible on the changes/additions of the tag in that version.

****Step 3 −****<span style="white-space: pre-wrap;"> Scroll down to the Workspace Changes, you will see all the changes made in the tags, which are unpublished or in the PREVIEW mode.</span>

****Step 5 −****<span style="white-space: pre-wrap;"> Click PUBLISH and you will be presented with a summary for this version.</span>

### <span style="color: rgb(59, 130, 246);">Set up Google Analytics 4</span>

- Go to Analytics and select the website on which you want to implement GA4.
- Once you are in universal analytics panel go into admin settings. Here you will notice an UPGRADE TO GA4 button, click on it. You will be walked with creating a new property. Follow along, once you are finished you will see the new GA4 view on your screen.

[![set_ga4.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/set-ga4.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/set-ga4.jpg)

- Now we need to setup the tag manager for GA4. If you have already imported all the tags using our JSON file then you only need to edit the tag and add your Measurement ID. However, if you are creating tags yourself then you need to create a new configuration tag.

[![set_ga42.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/set-ga42.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/set-ga42.jpg)

- To create a new configuration tag in GTM. Please look at the image below: -

[![set_ga43.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/set-ga43.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/set-ga43.jpg)

- To get the measurement id you need to go to your GA4 view. Go to the admin settings and then data streams. Click on the website url coloured in #3B82F6 and a popup should open.

[![set_ga44.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/set-ga44.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/set-ga44.jpg)

- You will see the Measurement ID listed on the top right corner of this page.

[![set_ga45.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/set-ga45.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/set-ga45.jpg)

<span style="white-space: pre-wrap;">Now for the final step import our Google Analytics 4 JSON file in your GTM to get all the configurations for GA4. Once done you will see data flowing into Google Analytics 4. Learn more about </span>[Google Analytics 4](https://www.scommerce-mage.com/blog/integrate-magento-2-with-google-analytics-4ga4.html).

### <span style="color: rgb(59, 130, 246);">Set up Google Adwords Conversion</span>

<span style="white-space: pre-wrap;">To setup Google Adwords Conversion, please make sure you add </span>****GTM-google\_ads\_conversion\_tracking.json (data folder of the extension)****<span style="white-space: pre-wrap;"> file in your GTM container and add </span>****Conversion Label****<span style="white-space: pre-wrap;"> and </span>****Conversion ID****<span style="white-space: pre-wrap;"> which you should be able to get from Google Adwords account under Conversion section. This import will create the following tags -:</span>

- Conversion Linker Tag
- Google Ads Conversion Tracking

[![ads_conversion.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/ads-conversion.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/ads-conversion.png)

### <span style="color: rgb(59, 130, 246);">Setup Enhanced Conversion</span>

To enable enhanced conversions we first need to enable enhanced conversions in Google Adwords then complete the extension setup.

#### <span style="color: rgb(249, 115, 22);">Enable Enhanced Conversions in Google Adwords</span>

1. <span style="white-space: pre-wrap;">Sign in to your </span>[Google Ads account](https://ads.google.com/).
2. <span style="white-space: pre-wrap;">In the upper right corner of your account, click the tools icon , and under "Measurement," click </span>****Conversions****.
3. Open the conversion action you want to use for setting up enhanced conversions.
4. <span style="white-space: pre-wrap;">In the “Enhanced conversions” section at the bottom, click </span>****Turn on enhanced conversions****.
5. Select ”Google tag or Google Tag Manager” to set up enhanced conversions.
6. <span style="white-space: pre-wrap;">Click </span>****Agree to the compliance statement****<span style="white-space: pre-wrap;">. By turning on enhanced conversions you confirm that you comply with our </span>[policies](https://support.google.com/adspolicy/answer/7475709)<span style="white-space: pre-wrap;">. The </span>[Google Ads Data Processing Terms](https://privacy.google.com/businesses/processorterms/)<span style="white-space: pre-wrap;"> apply to your use of enhanced conversions.</span>
7. <span style="white-space: pre-wrap;">Click </span>****Check URL****<span style="white-space: pre-wrap;"> to check your website for a Google tag.</span>
8. <span style="white-space: pre-wrap;">In “Tag type” you should be defaulted to </span>****Google Tag Manager****<span style="white-space: pre-wrap;"> if that is how you track conversions for this conversion action. Because you used Google Tag Manager to set up website tags, you need to use it to set up enhanced conversions. Follow the instructions below to set up enhanced conversions manually with Google Tag Manager.</span>
9. <span style="white-space: pre-wrap;">Click </span>****Save****.

****Note:****<span style="white-space: pre-wrap;"> Once you have accepted the Terms of Service, it can take up to 5 days for your Google Tag Manager account to be enabled for enhanced conversions. Make sure your conversion tracking tag is set up in Google Tag Manager and then check back in 5 days to see the enhanced conversions functionality enabled. Please</span>[<span style="white-space: pre-wrap;"> CLICK HERE</span>](https://support.google.com/google-ads/answer/10172785)<span style="white-space: pre-wrap;"> for more details.</span>

#### <span style="color: rgb(249, 115, 22);">Setup Enhanced Conversion with the Module</span>

<span style="white-space: pre-wrap;">Go to </span>****Stores&gt;Configuration&gt;Scommerce Configuration&gt;Tracking Base****<span style="white-space: pre-wrap;"> and set "Enable Enhanced Conversion" to "Yes". Import the JSON file either enhanced conversion using data layers or the normal enhanced conversion JSON that fetches the PII data from the global Javascript object.</span>

[![enhanced_conversion.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/enhanced-conversion.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/enhanced-conversion.png)

Once done import the JSON file named "GTM-google\_ads\_enh anced\_conversion\_tracking.json" if or import "GTM-google\_ads\_enhanced\_conversion\_tracking\_using\_datalayers.json" provided with the extension(data folder) in your GTM container . Change the 'conversion label' and 'conversion ID' in the "Google Ads Conversion Tracking" tag. Finally publish the changes to finish the setup.

### <span style="color: rgb(59, 130, 246);">Cookies From Query Params</span>

Cookies from query Params configuration can be used to create new cookie parameters which can be stored in the users browser as per the valid time configured. for eg:- We have created a clickref cookie in the configuration. Now if the cookie parameter is passwed with the URL then that cookie will be created in the browser.

[http://magento2.scommerce-mage.co.uk/?clickref=ab101](http://magento2.scommerce-mage.co.uk/?clickref=ab101)<span style="white-space: pre-wrap;"> :- In this url we passed the cookie parameter "clickref" with the value "ab101". We can see this cookie being created in the below image:-</span>

[![cookies_query_param.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/cookies-query-param.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/cookies-query-param.jpg)

### <span style="color: rgb(59, 130, 246);">Upgrading the Module From 3.0.1 and Below</span>

If you are using an older version of the extension(3.0.1 and below) where a common data layer is used to populate data to both UA and GA4 then upon updating to the latest version you need to make the following changes in GTM.

#### Remove these Tags, Triggers and Variables from GTM container

#### TAGS

- Google Analytics 4
- GA4 Views/impressions of product/item details
- GA4 View Item List Scroll
- GA4 View Item List
- GA4 Shipping info
- GA4 Remove a product from a shopping cart
- GA4 Refunds
- GA4 Purchases
- GA4 Promotion views/impressions
- GA4 Promotion clicks
- GA4 Product/Item List Clicks
- GA4 Payment info
- GA4 Begin Checkout
- GA4 Add a product to a shopping cart

#### Variables

- Ecommerce-detail-products
- Ecommerce-product-detail-value
- Ecommerce-checkout-products
- Ecommerce-checkout-option
- Ecommerce-remove-products
- Ecommerce-refund-products
- Purchase-affiliation
- Purchase-tax
- Purchase-shipping
- ecommerce-promoView-promotions
- ecommerce-promoClick-promotions
- Ecommerce-click-products
- ecommerce-product-click-list-name

#### Triggers

- View\_item
- View\_item\_list
- Shipping Info
- removeFromCart
- Refund
- Purchase
- View\_promotion
- promotionClick
- productClick
- Payment\_info
- addToCart

Now follow the steps below to import the latest GA4 settings for GTM

****Step 1:-****<span style="white-space: pre-wrap;"> Acquire the latest GA4 JSON file provided with the module.</span>

****Step 2:-****<span style="white-space: pre-wrap;"> Go to your GTM container then click on admin&gt;Import Container.</span>

[![upgrading.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/upgrading.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/upgrading.png)

****Step 3:-****<span style="white-space: pre-wrap;"> Click on Choose container file and choose the JSON file acquired in step 1 then select the workspace new/existing. Also select Merge&gt;Rename conflicting tags, triggers, and variables so that no crucial setting is lost.</span>

[![upgrading2.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/upgrading2.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/upgrading2.png)

****Step 4:-****<span style="white-space: pre-wrap;"> Lastly, click confirm to finish the import. Once it's done you will have the latest tags, triggers and variables for GA4 in your GTM.</span>

### <span style="color: rgb(59, 130, 246);">Secure Execution of Inline Scripts in GTM via CSP Nonce</span>

To enhance compatibility with Content Security Policies (CSP), a nonce attribute for Google Tag Manager (GTM) has been added. When enabled, the module injects a unique nonce value into a script tag on every page, allowing secure execution of inline scripts in GTM while complying with CSP directives.

#####   


****Step 1: Enable Nonce Injection****

1. <span style="white-space: pre-wrap;">Navigate to </span>****Stores → Configuration → Scommerce GTM Settings****.
2. <span style="white-space: pre-wrap;">Enable the </span>****"Push Nonce Value to GTM"****<span style="white-space: pre-wrap;"> flag.</span>
3. Save the configuration.

#####   


****Step 2: Verify Script Tag Injection****

<span style="white-space: pre-wrap;">After enabling the feature, confirm the following script appears in the </span>`<span class="editor-theme-code"><span class="editor-theme-code"><span class="editor-theme-code"><head></span></span></span>`<span style="white-space: pre-wrap;"> section of all pages:</span>

html

```
<script id="scomGtmVar" data-scom-gtm-var="<?= $block->getHelper()->getNonceValue() ?>"></script>
```

****Note****<span style="white-space: pre-wrap;">: The </span>`<span class="editor-theme-code"><span class="editor-theme-code"><span class="editor-theme-code">data-scom-gtm-var</span></span></span>`<span style="white-space: pre-wrap;"> attribute contains the dynamically generated nonce value.</span>

![](https://docs.scommerce-mage.com/~gitbook/image?url=https%3A%2F%2F641457949-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9UPh2CKadJHQWfApD4tk%252Fuploads%252FtuuMt5flp8uV87XxTXzL%252Fimage.png%3Falt%3Dmedia%26token%3D69923d47-8c44-4f12-a3e3-699bc9b43dbb&width=768&dpr=4&quality=100&sign=10cd4cbe&sv=2)

##### ****Step 3: Create a GTM Variable for Nonce****

##### <span style="white-space: pre-wrap;">Use </span>****ONE****<span style="white-space: pre-wrap;"> of these methods to capture the nonce value in GTM:</span>

****Method A: Custom JavaScript Variable (Recommended)****

1. <span style="white-space: pre-wrap;">In GTM, create a new </span>****Custom JavaScript****<span style="white-space: pre-wrap;"> variable.</span>
2. <span style="white-space: pre-wrap;">Name it (e.g., </span>`<span class="editor-theme-code"><span class="editor-theme-code"><span class="editor-theme-code">Nonce Value</span></span></span>`).
3. Paste this code:

javascript

```
function() {
  var el = document.getElementById("scomGtmVar");
  return el ? el.getAttribute("data-scom-gtm-var") : undefined;
}
```

![](https://docs.scommerce-mage.com/~gitbook/image?url=https%3A%2F%2F641457949-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9UPh2CKadJHQWfApD4tk%252Fuploads%252Fzunzj1U8imOsipcpSo8V%252Fimage.png%3Falt%3Dmedia%26token%3D03ff03e8-312d-47a8-9f4f-7dffa1b9b1b4&width=768&dpr=4&quality=100&sign=58cecc13&sv=2)

****Method B: DOM Element Variable****

1. <span style="white-space: pre-wrap;">Create a </span>****DOM Element****<span style="white-space: pre-wrap;"> variable.</span>
2. Configure:
    - ****Selection Method****<span style="white-space: pre-wrap;">: </span><span style="color: rgb(0, 0, 0);">ID</span>
    - ****Element ID****<span style="white-space: pre-wrap;">: </span><span style="color: rgb(0, 0, 0);">scomGtmVar</span>
    - ****Attribute Name****<span style="white-space: pre-wrap;">: </span><span style="color: rgb(0, 0, 0);">data-scom-gtm-var</span>

##### ![](https://docs.scommerce-mage.com/~gitbook/image?url=https%3A%2F%2F641457949-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9UPh2CKadJHQWfApD4tk%252Fuploads%252FNLDFn8AAONrddoCbYREP%252Fimage.png%3Falt%3Dmedia%26token%3Dc0bd63d7-b285-47c3-994b-43481fd32491&width=768&dpr=4&quality=100&sign=8b983302&sv=2)

****Step 4: Modify GTM Tags with Nonce****

<span style="white-space: pre-wrap;">For </span>****every Custom HTML tag****<span style="white-space: pre-wrap;"> using inline scripts:</span>

1. <span style="white-space: pre-wrap;">Add the </span>`<span class="editor-theme-code"><span class="editor-theme-code"><span class="editor-theme-code">nonce</span></span></span>`<span style="white-space: pre-wrap;"> attribute to the </span>`<span class="editor-theme-code"><span class="editor-theme-code"><span class="editor-theme-code"><script></span></span></span>`<span style="white-space: pre-wrap;"> block using the GTM variable:</span>

html

```
<script nonce="{{Nonce Value}}">  
  // Your inline code here  
</script>
```

1. ****Critical****<span style="white-space: pre-wrap;">: Enable </span>****"Support document.write"****<span style="white-space: pre-wrap;"> in the tag’s Advanced Settings.</span>
2. Save and publish the container.

#####   


****Step 5: Validation &amp; Troubleshooting****

****Verify Successful Implementation****

****Nonce in Page Source****:

<span style="color: rgb(0, 0, 0);">Inspect the page’s &lt;head&gt; to confirm data-scom-gtm-var contains a value (e.g. bTIzb3B5Y2pobDZvamJtamZoaHdrYnRxcXI5b3owcW4</span>`<span class="editor-theme-code"><span class="editor-theme-code"><span class="editor-theme-code">=</span></span></span>`<span style="color: rgb(0, 0, 0); white-space: pre-wrap;">). </span>****\\****

****Tag Execution****:

- <span style="white-space: pre-wrap;">Use GTM Preview to confirm tags fire with the </span><span style="color: rgb(0, 0, 0);">nonce</span><span style="white-space: pre-wrap;"> attribute.</span>

****CSP Errors****:

- Check browser console for CSP violations. Absence of errors confirms compliance.

![](https://docs.scommerce-mage.com/~gitbook/image?url=https%3A%2F%2F641457949-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9UPh2CKadJHQWfApD4tk%252Fuploads%252Fg42tUonRpM6YYeVFkD7M%252Fimage.png%3Falt%3Dmedia%26token%3Deea6ad61-7617-4ba2-ab3d-57396a8aa61b&width=768&dpr=4&quality=100&sign=7d9ae46c&sv=2)

![](https://docs.scommerce-mage.com/~gitbook/image?url=https%3A%2F%2F641457949-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F9UPh2CKadJHQWfApD4tk%252Fuploads%252FzcCJjkwlAqEW2LmajtJf%252Fimage.png%3Falt%3Dmedia%26token%3D88741ee8-7d0b-4919-b152-a4e47ac3083d&width=768&dpr=4&quality=100&sign=ca9799ac&sv=2)

### <span style="color: rgb(59, 130, 246);">Front-end Screenshots</span>

#### <span style="color: rgb(249, 115, 22);">Order Total of Product without VAT</span>

<span style="white-space: pre-wrap;">Go to </span>****Stores &gt; Configuration &gt; Scommerce &gt; Google Tag Manager Pro****<span style="white-space: pre-wrap;">. Scroll down to option </span>****Order Total Include Vat****<span style="white-space: pre-wrap;"> and toggle it to ‘No’. When turned ‘No’ the total order value data sent to Google analytics will not include VAT.</span>

[![front_gtm.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/front-gtm.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/front-gtm.png)

#### <span style="color: rgb(249, 115, 22);">Order Total of Product with VAT</span>

<span style="white-space: pre-wrap;">Go to </span>****Stores &gt; Configuration &gt; Scommerce &gt; Google Tag Manager Pro****<span style="white-space: pre-wrap;">. Scroll down to option </span>****Order Total Include Vat****<span style="white-space: pre-wrap;"> and toggle it to ‘Yes’. When turned ‘Yes’ the total order value data sent to Google analytics will also include VAT.</span>

[![front_gtm2.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/front-gtm2.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/front-gtm2.png)

#### <span style="color: rgb(249, 115, 22);">Send SKU of Child Product</span>

<span style="white-space: pre-wrap;">Go to </span>****Stores &gt; Configuration &gt; Scommerce &gt; Google Tag Manager Pro****<span style="white-space: pre-wrap;">. Scroll down to the option </span>****Always Send Parent SKU****<span style="white-space: pre-wrap;"> and toggle it to ‘No’. When turned ‘No’ if the customer selects a configurable product then the SKU data sent to Google analytics will be of the child product.</span>

[![front_gtm3.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/front-gtm3.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/front-gtm3.png)

#### <span style="color: rgb(249, 115, 22);">Send SKU of Parent Product Only</span>

<span style="white-space: pre-wrap;">Go to </span>****Stores &gt; Configuration &gt; Scommerce &gt; Google Tag Manager Pro****<span style="white-space: pre-wrap;">. Scroll down to the option </span>****Always Send Parent SKU****<span style="white-space: pre-wrap;"> and toggle it to ‘Yes’. When turned ‘Yes’ if the customer selects a configurable product then only the SKU of the parent product will be sent to Google analytics.</span>

[![front_gtm4.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/front-gtm4.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/front-gtm4.png)

#### <span style="color: rgb(249, 115, 22);">Send Parent Category</span>

<span style="white-space: pre-wrap;">Go to </span>****Stores &gt; Configuration &gt; Scommerce &gt; Google Tag Manager Pro****<span style="white-space: pre-wrap;">. Scroll down to the option </span>****Send Parent Category****<span style="white-space: pre-wrap;"> and toggle it to ‘Yes’. When turned ‘Yes’ if the customer selects a product then it will send the entire category path to the analytics if “No” then it will only send the category name.</span>

[![front_gtm5.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/front-gtm5.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/front-gtm5.png)

#### <span style="color: rgb(249, 115, 22);">Primary Category</span>

<span style="white-space: pre-wrap;">Go to </span>****Catalog &gt; Products****<span style="white-space: pre-wrap;"> and select any product. Then Scroll down to the option Primary Category.</span>

[![image - 2025-07-15T183615.302.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-07/scaled-1680-/image-2025-07-15t183615-302.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-07/scaled-1680-/image-2025-07-15t183615-302.jpg)

Here you can set the primary category for any product. If you do not wish to send the assigned category to analytics, then you select which category path or name you want to send.

[![primary.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/primary.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-04/scaled-1680-/primary.png)

Here you can set the primary category for any product. If you do not wish to send the assigned category to analytics, then you select which category path or name you want to send.

### <span style="color: rgb(59, 130, 246);">Set up Consent Mode V2 with GTM</span>

Please follow the below guide to set up consent mode v2 with GTM, also you would need to have both GTM and GDPR modules to complete this setup.

****GDPR:-****<span style="white-space: pre-wrap;"> </span>[https://www.scommerce-mage.com/magento-2-gdpr.html](https://www.scommerce-mage.com/magento-2-gdpr.html)

****Consent Mode:-****<span style="white-space: pre-wrap;"> </span>[https://docs.scommerce-mage.com/magento-2-extensions/analytics-and-tracking-extensions/magento-2-consent-modes-setup-guide](https://docs.scommerce-mage.com/magento-2-extensions/analytics-and-tracking-extensions/magento-2-consent-modes-setup-guide)

<span style="white-space: pre-wrap;">If you have a question related to this extension please check out our </span>[****FAQ Section****](https://www.scommerce-mage.com/magento-2-ga4-google-tag-manager.html#customfaq)<span style="white-space: pre-wrap;"> first. If you can't find the answer you are looking for then please contact </span>[****support@scommerce-mage.com****](mailto:core@scommerce-mage.com)****.****

# Magento 2 missing orders or transactions in Google Analytics (GA)

### <span style="color: rgb(59, 130, 246);">Installation and User Guide for Magento 2 Google Analytics Synchronization Extension</span>

****Table of Contents****

1. [Installation](#bkmrk-installation "Installation")
    - **Installation via app/code**
    - **Installation via Composer**
2. [Configuration Settings for Google Analytics Synchronization](#bkmrk-configuration-settin "Configuration Settings for Google Analytics Synchronization")
    - **General Settings**
    - **GA4**
    - **Select Store View**
3. [Verify/Test Synced Transactions](#bkmrk-verify%2Ftest-synced-t "Verify/Test Synced Transactions")
    - **GA4 Sync Log grid**
    - **GA4 Sync Log File**
    - **Google Analytics 4 Real Time Reports**
    - **Google Analytics 4 Custom Reports**
4. [Order Tracking Information](#bkmrk-order-tracking-infor "Order Tracking Information")
5. [Create Project in Google Developer Console for GA Reporting API](#bkmrk-create-project-in-go "Create Project in Google Developer Console for GA Reporting API")
6. [Getting View ID (Universal Analytics)](#bkmrk-getting-view-id-%28uni "Getting View ID (Universal Analytics)")
7. [Getting Property ID (GA4)](#bkmrk-getting-property-id- "Getting Property ID (GA4)")
8. [Command to run the Synch Manually](#bkmrk-command-to-run-the-s "Command to run the Synch Manually")

### <span style="color: rgb(59, 130, 246);">Installation</span>

- ****Installation via app/code:****<span style="white-space: pre-wrap;"> Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.</span>
- ****Installation via Composer:****<span style="white-space: pre-wrap;"> Please follow the guide provided in the below link to complete the installation via composer.</span>

<p class="callout success">[https://docs.scommerce-mage.com/magento-2-extensions/installation-via-composer/installation-via-composer](https://docs.scommerce-mage.com/magento-2-extensions/installation-via-composer/installation-via-composer)</p>

### <span style="color: rgb(59, 130, 246);">Configuration Settings for Google Analytics Synchronization</span>

<span style="white-space: pre-wrap;">Go to </span>****Admin &gt; Stores &gt; Configuration &gt; Scommerce Configuration &gt; Google Analytics Synchronization****

#### ****General Settings****

- ****Enabled –****<span style="white-space: pre-wrap;"> Select "Yes" or "No" to enable or disable the module.</span>
- ****Enabled –****<span style="white-space: pre-wrap;"> Select "Yes" or "No" to enable or disable synchronization with UA(Universal Analytics).</span>
- ****License Key –****<span style="white-space: pre-wrap;"> Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at </span><support@scommerce-mage.com>.
- ****Application Name –****<span style="white-space: pre-wrap;"> It is the project name that you get from Google console. ( https://console.developers.google.com/ ) </span>[Click here for more information](https://console.cloud.google.com/)
- ****Security key (JSON) –****<span style="white-space: pre-wrap;"> Security key JSON file can be obtained from Google Console under account credentials. </span>[Click here for more information](#bkmrk-create-project-in-go "Click here for more information")
- ****Google View id –****<span style="white-space: pre-wrap;"> View Id can be obtained from Google Analytics. Go to Admin&gt;View Settings&gt;View ID.</span>
- ****Exclude order statuses –****<span style="white-space: pre-wrap;"> You can choose to exclude certain order statues from sync. These orders won't be synced with Google Analytics.</span>
- ****Orders day Skip –****<span style="white-space: pre-wrap;"> Enter the number of days you want to skip checking. For eg:- Suppose if you enter 2 then orders from 2days ago will be synced today.</span>
- ****Skip Hours-****<span style="white-space: pre-wrap;"> This setting works in conjunction with Order days skip" setting. When </span>****Order days skip****<span style="white-space: pre-wrap;"> is set to 0 then you can add hours here to allow number of hours to skip before considering transaction has been missing and sending it to GA. Default value is 4 and we will recommend to keep it that way because original transaction can take longer to appear in Google Analytics.</span>
- ****Send Base Data –****<span style="white-space: pre-wrap;"> Select whether you want to send base order data or store order data.</span>
- ****Send Phone or Admin Orders –****<span style="white-space: pre-wrap;"> Enabling this option will also sync orders placed from admin panel and phone</span>
- ****Source –****<span style="white-space: pre-wrap;"> Pass a source to Google for admin orders</span>
- ****Medium –****<span style="white-space: pre-wrap;"> Pass a medium to Google for admin orders</span>
- ****Brand Attribute –****<span style="white-space: pre-wrap;"> Select a brand attribute to send with brand names</span>
- ****Brand Text box –****<span style="white-space: pre-wrap;"> Input brand name to send to Google</span>
- ****Default Landing Page -****<span style="white-space: pre-wrap;"> This setting allows you to set default landing page value which shows in Google Analytics in case landing page is not available to sent as part of missing transaction.</span>
- ****Cron Schedule –****<span style="white-space: pre-wrap;"> Schedule specific cron time to run the sync automatically.</span>
- ****Debugging –****<span style="white-space: pre-wrap;"> Enabling debugging will generate a detailed log report in /var/log directory</span>
- ****Test Mode-****<span style="white-space: pre-wrap;"> This setting allows you to check missing transactions before we send the transactions to GA. It helps in validating the data before it gets posted to Google Analytics</span>

[![image (149).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-149.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-149.png)

[![image (150).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-150.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-150.png)

[![image (151).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-151.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-151.png)

[![image (152).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-152.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-152.png)

[![image (153).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-153.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-153.png)

#### ****GA4****

- ****Synch GA4 –****<span style="white-space: pre-wrap;"> Select "Yes" or "No" to enable or disable the GA4 sync.</span>
- ****API Secret –****<span style="white-space: pre-wrap;"> Enter the API secret key here. API secret key can be created by going into GA4&gt;Admin&gt;Data Streams&gt;Select website&gt;Measurement Protocol API Secrets&gt;Create enter the name and click on create to get the key.</span>
- ****Skip Order days –****<span style="white-space: pre-wrap;"> Enter the number of days that will be skipped before sending to GA4. Please put greater than 0 value. This is done to avoid duplicate transactions. For eg:- Suppose if you enter 2 then orders from 2days ago will be synced today.</span>
- ****Measurement ID –****<span style="white-space: pre-wrap;"> Enter the measurement ID of your GA4 property. Ga4 measurement ID can be extracted from </span>****GA4&gt;Admin&gt;Data Streams&gt;Select website and it is available in the top right corner.****
- ****Property ID –****<span style="white-space: pre-wrap;"> Enter the property ID of GA4. </span>****GA4&gt;Admin&gt;Property Settings&gt;Property ID****

[![image (173).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-173.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-173.png)

****Select Store View****

- ****Enabled –****<span style="white-space: pre-wrap;"> Select "Yes" or "No" to enable or disable the module.</span>
- ****Enabled –****<span style="white-space: pre-wrap;"> Select "Yes" or "No" to enable or disable synchronization with UA(Universal Analytics).</span>
- ****License Key –****<span style="white-space: pre-wrap;"> Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at </span><support@scommerce-mage.com>
- ****Application Name –****<span style="white-space: pre-wrap;"> It is the project name that you get from Google console. ( https://console.developers.google.com/) </span>[Click here for more information](https://docs.scommerce-mage.com/magento-2-extensions/analytics-and-tracking-extensions/magento-2-missing-orders-or-transactions-in-google-analytics-ga#toc65169382)
- ****Security key (JSON) –****<span style="white-space: pre-wrap;"> Security key JSON file can be obtained from Google Console under account credentials.</span>[<span style="white-space: pre-wrap;"> Click here for more information</span>](https://docs.scommerce-mage.com/magento-2-extensions/analytics-and-tracking-extensions/magento-2-missing-orders-or-transactions-in-google-analytics-ga#toc65169382)
- ****Google View id –****<span style="white-space: pre-wrap;"> View Id can be obtained from Google Analytics. Go to Admin&gt;View Settings&gt;View ID.</span>
- ****Exclude order statuses –****<span style="white-space: pre-wrap;"> You can choose to exclude certain order statues from sync. These orders won't be synced with Google Analytics.</span>
- ****Analytics Account Id –****<span style="white-space: pre-wrap;"> It is your Google Analytics account ID.</span>
- ****Orders day Skip –****<span style="white-space: pre-wrap;"> Enter the number of days you want to skip checking. For eg:- Suppose if you enter 2 then orders from 2 days ago will be synced today.</span>
- ****Skip Hours-****<span style="white-space: pre-wrap;"> This setting works in conjunction with Order days skip" setting. When </span>****Order days skip****<span style="white-space: pre-wrap;"> is set to 0 then you can add hours here to allow number of hours to skip before considering transaction has been missing and sending it to GA. Default value is 4 and we will recommend to keep it that way because original transaction can take longer to appear in Google Analytics.</span>
- ****Send Base Data –****<span style="white-space: pre-wrap;"> Select whether you want to send base order data or store order data.</span>
- ****Send Phone or Admin Orders –****<span style="white-space: pre-wrap;"> Enabling this option will also sync orders placed from admin panel and phone</span>
- ****Source –****<span style="white-space: pre-wrap;"> Pass a source to Google for admin orders</span>
- ****Medium –****<span style="white-space: pre-wrap;"> Pass a medium to Google for admin orders</span>
- ****Brand Attribute –****<span style="white-space: pre-wrap;"> Select a brand attribute to send with brand names</span>
- ****Brand Text box –****<span style="white-space: pre-wrap;"> Input brand name to send to Google</span>
- ****Default Landing Page -****<span style="white-space: pre-wrap;"> This setting allows you to set default landing page value which shows in Google Analytics in case landing page is not available to sent as part of missing transaction.</span>

[![image (155).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-155.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-155.png)

[![image (157).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-157.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-157.png)

[![image (158).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-158.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-158.png)

[![image (159).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-159.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-159.png)

****GA4****

- ****Synch GA4 –****<span style="white-space: pre-wrap;"> Select "Yes" or "No" to enable or disable the GA4 sync.</span>
- ****API Secret –****<span style="white-space: pre-wrap;"> Enter the API secret key here. API secret key can be created by going into </span>****GA4&gt;Admin&gt;Data Streams&gt;Select website&gt;Measurement Protocol API Secrets&gt;Create enter the name and click on create to get the key.****
- ****Skip Order days –****<span style="white-space: pre-wrap;"> Enter the number of days that will be skipped before sending to GA4. Please put greater than 0 value. This is done to avoid duplicate transactions. For eg:- Suppose if you enter 2 then orders from 2days ago will be synced today.</span>
- ****Measurement ID –****<span style="white-space: pre-wrap;"> Enter the measurement ID of your GA4 property. Ga4 measurement ID can be extracted from </span>****GA4&gt;Admin&gt;Data Streams&gt;Select website and it is available in the top right corner.****
- ****Property ID –****<span style="white-space: pre-wrap;"> Enter the property ID of GA4. </span>****GA4&gt;Admin&gt;Property Settings&gt;Property ID****

[![image (172).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-172.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-172.png)

### <span style="color: rgb(59, 130, 246);">Verify/Test Synced Transactions</span>

The synced transactions can be verified in two ways. Either checking the GA Sync logs or by checking the Real time reports in GA4 (as it takes 24 to48 hrs for GA4 to attribute data to reports realtime is the quickest way to verify).

- ****GA Sync Log Grid:****<span style="white-space: pre-wrap;"> Go to </span>****System&gt; Manage GA Sync Logs&gt; GA Sync Logs****

[![image (178).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-178.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-178.png)

After clicking on "GA Sync Logs", user would see the generated logs in the Sync Log Grid.

[![image (179).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-179.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-179.png)

User can also use filters to check a particular log in the grid.

[![image (180).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-180.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-180.png)

- ****GA4 Sync Log File:****<span style="white-space: pre-wrap;"> The GA Sync logs can be viewed by going into your server&gt;Magento installation directory&gt;Var&gt;log&gt;ga\_sync.log.</span>

[![image (181).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-181.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-181.png)

After downloading/viewing the file, user can check the logs. This file contains details of each synced transaction alongwith the order data that was sent, please refer to the image below:-

[![image (182).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-182.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-182.png)

#### ****Google Analytics 4 Real Time Reports****

Go to your Google Analytics 4 Property then from left menu click on reports:

[![image (3) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-3-1-1-1-1-1-1-1-1-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-3-1-1-1-1-1-1-1-1-1-1.png)

Next, select realtime from the left menu and under the event name column you can find the purchase event by clicking on that you can verify the transaction ID that was sent through the sync module.

[![image (3) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-3-1-1-1-1-1-1-1-1-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-3-1-1-1-1-1-1-1-1-1-1.png)

****Google Analytics 4 Custom Reports****

You can create a transaction report in GA4 using custom reports to verify the transactions received. For more information, please[<span style="white-space: pre-wrap;"> </span>****Click Here****](https://www.scommerce-mage.com/blog/how-to-create-transactions-report-in-google-analytics-4-ga4.html)

### <span style="color: rgb(59, 130, 246);">Order Tracking Information</span>

The order tracking info is captured against each order which is later used to sync the transactions to GA4 attributing them to correct sessions and dates to improve report accuracy. The order tracking info can be viewed by going into Admin&gt;Sales&gt;Order&gt;Edit any order. Please refer to the screengrab below.

[![image (185).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-185.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-185.png)

### <span style="color: rgb(59, 130, 246);">Create Project in Google Developer Console for GA Reporting API</span>

Please follow the steps below to create project in Google developer console for GA reporting API and to obtain "application name" and "security key JSON File": -

****Go to**** [****https://console.developers.google.com/.****](https://console.cloud.google.com/apis/dashboard) ****Click on the dropdown on the left as shown in the image below and a popup will appear on your screen.****

[![image (163).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-163.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-163.png)

****Click on New Project****

[![image (166).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-166.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-166.png)

****Enter your project name and Location then click on create.****

[![image (165).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-165.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-165.png)

****Click on Enable APIS and SERVICES****

[![image (167).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-167.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-167.png)

****In the next window search for Google Analytics Reporting API, this API gets used for GA4 along with Analytics Data API****

[![image (168).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-168.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-168.png)

****Click on Enable to enable the API****

[![image (169).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-169.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-169.png)

****Similarly enable the below API's as well:-****

- Google Analytics API (Used to access UA data)
- <span style="white-space: pre-wrap;">Google Analytics Data API (Used to access GA4 report Data) </span>[https://developers.google.com/analytics/devguides/reporting/data/v1?hl=en\_US](https://developers.google.com/analytics/devguides/reporting/data/v1?hl=en_US)

****Click on Credentials from the left window then click on Create Credentials and choose service account.****

[![image (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.png)

****In the next window, fill in your service account name and description then click on Create. An email will be automatically created as per your name. We need to add this email in google analytics. We will do it in the steps down below. Your service name will be your Application Name that you will enter in the configuration.****

[![image (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.png)

****Click on continue without selecting a role.****

[![image (2) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/image-2-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/image-2-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1.png)

- Click Continue again without any selection
- <span style="white-space: pre-wrap;">Click on Create Key from the image above and select json your key file will be downloaded. </span>****Place this key file in the VAR directory of your website****<span style="white-space: pre-wrap;">. Copy the exact name with extension ".json" and input it into </span>****security Key****<span style="white-space: pre-wrap;"> in the configuration.</span>

[![image.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/KBrimage.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/KBrimage.png)

- ****Login to your GA4 account. Go to Admin -&gt; Property -&gt; Property Access Management. Add the email we got in the steps above with "Viewer" or "Analyst" permissions.****

[![image.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/4EPimage.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/4EPimage.png)

- ****Login to your Universal Analytics account. Go to Admin &gt; User Management. Add the email we got in the steps above with "Viewer" or "Analyst" permissions.****

[![image.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/nv9image.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/nv9image.png)

### <span style="color: rgb(59, 130, 246);">Getting View ID (Universal Analytics)</span>

<span style="white-space: pre-wrap;">Login to Your Google Analytics account and go to </span>****Admin&gt;View Settings****<span style="white-space: pre-wrap;">. You will be able to see your </span>****view Id****<span style="white-space: pre-wrap;"> there. You need to input this into the configuration as well.</span>

[![image.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/huIimage.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/huIimage.png)

### <span style="color: rgb(59, 130, 246);">Getting Property ID (GA4)</span>

[![image.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/1fJimage.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/1fJimage.png)

### <span style="color: rgb(59, 130, 246);">Command to run the Synch Manually</span>

`<span class="editor-theme-code">php bin/magento scommerce:analyticssync:synchronize</span>`

<span style="white-space: pre-wrap;">If you have a question related to this extension please check out our </span>[****FAQ Section****<span style="white-space: pre-wrap;"> </span>](https://www.scommerce-mage.com/magento-2-delivery-date-and-instructions.html#customfaq)<span style="white-space: pre-wrap;">first. If you can't find the answer you are looking for then please contact </span>[****support@scommerce-mage.com****](mailto:core@scommerce-mage.com)****.****

# Magento 2 Google Global Site Tag (gtag.js) with GA4(Google Analytics 4) Enabled

### <span style="color: rgb(59, 130, 246);">Installation and User Guide for Magento 2 Global Site Tag (gtag.js) Extension</span>

****Table of Contents****

1. [**Installation**](#bkmrk-installation "Installation")
    - **Installation via app/code**
    - **Installation via Composer**
    - **Installation via Composer( (Hyvä Theme):**
2. [**Configuration Settings for Tracking Base**](#bkmrk-configuration-settin "Configuration Settings for Tracking Base")
    - **General Settings**
    - **Checkout Behaviour**
3. [Configuration Settings for Global Site Tag (gtag.js)](#bkmrk-configuration-settin-1 "Configuration Settings for Global Site Tag (gtag.js)")
    - **General Settings**
4. [Set up Google Analytics 4](#bkmrk-set-up-google-analyt "Set up Google Analytics 4")
5. [Set Up Cross Domain Measurement](#bkmrk-set-up-cross-domain- "Set Up Cross Domain Measurement")
6. [Front-end Site view](#bkmrk-front-end-site-view "Front-end Site view")
    - **Home Page with Tags**
    - **Gtag.js Code**
    - **Gtag.js Brand Name**

### <span style="color: rgb(59, 130, 246);">Installation</span>

- ****Installation via app/code:****<span style="white-space: pre-wrap;"> Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added. After the successful upload of the package, run below commands on Magento 2 root directory.</span>

```
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
```

- ****Installation via Composer:****<span style="white-space: pre-wrap;"> Please follow the guide provided in the below link to complete the installation via composer.</span>

<p class="callout success">[https://docs.scommerce-mage.com/magento-2-extensions/installation-via-composer/installation-via-composer](https://docs.scommerce-mage.com/magento-2-extensions/installation-via-composer/installation-via-composer)</p>

- ****Installation via Composer(Hyvä Theme):****<span style="white-space: pre-wrap;"> Go to My Account section then go to Composer Instructions. Run the composer config commands mentioned on the page then run the below command to install the module on hyva theme.</span>

```php
composer require hyva-themes/magento2-scommerce-gtag
```

### <span style="color: rgb(59, 130, 246);">Configuration Settings for Tracking Base</span>

<span style="white-space: pre-wrap;">Go to </span>****Admin &gt; Stores &gt; Configuration &gt; Scommerce Configuration &gt; Tracking Base****

#### <span style="color: rgb(249, 115, 22);">General Settings</span>

- ****Enabled –****<span style="white-space: pre-wrap;"> Select "Yes" or "No" to enable or disable the module.</span>
- ****Enable Enhanced Ecommerce –****<span style="white-space: pre-wrap;"> Select 'Yes' to enable this module. Please make sure this feature is enabled in Google Analytics first before enabling in Magento2.</span>
- ****Product ID Attribute –****<span style="white-space: pre-wrap;"> Select the attribute which you have submitted in your Google base feed. For e.g. SKU</span>
- ****Brand Attribute –****<span style="white-space: pre-wrap;"> Please select brand attribute, if you have one otherwise put your brand name in the below input box.</span>
- ****Use Base Currency -****<span style="white-space: pre-wrap;"> Set 'Yes' if you want to send base order data and 'No' to send store order data to Google. Set this 'No' only when you have multicurrency and you want to send different currency data to Google.</span>

[![gtag_config_1.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/scaled-1680-/gtag-config-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/scaled-1680-/gtag-config-1.png)

- ****Product Price Include Tax-****<span style="white-space: pre-wrap;"> Set "Yes" then VAT will be included in the price.</span>
- ****Order Total Include VAT –****<span style="white-space: pre-wrap;"> Set "Yes" then VAT will be included in order total.</span>
- ****Always Send Parent SKU –****<span style="white-space: pre-wrap;"> Set "Yes" then it always send parent sku instead of child sku to GA during checkout.</span>
- ****Category Attribute-****<span style="white-space: pre-wrap;"> Please select category attribute if you have one otherwise put your brand name in the below input box. </span>****Attribute should be available for product listing 'Storefront Properties -&gt; Used in Product Listing = Yes'****
- ****Is Category ID-****<span style="white-space: pre-wrap;"> Set "Yes" if "Category Attribute" is ID of the category, "No" if it is plain value</span>

[![image.png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/scaled-1680-/image.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/image.png)

- ****Send Parent Category –****<span style="white-space: pre-wrap;"> Set "Yes" to send the category path and Set "No" to send the category name only.</span>
- ****Default List-****<span style="white-space: pre-wrap;"> Enter the default list name if the product impression is not found</span>
- ****Send Admin Orders to Google–****<span style="white-space: pre-wrap;"> Select "Yes" to track orders created in admin</span>
- ****Source-****<span style="white-space: pre-wrap;"> Please add the Campaign Source for backend orders.</span>
- ****Medium-****<span style="white-space: pre-wrap;"> Please define the Campaign Medium for Backend Orders.</span>
- ****Send Product Impression on Scroll -****<span style="white-space: pre-wrap;"> Enable this feature when you have loads of products on product listing / category pages.</span>
- ****Category Ajax Enabled –****<span style="white-space: pre-wrap;"> Enable this feature if you have third party ajax enabled extension on your category page.</span>

[![image (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/scaled-1680-/image-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/image-1.png)

#### <span style="color: rgb(249, 115, 22);">Checkout Behaviour</span>

- ****Add Carrier Title:-****<span style="white-space: pre-wrap;"> Use this to add carrier title to the shipping step. Set "Yes" to send </span>**carrier\_code::carrier\_title**. Ex. flatrate::Flat Rate
- ****Add Payment Title :-****<span style="white-space: pre-wrap;"> Use this to add payment method title to payment step. Set "Yes" to send </span>**method::title**. Ex. checkmo::Check / Money Order
- ****Steps Configuration:-****<span style="white-space: pre-wrap;"> define checkout steps</span>
    - ****Step:-****<span style="white-space: pre-wrap;"> number of step</span>
    - ****Selector:-****<span style="white-space: pre-wrap;"> add the selector for the step. Basic selector could be '#customer-email' this is equals to '#customer-email/change' and will send customer email itself</span>
    - ****Type:-****<span style="white-space: pre-wrap;"> choose the step type from the dropdown</span>

[![image (2).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/scaled-1680-/image-2.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/image-2.png)

### <span style="color: rgb(59, 130, 246);">Configuration Settings for Global Site Tag (gtag.js)</span>

<span style="white-space: pre-wrap;">Go to </span>****Admin &gt; Stores &gt; Configuration &gt; Scommerce Configuration &gt; Global Site Tag (gtag.js)****

#### <span style="color: rgb(249, 115, 22);">General Settings</span>

- ****Enabled –****<span style="white-space: pre-wrap;"> Select "Yes" or "No" to enable or disable the module.</span>
- ****License Key –****<span style="white-space: pre-wrap;"> Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at </span><support@scommerce-mage.com>.
- ****Accounts ID –****<span style="white-space: pre-wrap;"> You can add multiple account id, it can be Analytics, Adwords.</span>
    - ****Main Account –****<span style="white-space: pre-wrap;"> Select 'Yes' to set your main analytics id as an account id. This account will be used to connect gtag.js.</span>
    - ****Use Linker –****<span style="white-space: pre-wrap;"> If this is enabled (set to 'Yes') then this account will be linked to domains from "Domains to link" field, which is specified below</span>
    - ****Action –****<span style="white-space: pre-wrap;"> You can delete your account\\, if required.</span>

[![image (3).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/scaled-1680-/image-3.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/image-3.png)

- ****Enable Linker -****<span style="white-space: pre-wrap;"> If this is enabled then you can set linker properties, in domain configurations which is specified below e.g. Domain to link, Decorate Forms. This setting is mainly for Cross domain mesurement, so to use this you must first enable it in Google Analytics 4 Admin.</span>
- ****Domains to Link -****<span style="white-space: pre-wrap;"> Enter the domains that you want to link. Example destination.com, dest3.com or /^example.(com|de|nl)$/.</span>
- ****Decorate Forms -****<span style="white-space: pre-wrap;"> If you have forms on site pointing to the destination domain, set this property of the linker parameter to Yes</span>
- ****Promotion Tracking –****<span style="white-space: pre-wrap;"> Here is the format to set up the promotion tracking: &lt;a href="#" data-promotion="CREATIVENAME" data-id="PROMOID" data-name="PROMONAME" data-creative="PROMOCREATIVE" data-position="PROMOPOSITION"&gt; Content &lt;/a&gt;</span>
- ****Enable Dynamic Remarketing Tag –****<span style="white-space: pre-wrap;"> If set to 'Yes', then this will enable and install remarketing tag to different pages.</span>
- ****Enable Tracking for Other Sites –****<span style="white-space: pre-wrap;"> This will enable other sites variables (</span>[https://support.google.com/tagmanager/answer/6106009?hl=en-GB#zippy=%2Ccustom](https://support.google.com/tagmanager/answer/6106009?hl=en-GB#zippy=%2Ccustom)[)](https://developers.google.com/adwords-remarekting-tag/parameters#other)<span style="white-space: pre-wrap;"> instead of retail site variables.</span>

[![image (4).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/scaled-1680-/image-4.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/image-4.png)

### <span style="color: rgb(59, 130, 246);">Set up Google Analytics 4</span>

- Go to Analytics and select the website on which you want to implement GA4.
- Once you are in universal analytics panel go into admin settings. Here you will notice an UPGRADE TO GA4 button, click on it. You will be walked with creating a new property. Follow along, once you are finished you will see the new GA4 view on your screen

[![image.jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/scaled-1680-/image.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/image.jpg)

### <span style="color: rgb(59, 130, 246);">Set Up Cross Domain Measurement</span>

****Step 1:-****<span style="white-space: pre-wrap;"> Go to Google Analytics 4 Admin&gt;Data Streams&gt;Select your stream&gt;Configure Tag Settings &gt;Configure Your Domains, here add your domains or subdomains that you want to track.</span>

[![image (5).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/scaled-1680-/image-5.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/image-5.png)

****Step 2:-****<span style="white-space: pre-wrap;"> Add the all domains added above in the configuration "Domains to link" comma separated. Now if you have any links taking you from your main site to the linked site, </span>****\_gl cookie****<span style="white-space: pre-wrap;"> is automatically apended to the URL that contains several information such as source website, source campaign etc hereby accomplishing the cross domain measurement. an example of such URL is as follows: </span>

```php
https://magento2demo.scommerce-mage.co.uk/?_gl=1fzl3bd_gaMTk3ODY0NTU1Mi4xNzIyODQzNDc3_ga_FWXJFY956H*MTcyMjg1OTYxOC40LjEuMTcyMjg1OTYzNS4wLjAuMA..
```

### <span style="color: rgb(59, 130, 246);">Front-end Site view</span>

- ****Home Page with Tags -****<span style="white-space: pre-wrap;"> In Tag Assistant tool you can see all the fired tags.</span>

[![image (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/scaled-1680-/image-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/image-1-1.png)

- ****Gtag.js Code -****<span style="white-space: pre-wrap;"> In the below image you can see the UA and AW tracking id's from </span>****Admin &gt; Stores &gt; Configuration &gt; Scommerce Configuration &gt; Global Site Tag (gtag.js) &gt; Account Id****<span style="white-space: pre-wrap;"> &gt; Click on </span>****"Add Account"****<span style="white-space: pre-wrap;"> – G-R6FSTDG16K, AW-123234123.</span>

[![image (2) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/scaled-1680-/image-2-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/image-2-1.png)

- ****Gtag.js Brand Name –****<span style="white-space: pre-wrap;"> You can add brand name from </span>****Admin &gt; Stores &gt; Configuration &gt; Scommerce Configuration &gt; Global Site Tag (gtag.js) &gt; Brand Name – "TestScommerce".****

[![image (1).jpg](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/scaled-1680-/image-1.jpg)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-05/image-1.jpg)

<span style="white-space: pre-wrap;">If you have a question related to this extension please check out our </span>[****FAQ Section****](https://www.scommerce-mage.com/magento2-google-analytics-missing-transactions.html#customfaq)<span style="white-space: pre-wrap;"> first. If you can't find the answer you are looking for then please contact </span>[****support@scommerce-mage.com****](mailto:core@scommerce-mage.com)****.****

# Magento 2 Consent mode's setup guide

**IN MAGENTO**

1. Once you have installed the modules **“Google Tag Manager Pro Tracking”**, **“Tracking Base”**, ”**Cookie Popup**” and “**GDPR**”, enable them and enter the correct license key.

![](https://docs.scommerce-mage.com/.gitbook/assets/0%20(1)%20(1).png)[![0 (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/0-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/0-1-1.png)

2. After that, go to **“Customers”** -&gt; **“Manage Cookie Choices”** and click on **“Add new Cookie Choice”** to set up cookie choices in the Cookie Popup extension.

![](https://docs.scommerce-mage.com/.gitbook/assets/1%20(9).png)[![1 (9).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/1-9.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/1-9.png)

**2a**. You can do the setup of a new cookie as shown in the below image or you can create your own cookie/s. Please note that **“Cookie Name”** and **“Set by default”** are the most important fields as they would be used in the cookie mapping as described in the later steps.

![](https://docs.scommerce-mage.com/.gitbook/assets/2%20(5).png)[![2 (5).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/2-5.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/2-5.png)

**2b.** Once you have created a cookie or multiple cookies, your setup should resemble the below image-

![](https://docs.scommerce-mage.com/.gitbook/assets/3%20(5).png)[![3 (5).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/3-5.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/3-5.png)

3. Now, go to **“System”**-&gt;**”Configuration”**-&gt;**“Tracking Base”**. Scroll down and you would see the field **“Enable Consent Mode”**, enable it in order to enable the consent mode. Then**,** go to **“Cookie mapping”**, add the **“Consent Param”** that are given in the description”(**personalization\_storage**, **functionality\_storage**, **security\_storage** are not mandatory for correct consent setup), set the **“Default value”** of the consent parameter as “**granted”** or “**denied”** based on the **“Set by default”** (step 2a) value of the cookie. Use the **“Cookie Name”** that you used while creating the cookies. For example- **analytics\_storage**, if you want to do mapping of this consent param with Analytics cookie then in the field **“Cookie name”** add **“analytics\_cookie”** because this cookie name was used when you were creating cookies (step 2a). While creating the cookie (in this case Analytics cookie), if the value of **“Set by default”** is set to **“No”** then while doing the mapping the **“Default value”** of the consent param (in this case analytics\_storage) that is associated with that cookie should be set to **“denied”** or vice versa.

![](https://docs.scommerce-mage.com/.gitbook/assets/4%20(4).png)[![4 (4).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/4-4.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/4-4.png)

**On Magento’s end consent mode setup is complete.**

**In GTM**

1. Open the container that is connected with our GTM module, go to **“Admin”**-&gt;**“Container Settings”** and enable consent overview present in the additional settings.

![](https://docs.scommerce-mage.com/.gitbook/assets/5%20(2).png)[![5 (2).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/5-2.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/5-2.png)

[![6 (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/6-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/6-1-1.png)![](https://docs.scommerce-mage.com/.gitbook/assets/6%20(1)%20(1).png)

2. Go to **“Workspace”**-&gt;**”Tags”** -&gt; click on **“Consent Overview”** (shield) and set up consent for each tag. Make sure to select **“No additional consent required”** for Tags that already have **“Built-In Consent**”. These tags are generally Google related tags.

![](https://docs.scommerce-mage.com/.gitbook/assets/7%20(1)%20(1).png)[![7 (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/7-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/7-1-1.png)

[![8 (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/8-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/8-1-1.png)

**2a**. In order to add **“Additional Consent”**, click on the tag name and go to **”Consent Settings”** and choose **“Require additional consent for tag to fire”** and add the consent param that you want as **“Additional Consent”**. If cookies related to the consent parameter that is chosen as an additional consent are not accepted then that tag would not fire.

![](https://docs.scommerce-mage.com/.gitbook/assets/9%20(1)%20(1).png)[![9 (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/9-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/9-1-1.png)

**On GTM’s end consent mode setup is complete**.

**Verification**

1. In order to verify whether the consent mode is working as per the configuration you have set or not, you can preview your changes and compare them with the frontend as shown in the below images. All the values should be the same.

![](https://docs.scommerce-mage.com/.gitbook/assets/10%20(1)%20(1).png)[![10 (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/10-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/10-1-1.png)

[![11 (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/11-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/11-1-1.png)

[![12 (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/12-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/12-1-1.png)

[![13 (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/13-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/13-1-1.png)

[![14 (1) (1).png](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/scaled-1680-/14-1-1.png)](https://docs.scommerce-mage.com/uploads/images/gallery/2025-08/14-1-1.png)

![](https://docs.scommerce-mage.com/.gitbook/assets/12%20(1)%20(1).png)

![](https://docs.scommerce-mage.com/.gitbook/assets/13%20(1)%20(1).png)

![](https://docs.scommerce-mage.com/.gitbook/assets/14%20(1)%20(1).png)