bettamax-docs

Integrate Google Tag Manager

Choose the language for this docs:

This guide will help you create a Google Tag Manager account, obtain your Container ID, and connect it to your BettaMax store. GTM allows you to manage all your tracking codes (GA4, Facebook Pixel, TikTok Pixel) from a single location without needing to edit any code. The process takes approximately 15 minutes.

Before we begin:

  • I have a Google (Gmail) account.
  • I have logged into BettaMax Admin at admin.bettamax.com
  • There is already at least one product in the BettaMax store.

 

Step 1: Create an account and obtain a Container ID on Google Tag Manager. #

You need to create a separate GTM Container for each store. The Container ID will be used to connect to BettaMax in the next step.

  1. Go to tagmanager.google.com and sign in with your Google account.
  2. Click Add a new account .
  3. Enter your Account Name and select your Country .
  4. In the Container setup section , enter the container name in the Container name field .
     

    Tip: Name your containers the same as your stores to make it easier to distinguish them when managing multiple stores simultaneously.
  5. Select your web platform in the Target platform section .
    Note: Select Web if you are using the BettaMax store in a browser. The iOS, Android, and AMP options are for the mobile app.
  6. Click Create , then agree to the terms of service.
  7. The system displays the installation code. Copy the Container ID located GTM-XXXXXXXat the beginning of the code.
     

    Note: Container IDs are in the format `<container ID GTM-XXXXXXX>`, which is different from GA4’s Measurement ID (which is in the format G-XXXXXXXXXX). Make sure you copy the correct ID that starts with `<container ID>` GTM-.

 

Step 2: Add Container ID to BettaMax #

After obtaining the Container ID, you connect to the BettaMax store via the Settings page. Each product can be assigned a unique Container ID.

  1. Log in to BettaMax Admin at admin.bettamax.com .
  2. Go to Settings > Google Tag Manager > tap Add Pixel ID .
  3. Paste the Container ID into the Paste Google Tag ID box .
    Attach ID code
  4. Find the product you want to tag in the Search Product box .
  5. Click Add Tag to confirm.

 

Step 3: Verify successful connection #

After adding the tag, check immediately in BettaMax to confirm that the Container ID has been correctly assigned to the product.

  1. Go to My Products and find the product you just tagged.
  2. Click the pen icon (edit) next to the product name.
  3. Check the Google Tag column : if it displays Container ID ( GTM-XXXXXXX), the connection is successful.Check for GTM code attachment

 

Step 4: Set up call switching (advanced option) #

This section guides you on creating tracking tags that customers will use when they click the call button on your store. All steps are performed within the Google Tag Manager interface.

Note: Only perform this step if your store has a call button (in the form of a link tel:). Otherwise, skip and proceed to Step 5.

4.1 — Creating Triggers #

A trigger defines the conditions under which a tag is activated. Here, you create a trigger that recognizes when a customer clicks the call link.

  1. In GTM, go to Triggers > click New .
  2. Click on the Trigger Configuration box and select the Just Links type .
  3. In the configuration section, set the condition: Click URL > Start with > enter tel.
  4. Click Save and name the trigger (for example, “Click to call”).

4.2 — Creating Tags #

A tag is a tracking code that will be triggered when a trigger detects an event. You use GA4 Event tags to record phone calls.

  1. Go to Tags > click New .
  2. Click on the Tag Configuration box and select Google Analytics: GA4 Event .
  3. Go to Google Analytics > Data Flow , and copy the Measurement Code (in the format G-XXXXXXXXXX).
  4. Paste the measurement code into the Measurement ID field in GTM.
  5. In the Triggering section , select the “Click to call” trigger you created in step 4.1.
  6. Name the tag ” Call” and click Save .

 

Step 5: Test functionality with Preview & Debug #

Before publishing, use GTM’s Preview mode to confirm that the tag is correctly activated. This is a mandatory step to avoid errors affecting the entire store.

Warning: Always check using Preview before clicking Submit . Publishing a faulty tag may affect tracking data across the entire store, and lost data may not be recoverable.
  1. In GTM, select the container you want to inspect.
  2. Press the Preview button in the upper right corner.
  3. The Tag Assistant window opens. Paste your store URL into the website URL field .
  4. Click Connect . The browser opens a new tab with the store and displays the debug panel below.
  5. Perform an action on the store (e.g., click the call link). Check the debug panel to confirm the tag appears in the Tags Fired list .
  6. If the tag appears in Tags Fired , return to GTM and press Submit to publish.

 

The main components in the GTM interface #

The GTM interface consists of 6 components. Understanding each component helps you manage tags more quickly when you need to make edits later.

Tip: GTM allows you to manage GA4, Facebook Pixel, and TikTok Pixel in a single place, without needing to go into each individual Settings section on BettaMax.
IngredientFunction
TagsList of tracking codes: GA4, Facebook Pixel, Google Ads, TikTok Pixel…
TriggersConditions for tag activation: clicks, page views, successful transactions…
VariablesSave dynamic data: Page ID, current URL, order value…
FoldersCategorize and group tags, triggers, and variables for easier management.
PreviewVerify that the tag is working correctly before publishing.
SubmitPublish the new version to the physical store.

 

Related articles #

On this docs