Google Tag Manager Installation Guide

Method 1: Custom HTML Tag (Recommended)

1. Go to Tags → New
2. Configure:
   • Tag Type: Custom HTML
   • Tag Name: TwoBucks Analytics
   • HTML:

<script
  src="https://twobucks.ai/script.js"
  data-website-id="your-website-id"
  async
></script>

3. Triggering: All Pages
4. Tag firing priority: Set to fire early (e.g., 1)
5. Click Save

Custom Event Trigger

1. Go to Triggers → New
2. Configure:
   • Trigger Type: Custom Event
   • Event name: twobucks_track
3. Click Save
4. Create a Custom HTML Tag:

<script>
(function() {
  var eventName = {{Event}};
  var properties = {{Event Properties}} || {};
  
  if (window.twobucks && eventName) {
    window.twobucks(eventName, properties);
  }
})();
</script>

Triggering: Use the custom event trigger above

Data Layer Push

Push events to GTM data layer, then track with TwoBucks:

// Push to GTM
dataLayer.push({
  'event': 'twobucks_track',
  'twobucks_event': 'button_click',
  'twobucks_properties': {
    'button_name': 'Sign Up',
    'page': window.location.pathname
  }
});

Script Not Loading

1. Check tag firing priority (set to fire early)
2. Verify trigger is set to "All Pages"
3. Check GTM preview mode for errors
4. Ensure script URL is correct

Timing Issues

If events fire before script loads:

1. Increase tag firing priority
2. Use GTM's "DOM Ready" trigger instead of "All Pages"
3. Add a small delay if needed

Duplicate Scripts

If script loads multiple times:

1. Check for duplicate tags
2. Verify trigger conditions
3. Use tag firing priority to control order