Haina
/
GHHub
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

使用 GA4 跟踪路由变化

Browse Source
release
Jimmy Liow 2 years ago
parent 27c5369cd6
commit a4f794c3ab
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File

7
index.html
Unescape Escape View File

@ -14,6 +14,13 @@
100%{-webkit-transform:translate(150px)} 100%{-webkit-transform:translate(150px)}
} }
</style> </style>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7JN1HT1DY4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7JN1HT1DY4');
</script>
</head> </head>
<body> <body>
<div id="root"> <div id="root">

9
src/views/App.jsx
Unescape Escape View File

@ -1,4 +1,4 @@
import { Outlet, Link, useHref, useNavigate, NavLink } from "react-router-dom"; import { Outlet, Link, useHref, useNavigate, useLocation, NavLink } from "react-router-dom";
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { toJS } from "mobx"; import { toJS } from "mobx";
@ -39,13 +39,18 @@ function App() {
const href = useHref(); const href = useHref();
const loginToken = login.token; const loginToken = login.token;
const navigate = useNavigate(); const navigate = useNavigate();
const location = useLocation();
useEffect(() => { useEffect(() => {
// console.info("href: " + href + '; login.token: ' + loginToken + '; timeout: ' + login.timeout);
if (href !== '/login' && isEmpty(loginToken)) { if (href !== '/login' && isEmpty(loginToken)) {
navigate('/login'); navigate('/login');
} }
}, [href]); }, [href]);
useEffect(() => {
window.gtag('event', 'page_view', { page_location: window.location.href });
}, [location]);
const onSubmit = () => { const onSubmit = () => {
authStore.valdateUserPassword(login.username, password) authStore.valdateUserPassword(login.username, password)
.then(() => { .then(() => {

Write Preview
Loading…
Cancel
Save