Search

Integrate Google Tag Manager

With the Google Tag Manager, you can easily add so-called tags to your shop. These tags are snippets of code provided by analytics, marketing, and support vendors. The advantage of the Google Tag Manager is that you can add these tags without interfering with the source code of your shop. To learn more about this feature, also refer to the Google Tag Manager Help.

How to set up the Google Tag Manager

All you need to get started are a Google Tag Manager account and a container. If you don't have an account yet, you will need to create an account first. You can set up the account as desired and will also be able to use it for other use cases than your shop.

After you have created an account or if you already had one, you need to set up a container. For easier administration, it is recommended that you use the container specifically for your shop. Therefore, you should name the container accordingly and select the container type Web.

Once you have completed the setup of your account and the container, a pop-up with further instructions regarding installing the Google Tag Manager opens. Copy the two code snippets for <head> and <body> and save them for example, in a text file – as you will need them to install the container in your shop.

Before starting to use the Google Tag Manager, you should add and configure your desired tags in your Google Tag Manager account. Which tags you should add depends on what you would like to do with the Google Tag Manager. Make sure to also verify that your tags work and publish them subsequently.

Info

For a more detailed description of the required steps, refer to the Google Tag Manager Help, where you can also find a list of supported tags.

How to integrate the Google Tag Manager in your shop

To use the Google Tag Manager, you’ll need to install the container by adding the code snippets that were displayed when you set up the Google Tag Manager. If you don't have the code snippets at hand, follow the steps described here.

You can integrate the Google Tag Manager either via the Marketing menu or the Editor:

    1. In the sidebar of the administration, navigate to Marketing → Google and open the Google Tag Manager tab.
    2. In the input field Google Tag Manager code <head>, enter the code snippet for <head>.
    3. In the input field Google Tag Manager code <body>, enter the code snippet for <body>.
    4. Under Google Tag Manager status, enable the Google Tag Manager by selecting Enabled.

      Caution

      Only enable the Google Tag Manager for your shop after you have set up your account and tags.
    5. Select Save.

    You have integrated the Google Tag Manager into your shop.

    1. In the sidebar of the administration, navigate to Editor.
    2. In the bottom bar, select BottomSettingsIcon.png.
    3. Select the GoogleTagManagerIcon.png tab.
    4. In the Google Tag Manager code <head> input field, enter the code snippet for <head>.
    5. In the Google Tag Manager code <body> input field, enter the code snippet for <body>.
    6. Under Google Tag Manager status, enable the Google Tag Manager by selecting Enabled.

      Caution

      Only enable the Google Tag Manager for your shop after you have set up your account and tags.
    7. Select Save.

    You have integrated the Google Tag Manager into your shop.

If you notice that your shop is not working properly after you have made changes to the Google Tag Manager, you can change the Google Tag Manager status to Disabled again. This will allow you to check if the changes are the reason for the impairment. If so, it is recommended to adapt or undo the changes.

How to get the code snippets for the Google Tag Manager

You can access the code snippets in your Google Tag Manager account. After you have logged in, select the related account and container for your shop. Here you can select the container ID number (GTM-XXXXXX) at the top of your workspace overview page. This will reopen the pop-up with further instructions regarding installing the Google Tag Manager. Copy the two code snippets for <head> and <body> and paste them into the input fields in your shop to use the Google Tag Manager.

Screenshot about where to find the container ID number

Info

The code snippets are unique for each of your containers, which is why you should make sure to use the code snippets for the correct container. Tags you add usually do not influence the code snippets. Therefore, once the setup is done, you do not need to update the code snippets in your shop, even if you add additional tags or edit your existing tags.

How to make use of the Google Tag Manager

The Google Tag Manager allows you to add tags without interfering with the source code of your shop. Via these tags, you can easily add different tools to your shop. For example, you can use the Google Tag Manager to integrate Google Analytics with a Google Analytics 4 (GA4) property. For further information regarding this topic, refer to the help article Google Analytics. Another example would be a Meta/Facebook pixel that you can also integrate via the Google Tag Manager. You can find more information on this topic in this blog post.

When being prompted to the cookie notice, your shop visitors can decide to only accept the required cookies. In that case, the functionality of your Google Tag Manager tags might be altered.
If you use Google Tag Manager for your shop, you may need to add this to your cookie policy and/or privacy policy. Check the legal requirements in your country and/or contact a legal advisor.

Was this article helpful?