Firebase Analytics Googletagmanager错误

编程问答 2022-08-14

问题描述

我从Firebase收到此错误，我今天将Analytics添加到我的项目中，现在登录页面在控制台中显示了此错误。

helpers.ts:72 GET https://www.googletagmanager.com/gtag/js?l=dataLayer net::ERR_BLOCKED_BY_CLIENT

我没有在我的index.html中导入GTAG（我正在使用React）

<script async src="https://www.googletagmanager.com/gtag/js"></script>

因为我没有使用它。

和我用于Firebase的配置文件如下

import firebase from "firebase/app";
import "firebase/firestore";
import "firebase/auth";
import "firebase/analytics";

// Your web app's Firebase configuration
var firebaseConfig = {
  //the usual
  measurementId: "G-something",};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
export const auth = firebase.auth();
export const db = firebase.firestore();
export const firestore = firebase.firestore;
export const analytics = firebase.analytics;

着陆页

import { analytics } from "../configs/fbConfig";`
  useEffect(() => {
    analytics().setCurrentScreen(window.location.pathname); // sets `screen_name` parameter
    analytics().logEvent("screen_view"); // log event with `screen_name` parameter attached
    analytics().logEvent("landing_page_view",{ landing_at: Date.Now() });
  });

这就是我所拥有的，我想在用户看到登录页面时进行记录，因此我可以使用渠道（我相信）来跟踪从登录页面到登录页面的过程。

我是否必须在Firebase控制台中创建某些内容才能使其工作？ Web分析文档有点混乱。

解决方法

在大多数情况下，net :: ERR_BLOCKED_BY_CLIENT表示您的addblocker会阻止跟踪。

在进行GTM / GA调试/实现时，始终禁用addblockers。

您还说了网络分析，但您仍在使用Firebase。 Firebase是原始产品，严重缺乏功能。我建议即使使用移动网络，也要使用Google Analytics（分析）来跟踪网络点击。

最后，由于您使用的是React，因此我认为它是SPA。如果是SPA，您必须在GTM中有一个单独的综合浏览量标记，例如，由页面更改时从您的React应用路由器触发的自定义dataLayer事件触发。然后，您可以开始构建渠道了。

firebasefirebasefirebase-analyticsgoogle-analyticsjavascriptreactjsreactjs