我刚刚尝试将项目重新链接到Firebase分析。之后,measurementId发生了变化。我将新的measurementId添加到HTML并部署它。但是,我仍然收到警告"* 本地Firebase配置(G-SWHXV050SE)中的测量ID与从服务器(G-9XKSB1V3PD)获取的测量ID不匹配 "和错误" GET https://www.googletagmanager.com/gtag/js?l=dataLayer&id=G-9XKSB1V3PD net::ERR_ABORTED 404 *"
下面是我的代码
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-analytics.js"></script>
<script>
// NOTE - INCLUDE YOUR FIREBASE CONFIG HERE FOR ANYTHING TO WORK:
const firebaseConfig = {
apiKey: "AIzaSyDlJX8Aub35ObEgDcV-zk064gnKu69jI9U",
authDomain: "dogbox-multiplayer.firebaseapp.com",
databaseURL: "https://dogbox-multiplayer-default-rtdb.firebaseio.com",
projectId: "dogbox-multiplayer",
storageBucket: "dogbox-multiplayer.appspot.com",
messagingSenderId: "321715391463",
appId: "1:321715391463:web:14d4179d27e869d06c0b42",
measurementId: "G-SWHXV050SE"
};
const app = firebase.initializeApp(firebaseConfig);
const analytics = firebase.analytics(app);
</script>
我还试着加上
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SWHXV050SE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SWHXV050SE');
</script>
错误更改为"* GET https://www.googletagmanager.com/gtag/js?id=G-9XKSB1V3PD&l=dataLayer&cx=c net::ERR_ABORTED 404 *",警告仍然相同。
1条答案
按热度按时间tpxzln5u1#
Firebase不是为报告而设计的。尽管有令人印象深刻的数据框架,但它是一个糟糕的报告工具,只能用于调试。只能说Firebase只适合本地应用跟踪。
我会给予你一个顶级的演练,以正确安装GA4的网络,但我不会进入太多的细节,因为它会一直是一个大的文章代替。
1.删除你已经安装好的库,不管是analytics.js,gtag.js还是firebase,也删除datalayer声明,除非你知道如何使用它。
1.注册一个GA4属性(如果你没有),并将其设置为最佳状态。同时,创建一个Web流量源并复制其测量ID。
1.注册一个用于web的GTM容器,而不是服务器端的(如果你没有的话),复制它的安装代码并按照GTM的建议添加到你的html源代码中。你可以随意忽略这部分。GTM喜欢假装它不需要JS。
1.在GTM中,创建一个GA4页面浏览标签,在该标签中设置从GA4复制的测量ID,将其绑定到新的页面浏览触发器。
1.将容器发布到生产环境中。在发布之前不要预览它。如果一个容器从未发布过,它将不断返回404。因为谷歌并不真的足够关心在容器创建时自动进行空发布。
1.现在让我们正确地测试一下:安装chrome extension from adswerve,启用它,进入你的站点并重新加载一个页面。打开控制台。你会看到扩展记录跟踪到控制台。
1.现在去你的GA4网站,检查真实的数据,确保你看到了你的点击率。还有其他人的点击率,因为你已经发布了它。
这就是总结。使用GTM进行网络跟踪是一个普通网站的最佳实践。