gtag.js跟踪GA、GTM跟踪GA4时page_view事件未上报问题

gtag.js跟踪传统GA、GTM跟踪GA4的组合是完全可行的，二者不存在原生冲突，你当前配置无法上报GA4 page_view是几个配置错误导致的：

具体问题点 #

• GTM容器ID配置错误：你贴的GTM初始化代码里，最后一个传入参数写的是'google tag manager'，这个位置必须填写你自己的GTM容器ID（格式为GTM-XXXXXX），参数错误会导致GTM容器根本无法正常加载，容器内配置的所有GA4跟踪规则都不会执行，自然不会上报任何事件。
• 自定义数据层带来的兼容问题：你特意给GTM指定了customDataLayer作为独立数据层，和gtag.js使用的默认dataLayer做了隔离。如果GTM后台配置GA4标签时没有同步指定监听customDataLayer，而是默认读取dataLayer的数据，会导致GTM无法捕获页面加载的初始触发事件，直接影响page_view的上报。没有特殊数据隔离需求的话，GTM直接使用默认dataLayer即可，还能减少不必要的配置成本。
• GTM内GA4配置缺项：就算GTM容器正常加载，你也需要确认GTM后台的GA4配置标签是否勾选了「页面加载时发送page_view事件」的选项，漏开这个开关是GA4不上报页面浏览事件的高频原因。

修正后的参考代码 #

<!-- gtag.js 跟踪传统GA属性 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=你的GA(UA)属性ID"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', '你的GA(UA)属性ID');
</script>

<!-- Google Tag Manager 加载配置，使用默认dataLayer避免兼容问题 -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-你的实际容器ID');</script>
<!-- End Google Tag Manager -->

如果你必须保留独立的customDataLayer给GTM使用，需要在GTM后台所有涉及数据层读取的触发器、变量配置中，手动指定数据层名称为customDataLayer，否则无法正常捕获事件。

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