You are here:   Table of contents / App Statistics

Google Tag Manager | PWA

Google Tag Manager  is a “Tag Management System” (TMS). It is a service that allows you to use a small piece of javascript code on a web page to call other pieces of javascript code. To simplify, it is an empty box (called a container) in which you can display what you want (a tag) when you want.

The main interest of TMS is that you perform a technical intervention on your site only once. Once the TMS javascript is added, there is no need to worry about it. The rest of the configuration is done in the TMS management interface.

Google Tag Manager (GTM) is a service offered by Google. From the GTM management interface, you add tags and define triggers.
Tags are the different javascript codes that you want to execute in the container on your site.
Triggers are rules that you define to trigger the display of tags.

GTM offers a large number of tags and triggers by default. 


1

Retrieve your container ID

1. Go to Google Tag Manager  interface*
2. Create an account if it's not already done
3. Create a container while targeting the platform Web

picture

4. Add and publish your tags
5. Click "Workspace".
Near the top of the window, find your container ID, formatted as "GTM-XXXXXX" (see example below)
6. Copy your container ID

picture

*Check Tab Manager Help center  if you need more details to set up Google Tag Manager.


2

Add Google Tag Manager to your GoodBarber PWA

1. In your GoodBarber back office, go to the menu Statistics > External Analytics :: PWA tab  
2. In the Google Tag Manager block, click ON
3. Paste the container ID* copied at step 1.6 above
4. Click "Save"

*Make sure no space is pasted before or after the container ID in your back office.

picture

3

Add a GTM container to the AMP version of your product page

Skip directly to step 5 if you didn't activate AMP (Accelerated Mobile Pages)  on your Shopping app.

If you have activated AMP in your Shopping app and want to add a GTM container to the AMP version of your product page, follow the steps below:

1. Go to Google Tag Manager  interface*
2. Create a new container while targeting the platform AMP

picture

4. Add and publish your tag
5. Click "Workspace".
Near the top of the window, find your container ID, formatted as "GTM-XXXXXX"
6. Copy your container ID


4

Add the AMP container ID to your GoodBarber PWA

1. In your GoodBarber back office, go to the menu Statistics > External Analytics :: PWA tab   
2. In the Google Tag Manager block, click ON
3. Paste the container ID* copied at step 3.6 above
4. Click "Save"

picture

5

Update / Rebuild your PWA

1. Go to the menu Sales channels > PWA > Update :: Progressive Web App engine Tab  
2. Check if the latest version of your PWA supports the Google Tag Manager feature:
Yes: Click "Update" from the menu Sales channels > PWA > Update :: Settings
No
: Click "Rebuild" from the menu Sales channels > PWA > Update :: Progressive Web App engine Tab