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.
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
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
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
*Check Tab Manager Help center if you need more details to set up Google Tag Manager.
2. Add Google Tag Manager to your Muse mBaaS PWA
1. In your Muse mBaaS backend, 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.
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
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
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 Muse mBaaS PWA
1. In your Muse mBaaS backend, 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"
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
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
Related Articles
Troubleshooting Maps Android & PWA
1. PWA - Maps not Showing If your Progressive Web App (PWA) is not displaying maps, it is probably because you didn't set any API key for your PWA. To display maps in your PWA, you need to set up an external map service. You can choose ...Set your Push Certificate | PWA
1. Create a Firebase Project Go to the Firebase Console page: https://console.firebase.google.com/ Note: you need to be logged in to your Google account to access this page. If you don’t have a Google Account, you need to create one to continue this ...Facebook Meta Pixel & App Events - PWA Settings
Integrate Meta Pixel (formerly Facebook Pixel) and the Facebook Event Analytics SDK into your app to analyze your user's behavior and optimize your marketing strategy. 1. Install Meta Pixel & App Events Extension 1. Go to the menu Extension store > ...Set Google Analytics | Progressive Web App
1. Create your Account on Google Analytics Platform You can use your Google Analytics account to view the usage statistics for your progressive Web App (PWA). 1. Login to your Google Analytics account or register if it's not already done 2. Go to ...Muse mBaaS Internal Statistics | PWA
Muse mBaaS allows you to see the statistics of the use of your Progressive Web App (PWA). This data will allow you to better understand the behavior of your users, and they will give you information on the quantity and type of traffic on your PWA. ...