亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 React 應用程序中將 Google Analytics 與到達路由器集成

在 React 應用程序中將 Google Analytics 與到達路由器集成

精慕HU 2023-07-14 09:50:26
我想將 Google Analytics 集成到我的 React 應用程序中。我正在使用到達路由器,這使事情變得更加復雜。如果我像這樣使用位置提供程序,則導航 API 將不起作用。因此,如果單擊任何頁面,頁面都不會呈現import { Router,createHistory,LocationProvider }from "@reach/router";import ReactGA from "react-ga";ReactGA.initialize("G-xxxxxxx");const history= createHistory(window);history.listen( window => {  ReactGA.pageview(window.location.pathname+ window.location.search);  console.log('page=>',window.location.pathname);});<LocationProvider history={history}>  <Router></Router></LocationProvider>如果我使用globalHistory谷歌分析僅在主頁上可用,沒有其他頁面在統計中ReactGA.initialize("G-XXXXXXXXXXX");globalHistory.listen(({ location }) => {  window.ga('send', 'pageview');  // or use the new gtag API  window.gtag('config', 'G-XXXXXXXXXX', {'page_path': location.pathname});});有人知道如何通過第一種或第二種方式解決這個問題嗎?
查看完整描述

1 回答

?
蠱毒傳說

TA貢獻1895條經驗 獲得超3個贊

這取決于您使用的是 Google Analytics 4 媒體資源 ID (G-XXXXXXXX),而相關的 React Analytics 包適用于 Universal Analytics。我建議您創建一個Universal Analytics媒體資源(如下圖所示)并使用相對標識符UA-XXXXXXX-X:


http://img1.sycdn.imooc.com//64b0aa220001889f06520660.jpg

查看完整回答
反對 回復 2023-07-14
  • 1 回答
  • 0 關注
  • 160 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號