Skip to Content
Account
Enter the email address on your account.
Forgot Your Username?
Enter your password.
Forgot Your Password?

Or continue with

You're Viewing J2Store 4 Documentation.

View This Page for J2Commerce 6

J2Store 4

Google Tag Manager

4 Min Read
On This Page

Google Tag Manager gives developers a flexible way to add, update, and control tracking and marketing scripts without editing the website’s code each time. It reduces development workload, prevents script clutter, and enables advanced tracking of user behavior for analytics and advertising. By centralizing version control, improving site stability, and allowing faster deployment of new tracking tools, GTM helps keep websites efficient, secure, and ready for future growth.

Purchase the App

Step 1: Go to our J2Commerce website > Extensions > Apps

Step 2: Locate the Google Tag Manager App > click View Details > Add to cart > Checkout.

Step 3: Go to your My Downloads under your profile button at the top right corner and search for the app. Click Available Versions > View Files > Download Now

Install the App

Go to System > Install > Extensions > Install the app

GA

Enable the App

Go to J2Commerce > Apps > search for the Google Tag Manager app

Click on the 'X' under Status to enable it.

J2Commerce All Apps list searched for "tag", with the search button and the enabled status check for E-commerce Google Tag Manager highlighted

Creating an Account with Google Tag Manager

Go to: tagmanager.google.com

Click Create Account

Google Tag Manager All accounts page with the Create Account button highlighted in the top right of the Accounts tab

Assign your website to Google Tag Manager

Google Tag Manager Add a New Account form with Account Name, Country United States, Container name and the Web target platform highlighted above the Create button

Account Setup:

Account Name: Usually your business name

Country: The Country for your Website location

Container Setup:

Container Name: Your website name

Target Platform: Web

Click Create → Accept the Terms

Important: Ignore the pop-up screen with the two GTM code snippets. You don't need to copy those. Your Google Tag Manager App in J2Commerce will automatically add it to every page for you.

**Go to your Google Analytics, or if you have an Admin Ad Account, and get the ID because you will need the ID later on in a future step**

Import the Container File

Go to the Admin tab and click on Import Container

Google Tag Manager container admin menu with the Import Container option highlighted beneath Install Google Tag Manager and Export Container

Click on Choose Container File

Google Tag Manager Import Container panel with the Choose container file button highlighted above the Default Workspace and Overwrite or Merge options

Locate the import file ( tag_manager_container_export.json) that was included with your Google Tag Manager App. Most of the files will be included; however, you may have to add a few manually.

Click on the Workspace tab

Click the blue Submit button in the upper right corner when you are ready to go live.

Google Tag Manager Workspace overview with the Workspace tab and the blue Submit button highlighted

Click Publish

Google Tag Manager Submit Changes screen with Publish and Create Version selected and the Publish button highlighted in the top right

You can choose to add a Name and a short Description if you choose to; otherwise, you can just click Continue

Google Tag Manager Submit Changes screen with the Container Version Description dialog and its Continue button highlighted

Once the file has been imported and you have submitted the changes, all of the attributes have been placed in the appropriate categories for you. ie: Tags, Triggers, and Variables.

Google Tag Manager Workspace overview after import, with the Workspace tab and the Tags, Triggers and Variables menu items highlighted, showing 27 added changes

Adding the Google Tag Manager ID

Go to J2Commerce > Apps > search for Google Tag Manager

Click on "Open App" or the Title to start setting up the app

J2Commerce All Apps list searched for "google", with the Open App button highlighted on the E-commerce Google Tag Manager row

Enter your Google Tag Manager ID that you received when you signed up on their website. Once you do this part, you have now connected Google Tag Manager with your website

E-commerce Google Tag Manager app, Basic tab, with the Google Tag Manager ID field highlighted above the Debug Log toggle set to No

Locating the Google Tag Manager ID: It is found on the Workspace tab or Admin tab of the Google Tag Manager website.

Google Tag Manager Workspace and Admin views side by side, with the Workspace and Admin tabs and the container ID next to the container name highlighted

Adding Tag Manager to Google Analytics

It is recommended that you connect Google Tag Manager (GTM) to Google Analytics (GA4) for your site because it gives more control, cleaner tracking, and better marketing data without constantly editing site code.

Creating a New Account

If you don't have a Google Analytics account, you can create one here.

Existing Account

Once logged in to your account, follow the steps below.

  • Go to the blue cog wheel at the bottom left corner

  • Click on Data Streams

  • Click on your website Stream account

Google Analytics Data streams page with the settings cog, the Data streams menu item and the Website Stream row highlighted

Google Analytics ID

Once you have opened up your site account, you will find your Measurement ID number, which needs to be added to your Google Tag Manager site.

Google Analytics Web stream details panel with the Measurement ID field and copy icon highlighted under the stream name and URL

Creating a Google Analytics Tag

The next step is adding that Measurement ID to your Google Tag Manager account

Go back to your Tag Manager Account > Workspace tab > Tags

Google Tag Manager Workspace overview with the Tags item in the left menu highlighted below Overview

Click New

Google Tag Manager Tags list with GA4 - Config, Add To Cart and View Cart tags, and the New button highlighted

Tag Name: Name the new tag GA4-Config, or you can name it anything you want.

Tag Configuration: Click on Tag Config

Google Tag Manager new tag editor named GA4 - Config, with the tag name and the Tag Configuration section highlighted

Choose Google Analytics

Google Tag Manager Choose tag type panel for a tag named GA4 - Config, with Google Analytics highlighted in the Featured list

Choose Google Tag

Google Tag Manager Google Analytics tag type list with the Google Tag option highlighted above Google Analytics: GA4 Event

Copy the Measurement ID you received from your Google Analytics site and paste it in the Tag ID section.

Click Save

Google Tag Manager tag GA4 - Config with Tag Type Google Tag, the Tag ID field and the Save button highlighted

You're finished setting up your account for success. If you need support, contact us at J2Commerce.com/support.

Still stuck? Our team can help.

Back to Top