The settings of E-commerce Tracking for Google Tag Manager (GTM): Difference between revisions

From osCommerce Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
'''Note: This manual is for osCommerce v4.'''
'''Note: This manual is for osCommerce v4.'''


1. For the advanced work with GTM (obtaining the data for electronic commerce, setting of additional plug-ins) it is necessary to create the account on <nowiki>https://tagmanager.google.com/</nowiki>
1. For the advanced work with GTM (obtaining the data for electronic commerce, setting of additional plug-ins), it is necessary to create the account on <nowiki>https://tagmanager.google.com/</nowiki>


While registering the name of the account is indicated (for example Holbi)
While registering, the name of the account is indicated (for example Holbi)
[[File:Image 261.png|none|frame]]
[[File:Image 261.png|none|frame]]
and the address of the website for setting the container. It is possible to indicate the address of the website + the type WEB (in our case).
and the address of the website for setting the container. It is possible to indicate the address of the website + the type WEB (in our case).
Line 9: Line 9:
Accept the service agreement by clicking on “YES” button.  
Accept the service agreement by clicking on “YES” button.  
[[File:Image 263.png|none|frame]]
[[File:Image 263.png|none|frame]]
After the registration a GTM code recommended for installing on the website will be offered.  
After the registration, a GTM code recommended for installing on the website will be offered.  
[[File:Image 558.png|alt=|none|frame]]
[[File:Image 558.png|alt=|none|frame]]
In our case we set up the container via the admin area on the following page.  
In our case, we set up the container via the admin area on the following page.  
 
/admin/google_analytics


It is necessary to indicate the code only like GTM-TG63T3S
It is necessary to indicate the code only like GTM-TG63T3S
[[File:Image 556.png|alt=|none|frame]]
[[File:Image 1009.png|alt=|none|thumb|800x800px]]
[[File:Image 557.png|alt=|none|frame]]
[[File:Image 1008.png|alt=|none|thumb|800x800px]]
While setting up GTM in TrueLoaded there is no need to use Google Analytics.
While setting up GTM in the admin area, there is no need to use Google Analytics.


2. Then the assumed look of the window will be as follows.  
2. Then the assumed look of the window will be as follows.  
[[File:Image 559.png|alt=|none|frame]]
[[File:Image 559.png|alt=|none|frame]]
For transferring the data to Google Analytics via GTM we set up the new TAG.
For transferring the data to Google Analytics via GTM, we set up the new TAG.
[[File:Image 560.png|alt=|none|frame]]
[[File:Image 560.png|alt=|none|frame]]
In Tag Configuration section we choose Universal Analytics.
In the Tag Configuration section, we choose Universal Analytics.
[[File:Image 561.png|alt=|none|frame]]
[[File:Image 561.png|alt=|none|frame]]
[[File:Image 270.png|none|frame]]
[[File:Image 270.png|none|frame]]
For Track Type we indicate Page View, activate the check box “Enable overriding settings in this tag” and indicate ID from Google Analytics settings in this field. It may look like this one: UA-84506429-1. Then we click on the list “More Settings”, click on “Ecommerce” and choose “True” option and then we activate the check box “Use Data Layer”.  
For Track Type we indicate Page View, activate the check box “Enable overriding settings in this tag” and indicate ID from Google Analytics settings in this field. It may look like this one: UA-84506429-1. Then we click on the list “More Settings”, click on “Ecommerce” and choose “True” option, and then we activate the check box “Use Data Layer”.  
[[File:Image 562.png|alt=|none|frame]]
[[File:Image 562.png|alt=|none|frame]]
In Triggering section we choose the trigger “All pages” for gathering the general information.  
In the Triggering section, we choose the trigger “All pages” for gathering the general information.  
[[File:Image 563.png|alt=|none|frame]]
[[File:Image 563.png|alt=|none|frame]]
[[File:Image 273.png|none|frame]]
[[File:Image 273.png|none|frame]]
These settings are enough to gather the general information for Google Analytics. For transferring the data on E-commerce it is necessary to choose one of the types: DOM Ready or Window Loaded.
These settings are enough to gather the general information for Google Analytics. For transferring the data on E-commerce, it is necessary to choose one of the types: DOM Ready or Window Loaded.
[[File:Image 274.png|none|frame]]
[[File:Image 274.png|none|frame]]
[[File:Image 275.png|none|frame]]
[[File:Image 275.png|none|frame]]
[[File:Image 276.png|none|frame]]
[[File:Image 276.png|none|frame]]
It is possible to indicate the details of the settings for the type. It is not recommended to choose a few types at the same time since the data from the website will be sent per each of the chosen types and as a result may be summed,
It is possible to indicate the details of the settings for the type. It is not recommended to choose a few types at the same time since the data from the website will be sent per each of the chosen types and as a result may be summed.


