设置GTAG版Google Analytics追踪广告拦截的技术求助

Hey there! Since you're new to GA and GTM, let's walk through your current setup, fix potential issues, and make sure your ad block tracking works reliably.

First, Let's Fix the Ad Block Detection Logic #

Your current code has a small but critical issue: if the script runs before the <body> element is fully loaded, document.body.appendChild(ad) will throw an error. Here's how to adjust it, plus a few usability improvements:

Corrected Code Example #

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-YOUR-ACTUAL-ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

// Initialize GA with custom dimension mapping
gtag('config', 'UA-YOUR-ACTUAL-ID', {
  'custom_map': {'1': 'AdsBlocked'} // Ensure this index matches your GA custom dimension
});

// Wait for the DOM to fully load before checking for ad blockers
document.addEventListener('DOMContentLoaded', function() {
  let isAdBlockEnabled;
  
  (function checkAdBlock() {
    const adElement = document.createElement('ins');
    adElement.className = 'AdSense'; // Common class targeted by ad blockers
    adElement.style.cssText = 'display:block;position:absolute;top:-1px;height:1px;visibility:hidden;'; // Hide from view to avoid flicker
    document.body.appendChild(adElement);
    
    // Ad blockers will hide the element, so clientHeight will be 0
    isAdBlockEnabled = !adElement.clientHeight;
    document.body.removeChild(adElement);
    return isAdBlockEnabled;
  })();

  // Send the ad block status to GA as an event
  gtag('event', 'ads_blocked', {
    'AdsBlocked': isAdBlockEnabled,
    'event_category': 'Ad Block Detection',
    'event_label': isAdBlockEnabled ? 'Enabled' : 'Disabled',
    'non_interaction': true // Optional: Mark as non-interaction to avoid skewing bounce rate
  });
});
</script>

Key Improvements Explained #

• DOMContentLoaded listener: Ensures we only run the ad block check after the <body> exists, preventing console errors.
• visibility:hidden: Adds a safety measure to avoid any accidental visual flicker from the test element.
• Event context: Added event_category and event_label to make filtering and analyzing the data in GA much easier.
• non_interaction flag: Optional but useful—marks the event as non-user-initiated so it doesn't skew your bounce rate metrics.

Verify Your GA Custom Dimension Setup #

For the data to show up correctly in GA, you need to make sure the custom dimension in your code matches what's configured in the GA backend:

1. Go to your GA property's Admin section.
2. Navigate to Property > Custom Definitions > Custom Dimensions.
3. Create a new custom dimension (or confirm your existing one):
   • Name: Ads Blocked
   • Index: 1 (this must exactly match the '1' in your custom_map code)
   • Scope: Hit (since we're sending this with an event, which is a hit-level measurement)
   • Status: Active

GTM-Specific Tips (Since You're Using GTM) #

If you're adding this code as a Custom HTML Tag in GTM:

• Set the trigger to DOM Ready (not Page View) to ensure the <body> is available for the ad block check.
• Avoid loading gtag.js twice—if you already have a GA Configuration tag in GTM, modify this code to only send the event (using the existing GA setup) instead of re-initializing gtag.
• Use GTM's Preview Mode to test: check the Data Layer tab to confirm the ads_blocked event is pushed with the correct AdsBlocked value.

Testing Your Setup #

• With ad block enabled: Open your site, then check GA's Realtime > Events report—you should see an event with category Ad Block Detection and label Enabled.
• With ad block disabled: Repeat the test, and the event label should be Disabled.
• GTM Preview: In preview mode, you'll see the event in the Data Layer, and can verify it's being sent to GA correctly.

Final Check for Your GA Segment #

Since you already set up a segment, make sure it's using the custom dimension you created:

• The segment should filter for sessions where Ads Blocked equals true (for ad block users) or false (for non-ad block users).

内容的提问来源于stack exchange，提问作者nyhunter77