How to Set Up GTM Consent Mode in Magento 2

Step-by-step guide:

1. Go to tagmanager.google.com and sign in to Google Analytics using your existing Google account associated with your business. Please note that you may be automatically authenticated if you are logged in to the Google account in your browser. In this case, click the Account icon and check whether you are using the correct account.
2. Click Create Account to start creating a GTM account.

Step-by-step guide:

Account Setup

1. “Account name“: please enter the name for your GTM account.
2. “Country“: select the country of your business.

Container Setup

3. “Container name“: please enter the descriptive name for your GTM container.
4. “Target platform“: select the Web type of content.
5. Click Create.

Review the Terms of Service and click Yes if you agree to those terms.

Step-by-step guide:

1. The web container installation code snippet will appear. This snippet fires tags and needs to be added to each web page. However, you do not need to do this manually thanks to the Cookie Consent extension built-in GTM integration. Just click OK to clear this dialog.
2. Near the top of the window, find your container ID, formatted as “GTM-XXXXXX”. Copy it to paste it later in the Magneto admin panel to set up the Magento 2 Cookie Consent extension integration (see the next step).

Step-by-step guide:

1. In the Magento admin panel, go to Plumrocket -> Cookie Consent extension -> Configuration.
2. Scroll down to the Google Tag Manager Settings tab and paste your Container ID in the Container Id field.
3. Click Save Config.

Step-by-step guide:

1. In Google Tag Manager, click Tags from the navigation menu.
2. Click New.

Step-by-step guide:

1. Click anywhere on the Tag Configuration field to start setting it up.
2. Find and choose the tag type that suits your needs. Some of the further configurations will be set by default according to the selected tag type requirements. However, in this tutorial, we will show you how to add a custom HTML tag. For this, scroll down and choose the Custom HTML tag type.

Step-by-step guide:

1. In the HTML section, add the code that will be executed when a user allows cookies on the site.
   • For example:
     <script>
     alert('Consent accepted');
     </script>

2. Expand the Advanced Settings.

Step-by-step guide:

1. Expand the Advanced Settings -> Consent Settings and select the Require additional consent for tag to fire checkbox.
2. Add the required consent types ad_storage and analytics_storage. The following consent types are supported and can be used to control tag firing in Google:

Step-by-step guide:

1. Click on the Triggering section and select the All Pages trigger to fire the tag after a user consent is granted.
2. Rename the tag before creation.
3. Click Save.

Step-by-step guide:

1. Review and apply the recent changes by clicking Submit -> Publish.

Step-by-step guide:

1. In the Magento admin panel, go to Plumrocket -> Cookie Consent extension -> Configuration.
2. Scroll down to the Google Tag Manager Settings tab -> Consent Types section.
3. Set Cookie Categories for the Consent types that you added in the Tag Configuration section. In our example, we set the Marketing Cookies and Statistics Cookies categories for the ad_storage and analytics_storage content types accordingly.
4. Click Save Config.

Step-by-step guide:

1. Go to your website’s frontend, and click Customize Settings when the cookie consent banner appears.
2. Enable Marketing cookies and Statistics Cookies, and then click Confirm My Choice.

Step-by-step guide:

After cookie categories are enabled, you will see the “Consent accepted” message, which you have set in the tag HTML section.