在重新链接到firebase分析后仍然得到firebase measurementId警告

Question

我只是试图将项目重新链接到firebase分析。在那之后，测量值发生了变化。我在HTML中添加了新的measurementId并对其进行了部署。但是，我仍然得到一个警告&;本地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"警告还是一样的

Answer 1

Firebase不是用于报告的。尽管它有令人印象深刻的数据框架，但它是一个糟糕的报告工具，仅适用于调试。Firebase只适合原生应用跟踪。

我将为您提供正确安装web版GA4的顶级步骤，但我不会深入讨论太多细节，因为这将是一篇很长的文章。

0. 删除目前安装的库。不管是analytics.js, gtag.js还是firebase。删除数据层声明，除非你知道如何使用它。
1. 注册一个GA4属性(如果你没有)并设置它到你最好的能力。在这样做的同时，创建一个web流量源并复制其测量id。
2. 为web注册一个GTM容器，而不是服务器端(如果你没有一个)，复制它的安装代码，并按照GTM的建议将其添加到你的html源。你可以随意忽略这个部分。GTM喜欢假装不需要JS。
3. 在GTM中，创建一个GA4页面浏览量标签，在该标签中设置从GA4复制的测量id，将其绑定到新的页面浏览量触发器。
将容器发布到生产环境。不要在未发布之前预览它。如果容器从未发布过，它将一直返回404。因为Google并没有真正关心在容器创建时自动创建空发布。
4. 让我们现在正确地测试一下:从adswerve安装chrome扩展，启用它，进入您的网站并重新加载页面。打开控制台。您将看到扩展日志跟踪到控制台。
5. 现在去你的GA4属性，检查实时数据，确保你看到你的命中。还有其他人的热门歌曲，因为你已经发表了。

到此结束。使用GTM进行网页跟踪是一般网站的最佳实践。