Google Tag Manager

Google Tag Manager (GTM) provides a flexible way to manage Jetrack alongside other marketing tags.

Why Use GTM?

• Manage all tracking tags in one place
• No code changes needed after initial GTM setup
• Easy to add/remove/update tags
• Advanced trigger and variable options

Prerequisites

You need a Google Tag Manager account and container installed on your website. If you haven't set up GTM yet, create a GTM account first.

Installation Steps

Step 1: Create a New Tag

1. Log in to Google Tag Manager
2. Select your container
3. Click Tags in the left sidebar
4. Click New
5. Click Tag Configuration

Step 2: Choose Custom HTML

1. Select Custom HTML as the tag type
2. Name your tag "Jetrack"

Step 3: Add the Tracking Script

Paste your BrandJet tracking script into the HTML box:

<script
    async
    defer
    data-website-id="your-unique-id"
    src="https://analytics.brandjet.ai/script.js">
</script>

Step 4: Set the Trigger

1. Click Triggering
2. Select All Pages (or create a custom trigger if needed)
3. This ensures the script loads on every page

Step 5: Save and Publish

1. Click Save
2. Click Submit in the top right
3. Add a version name (e.g., "Add Jetrack")
4. Click Publish

Advanced Configuration

Custom Triggers

Track specific pages or events:

1. Create a new trigger
2. Choose trigger type (Page View, Click, Form Submission, etc.)
3. Set conditions (e.g., Page URL contains "checkout")
4. Apply to your BrandJet tag

Using Data Layer

Pass custom data to BrandJet:

<script>
// In your Custom HTML tag
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'event': 'brandjet_pageview',
  'page_type': '{{Page Type}}'
});
</script>

<script
    async
    defer
    data-website-id="your-unique-id"
    src="https://analytics.brandjet.ai/script.js">
</script>

Environment-Specific Loading

Create different tags for different environments:

1. Create a Custom JavaScript Variable for environment detection
2. Use it as a trigger condition
3. Only fire in production

Testing

Preview Mode

1. Click Preview in GTM
2. Visit your website
3. Check Tag Assistant to verify BrandJet tag fires
4. Look for the tag in the "Tags Fired" section

Debug Mode

1. Open browser Dev Tools (F12)
2. Go to Network tab
3. Look for script.js from analytics.brandjet.ai
4. Should show 200 status code

Troubleshooting

Tag Not Firing

• Check that the trigger is set to "All Pages"
• Verify GTM container is published
• Clear GTM preview cache

Script Loading Multiple Times

• Ensure you only have one BrandJet tag
• Check for duplicate GTM containers on your site

Data Not Appearing

• Wait 30-60 seconds after page load
• Check your BrandJet dashboard
• Verify website ID is correct

Best Practices

• Name tags clearly: Use descriptive names like "Jetrack - All Pages"
• Use folders: Organize tags in GTM folders
• Document changes: Add notes when publishing
• Test before publishing: Always use Preview mode
• Version control: Keep track of GTM versions

Combining with Other Analytics

GTM makes it easy to run multiple analytics tools:

• Jetrack (privacy-focused)
• Google Analytics 4 (comprehensive)
• Facebook Pixel (ad tracking)
• Custom event tracking

All managed from one interface!

Next Steps

• Track Custom Events
• Set Up Conversions
• Configure Dashboard