简述:我的网站集成了Google Analytics 4(GA4),并且还有一个独立的小部件也集成了GA4,结果是事件都发送到了这两个跟踪器。我该如何将它们隔离开?
详细:我有两个React Web应用程序。一个是父级网站,另一个是作为小部件集成在其中的React应用程序,它通过Webpack构建为2个文件(JS和CSS)。任何网站都可以通过脚本标记和CSS链接集成此小部件,而此小部件需要拥有Google Analytics。但是,父级网站也可以集成Google Analytics。如果此父级网站具有通用分析,则事件是被隔离的,但是如果两者都具有新的GA4,则会出现问题。
我尝试使用react-ga4库在两个[测试]应用程序中集成GA。结果,小部件和父级网站都向两个跟踪器帐户发送所有事件。我还尝试在父级网站中手动添加脚本标记,在小部件应用程序中使用react-ga4库,但是所有事件也都同时发送到两处。 检查
然后我尝试手动添加GA4脚本,并为两个跟踪器设置了两个配置文件。但是结果是:所有事件都发送到两个跟踪器。
主要问题是如何隔离事件发送?
<script
async
src="https://www.googletagmanager.com/gtag/js?id=TRACKING_ID_1”
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "TRACKING_ID_1”);
</script></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", “TRACKING_ID_2);
</script>```
ReactGA4.event("event_name", { send_to: "TRAKING_ID" })
- Iri.S.M.