3. We save the settings.
3. We save the settings.
Line 45: Line 43:
The possible look of the window after saving.
The possible look of the window after saving.
[[File:Image 566.png|alt=|none|frame]]
[[File:Image 566.png|alt=|none|frame]]
4. In its current state the container GTM has not been activated yet and it will not gather and transfer the data from the website. To activate it click on SUBMIT button and after indicating the details click on PUBLISH button.
4. In its current state the container GTM has not been activated yet and it will not gather and transfer the data from the website. To activate it, click on the SUBMIT button and after indicating the details, click on the PUBLISH button.
[[File:Image 567.png|alt=|none|frame]]
[[File:Image 567.png|alt=|none|frame]]
[[File:Image 568.png|alt=|none|frame]]
[[File:Image 568.png|alt=|none|frame]]
[[File:Image 569.png|alt=|none|frame]]
[[File:Image 569.png|alt=|none|frame]]
5. For transferring the data from the website it is necessary to activate the module Ecommerce Tracking. If both Google Analytics and GTM are active the message will appear and will make you choose one of the options.
5. For transferring the data from the website, it is necessary to activate the module Ecommerce Tracking. If both Google Analytics and GTM are active, the message will appear and will make you choose one of the options.
[[File:Image 570.png|alt=|none|frame]]
[[File:Image 1007.png|alt=|none|thumb|800x800px]]
6. To display the data of electronic commerce in Google Analytics it is necessary to switch on the option regarding obtaining enhanced ecommerce.
6. To display the data of electronic commerce in Google Analytics, it is necessary to switch on the option regarding obtaining enhanced ecommerce.
[[File:Image 286.png|none|frame]]
[[File:Image 286.png|none|frame]]
[[File:Image 287.png|none|frame]]
[[File:Image 287.png|none|frame]]
[[File:Image 288.png|none|frame]]
[[File:Image 288.png|none|frame]]

Latest revision as of 10:38, 18 October 2023

Note: This manual is for osCommerce v4.

1. For the advanced work with GTM (obtaining the data for electronic commerce, setting of additional plug-ins), it is necessary to create the account on https://tagmanager.google.com/

While registering, the name of the account is indicated (for example Holbi)

Image 261.png

and the address of the website for setting the container. It is possible to indicate the address of the website + the type WEB (in our case).

Image 262.png

Accept the service agreement by clicking on “YES” button.

Image 263.png

After the registration, a GTM code recommended for installing on the website will be offered.

In our case, we set up the container via the admin area on the following page.

It is necessary to indicate the code only like GTM-TG63T3S

While setting up GTM in the admin area, there is no need to use Google Analytics.

2. Then the assumed look of the window will be as follows.

For transferring the data to Google Analytics via GTM, we set up the new TAG.

In the Tag Configuration section, we choose Universal Analytics.

Image 270.png

For Track Type we indicate Page View, activate the check box “Enable overriding settings in this tag” and indicate ID from Google Analytics settings in this field. It may look like this one: UA-84506429-1. Then we click on the list “More Settings”, click on “Ecommerce” and choose “True” option, and then we activate the check box “Use Data Layer”.

In the Triggering section, we choose the trigger “All pages” for gathering the general information.

Image 273.png

These settings are enough to gather the general information for Google Analytics. For transferring the data on E-commerce, it is necessary to choose one of the types: DOM Ready or Window Loaded.

Image 274.png
Image 275.png
Image 276.png

It is possible to indicate the details of the settings for the type. It is not recommended to choose a few types at the same time since the data from the website will be sent per each of the chosen types and as a result may be summed.

3. We save the settings.

Image 277.png
Image 278.png

The possible look of the window after saving.

4. In its current state the container GTM has not been activated yet and it will not gather and transfer the data from the website. To activate it, click on the SUBMIT button and after indicating the details, click on the PUBLISH button.

5. For transferring the data from the website, it is necessary to activate the module Ecommerce Tracking. If both Google Analytics and GTM are active, the message will appear and will make you choose one of the options.

6. To display the data of electronic commerce in Google Analytics, it is necessary to switch on the option regarding obtaining enhanced ecommerce.

Image 286.png
Image 287.png
Image 288.png