DocumentationCommerceMerchandising and Promotions

Google Tag Manager

Last update: Wed Oct 25 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

CREATED FOR:

  • Beginner
  • Intermediate
  • Admin
  • Leader
  • User
+-----------------------------------+ | img-md | +===================================+ | w-20 | +-----------------------------------+ | Adobe Commerce feature | +-----------------------------------+Exclusive feature only in Adobe Commerce (Learn more)

Google Tag Manager helps you manage the many tags (snippets of code) that are related to your marketing campaign events. Google Tag Manager gives you the ability to add tracking tags to your site to measure the audience, or to personalize, retarget, or conduct search engine marketing initiatives.

Google Tag Manager directly transfers data and events to Google Analytics, Enhanced Ecommerce, and other third-party analytics solutions to produce a clear picture of how well your site, products, and promotions are performing.

You should have a Google Analytics and Tag Manager account to continue this process. The following instructions walk you through the process of configuring your Google accounts, configuring your Commerce store, and creating a tag.

NOTE
If your business is subject to privacy regulations such as the General Data Protection Regulation and/or the California Consumer Privacy Act, see Google Privacy Settings.

Step 1. Configure your Google Analytics account

See Set up Site Search in Google Help for the basics you need for getting started. Also see the Google guides for Google Analytics and Google Tag Manager.

  1. Sign in to your Google Analytics account.

  2. To enable Internal Site Search Tracking, do the following:

    • Navigate to Select View > View Settings.

    • Set Site Search Tracking to On.

    • Set Query parameter to q.

    • When complete, Save the settings.

  3. To enable display features, do the following:

    • Choose Property Settings.

    • Under Advertising Features, set Enable Demographics and Interest Reports to On.

    • Save the settings.

  4. To enable Ecommerce Tracking, do the following:

    • Navigate to Select View > Ecommerce Settings.

    • Set Enable Ecommerce to On.

    • Set Enable Enhanced Ecommerce Reporting to On.

    • Save the settings.

  5. Reload the page and verify that all the settings remain On.

    note note
    NOTE
    If not all settings are On, repeat the previous steps, save, and reload the page. Repeat this process until all settings are set to On.

Step 2. Configure your Google Tag Manager account

The following instructions show how to configure a new container with the basic settings. A sample Composer configuration (.json) file is used to simplify the process, importing to generate a tag in a new container. For this example, creating a container, rather than modify an existing container, is recommended.

NOTE
For additional information, see Google’s Container export and import. These instructions provide a walk-through for importing a sample JSON in a new container.

  1. Download the linked file GTM_M2_Config_json.txt, open the file in an editor, and save it as GTM_M2_Config.json.

    The json file is uploaded directly to Google Tag Manager.

  2. Navigate to Admin > Container > Import Container.

  3. Click Choose container file and select the json file.

  4. Under Choose workspace, click New.

  5. Enter a title and description, then click Save.

  6. To import the file, select one of the following actions:

    • The Overwrite option should be selected for a new container.

    • The Merge option should be selected if you are using an existing container.

  7. Click Preview to review the tags, triggers, and variables.

  8. To edit the Google Analytics ID that is referenced in variables, do the following:

    • Navigate to Variables > User-Defined Variables.

    • Choose Google Analytics and update the placeholder (UA-xxxxxx-x) with your own GA ID.

  9. Follow Google’s instructions for adding tags, triggers, and variables to the new container.

    If you have settings in another container that you want to use, they can be moved to the new container.

  10. Click Confirm when complete.

  11. Follow Google’s instructions for publishing the new container.

Step 3. Configure your store

NOTE
Starting with the 2.4.5 release, the Google services integration is updated to support use of the GTag APIs. GTag is a unified mechanism for integration with Google functionality for web pages and supports the newest capabilities and opportunities for tracking and managing content through Google Services. For more information, see the Google Analytics developer documentation.

  1. Log in to the Admin of your Commerce store.

  2. On the Admin sidebar, go to Stores > Settings > Configuration.

  3. In the left panel, expand Sales and choose Google API.

  4. Expand Expansion selector the Google Analytics section and configure the following:

    img-md
    w-600 modal-image
    Sales configuration - Google Analytics

    • Set Enable to Yes.

    • Set Account type to Google Tag Manager.

    • In the Container ID field, enter your GTM ID (GTM-xxxxxx).

    • If you are also using Google Analytics to content experiments, set Enable Content Experiments to Yes.

    • Use the default values for the remaining fields.

  5. When complete, click Save Config.

  6. Test your Google Tag Manager settings and verify that everything works correctly.

