配置Consent Mode后Google Analytics无页面浏览量问题求助

配置了带Consent Mode的Google Analytics跟踪脚本，但无法在分析面板中看到页面浏览量。使用的脚本如下：

<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}

    // Set up Consent Mode
    gtag('consent', 'default', {
    'ad_storage': 'denied',
    'analytics_storage': 'denied'
      });
    
    // Initialize Google Analytics
    gtag('js', new Date());
    gtag('config', 'GTM-XYZ', {
        'send_page_view': false // Set to false if you want to control when to send page view
    });

    gtag('event', 'page_view');
</script> 
<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-XYZ"></script>

脚本放置在HTML的<head>标签中，已确认GA属性ID正确，但Google Analytics实时面板仍无页面浏览量。已完成排查：

• 脚本执行顺序无误
• 浏览器控制台无JavaScript错误
• 网络面板显示向www.google-analytics.com发起了请求
  怀疑问题与Consent Mode设置（'ad_storage': 'denied', 'analytics_storage': 'denied'）有关，仅需统计页面浏览量，不想使用Google Tag Manager等工具，求问题原因及解决方案。

核心原因 #

设置的analytics_storage: 'denied'会阻止GA将用户标识（如客户端ID）存储在浏览器中，而GA需要这个标识来关联并识别用户的页面浏览行为。即便网络请求已发出，缺少用户标识的数据会被GA丢弃，无法在面板中显示。

解决方案 #

根据仅统计页面浏览量的需求，可通过两种方式处理：

方式1：调整Consent Mode设置，允许分析存储 #

若无需严格禁止分析存储，直接修改默认Consent配置，允许analytics_storage：

gtag('consent', 'default', {
    'ad_storage': 'denied',
    'analytics_storage': 'granted' // 改为允许
});

同时可去掉手动触发的gtag('event', 'page_view')，将config里的send_page_view设为true（或直接删除该参数，默认值即为true），简化脚本：

<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}

    // Set up Consent Mode
    gtag('consent', 'default', {
        'ad_storage': 'denied',
        'analytics_storage': 'granted'
    });
    
    // Initialize Google Analytics
    gtag('js', new Date());
    gtag('config', 'GTM-XYZ'); // 自动发送页面浏览
</script> 
<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-XYZ"></script>

方式2：保持存储拒绝，启用匿名传输模式 #

若必须禁止analytics_storage，可启用GA的匿名传输模式，确保页面浏览事件能被正常统计（但无法关联用户的多页面行为）：
修改config配置，添加anonymize_ip和transport_url参数，调整页面浏览事件触发方式：

<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}

    // Set up Consent Mode
    gtag('consent', 'default', {
        'ad_storage': 'denied',
        'analytics_storage': 'denied'
    });
    
    // Initialize Google Analytics with anonymous transport
    gtag('js', new Date());
    gtag('config', 'GTM-XYZ', {
        'send_page_view': false,
        'anonymize_ip': true,
        'transport_url': 'https://www.google-analytics.com/g/collect' // GA4测量协议端点
    });

    // 触发页面浏览事件，强制使用beacon传输
    gtag('event', 'page_view', {
        'transport_type': 'beacon'
    });
</script> 
<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-XYZ"></script>

验证方法 #

修改脚本后，打开GA实时面板并刷新网站：

• 检查网络请求中g/collect（GA4）或collect（UA）的参数，确认包含dp（页面路径）和dt（页面标题）
• 实时面板中应能看到页面浏览量增长

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