Google Tag Manager Integration.
The integration will be done with an additional script. The script below will block Google Tag Manager based on a Container ID
Google Tag Manager will be set based on a condition, which is checking one of the cookies, that are set by our app. This cookie is storing information on which exact cookie group is blocked currently, either based on the initial state, or the preferences of each customer.
When the initial state is set to block the Analytics or Marketing cookie groups, or the customer opts out, the script which is setting the Google Tag Manager will not be executed.
NOTE: The below integration is only applicable if the service is added via a script placed in the theme files of the store. If the integration for the service is done through any other channel or service, please check the Help center for the relevant integration as per your case: 6. Integrate Google, Meta Pixel, etc
Enabling of the Google Tag Manager's integration script
Open Shopify Admin .
Click on Online Store link in the left menubar.
Click on the Actions dropdown button and select Edit Code from there.
A new page will open with a list of files on the left side of the screen.
Create a new liquid file in the Snippets section of the theme files, called google-tag-manager-integration-script
After that copy the content of the integration script provided below and paste it in the newly created Snippet file:
Download Google Tag Manager integration script
Locate the original Google Tag Manager script and do the following:
Step 1. Copy the content of the Google Tag Manager script and paste it under the line “// The content of Google Tag Manager script goes here” in the integration script again
Step 2. Comment out or delete the original Google Ads scripts and save the changes.
Open the theme.liquid file.
Locate the opening <head> tag and after it, add the following line of code:
NOTE: Make sure to remove the added code before deleting the app. This way, no snippets of code will be left in your theme. For more information on what you should be aware of when deleting our app check this article of our FAQ page.
In case you need any further assistance with the integration setup, please reach out to our support at support@consentmo.com or via our live chat.
Here is how the script works:
Google Tag Manager will be set based on a condition, which is checking one of the cookies, that are set by our app. This cookie is storing information on which exact cookie group is blocked currently, either based on the initial state, or the preferences of each customer.
When the initial state is set to block the Analytics or Marketing cookie groups, or the customer opts out, the script which is setting the Google Tag Manager will not be executed.
NOTE: The below integration is only applicable if the service is added via a script placed in the theme files of the store. If the integration for the service is done through any other channel or service, please check the Help center for the relevant integration as per your case: 6. Integrate Google, Meta Pixel, etc
Enabling of the Google Tag Manager's integration script
The process for initial manual integration for Google Tag Manager, is the following:
Open Shopify Admin .
Click on Online Store link in the left menubar.
Click on the Actions dropdown button and select Edit Code from there.
A new page will open with a list of files on the left side of the screen.
Create a new liquid file in the Snippets section of the theme files, called google-tag-manager-integration-script
After that copy the content of the integration script provided below and paste it in the newly created Snippet file:
Download Google Tag Manager integration script
Locate the original Google Tag Manager script and do the following:
Step 1. Copy the content of the Google Tag Manager script and paste it under the line “// The content of Google Tag Manager script goes here” in the integration script again
Step 2. Comment out or delete the original Google Ads scripts and save the changes.
Open the theme.liquid file.
Locate the opening <head> tag and after it, add the following line of code:
<!-- Google Tag Manager integration script Consentmo -->
{% render 'google-tag-manager-integration-script' %}A reference on the process can also be checked here:
NOTE: Make sure to remove the added code before deleting the app. This way, no snippets of code will be left in your theme. For more information on what you should be aware of when deleting our app check this article of our FAQ page.
In case you need any further assistance with the integration setup, please reach out to our support at support@consentmo.com or via our live chat.
Updated on: 07/11/2024
Thank you!