NOTE
Each container is associated with one website and you only need one container per account. If you have a multi-site Commerce instance, you need separate containers.

Step 4. Add the GTM code to your Adobe Commerce store

  1. To copy the GTM code, go to Admin > Install Google Tag Manager.

    There are two GTM code snippets to be added to your Commerce site: the first one for the <head> tag and the second for the <body> tag.

  2. In the Commerce Admin, go to Content > Design > Configuration and open the store view in edit mode.

  3. Under Other Settings, expand HTML Head and paste the code you copied from GTM for the <head> tag in the Scripts and Style Sheets field.

    img-md
    w-600 modal-image
    Inserting code in the HTML Head

  4. Expand Footer and paste the GTM code for <body> in the Miscellaneous HTML field.

    img-md
    w-600 modal-image
    Inserting code in the Footer

  5. When complete, click Save Configuration.

Field descriptions

Field
Scope
Description
Enable
Store View
Determines if Google Analytics Enhanced Ecommerce can be used to analyze activity in your store. Options: Yes / No
Account type
Store View
Determines the Google tracking code that is used to monitor store activity and traffic. Options: Google Analytics / Google Tag Manager
Anonymize IP
Store View
Determines if identifying information is removed from IP addresses that appear in Google Analytics results.
Enable Content Experiments
Store View
Activates Google Content Experiments, which can be used to test up to ten different versions of the same page. Options: Yes / No
Container Id
Store View
If Google Tag Manager is already installed and configured for your store, the Container ID appears automatically in this field.
List property for the catalog page
Store View
Identifies the Tag Manager property associated with the catalog page. Default value: Catalog Page
List property for the cross-sell block
Store View
Identifies the Tag Manager property associated with the cross-sell block. Default value: Cross-sell
List property for the up-sell block
Store View
Identifies the Tag Manager property associated with the up-sell block. Default value: Up-sell
List property for the related products block
Store View
Identifies the Tag Manager property associated with the related products block. Default value: Related Products
List property for the search results page
Store View
Identifies the Tag Manager property associated with the search results page. Default value: Search Results
“Internal Promotions” for promotions field “Label”
Store View
Identifies the Tag Manager property associated with the labels for internal promotions. Default value: Label

Create a tag for tracking conversions

If you have a Google AdWords account, you can create a tag that tracks conversions. The following example shows how to use both Google Tag Manager and Google Analytics to create a tag that fires on your store’s conversion Success page.

Step 1. Create a tag

  1. Log in to your Google Tag Manager account and click the link for the container that you created for your store.

  2. In the New Tag box, click Add a new tag.

  3. Get the following information from your AdWords account:

    • Conversion ID
    • Conversion Label

    If you need help, visit Google’s support site.

  4. From the Google Tag Manager dashboard, click Google AdWords and do the following:

    • Click the title placeholder and enter a name for the new tag.

    • Under Choose Product, select Google AdWords.

    • Under Choose a Tag Type, select AdWords Conversion Tracking and click Continue.

  5. Enter the Conversion ID and Conversion Label from your AdWords account and click Continue.

Step 2. Create a rule

Continuing from the Google Tag Manager dashboard, the next step is to create a rule that fires the tag on the conversion page.

  1. Under Fire On, click Some Pages.

  2. In the Choose Pages section, complete the following settings:

    • Name - Enter a name for the page description.

    • Variable url

    • Operation - matches RegEx

      To learn more, see Regex and CSS selector operators in the Google Tag Manager Help.

    • Value - checkout/success.*

  3. Select the green checkbox and click Save.

    The trigger that you set up appears as a blue button in the Fire On section.

  4. When complete, click Save Tag.

Step 3. Preview and publish

The next step in the process is to preview the tag. Each time the tag is previewed, a snapshot of the version is saved. When you are satisfied with the results, go to the version that you want to use and click Publish.

recommendation-more-help
d5ef48ad-708f-4ce5-a225-e7bb6053ded5