install react-ga4

SystemEngineeringTeam · Sep 28, 2024 · 974e6cc · 974e6cc
1 parent 874f447
commit 974e6cc
Show file tree

Hide file tree

Showing 5 changed files with 1 addition and 17 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/index.html b/index.html
@@ -1,14 +1,6 @@
 <!doctype html>
 <html lang="ja">
   <head>
-    <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-8KV8Z5BX8M"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'G-8KV8Z5BX8M');
-    </script>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

diff --git a/package.json b/package.json
@@ -32,6 +32,7 @@
     "react": "^18.2.0",
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.2.0",
+    "react-ga4": "^2.1.0",
     "react-hook-form": "^7.52.0",
     "react-router-dom": "^6.23.1",
     "styled-components": "^6.1.11",
@@ -42,7 +43,6 @@
   },
   "devDependencies": {
     "@cloudflare/workers-types": "^4.20240614.0",
-    "@types/gtag.js": "^0.0.20",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "@typescript-eslint/eslint-plugin": "^7.2.0",

diff --git a/src/components/achievements/Card.tsx b/src/components/achievements/Card.tsx
@@ -1,8 +1,6 @@
 import { Avatar, Flex, Text } from "@radix-ui/themes";
 import { type ReactElement } from "react";
-import { useLocation } from "react-router-dom";
 import styled from "styled-components";
-import { sendAnalytics } from "@/lib/utils/analytics";
 import { useNavigate } from "@/router";
 import { type Achievement } from "@/types/post-data/achievements";
 
@@ -58,13 +56,11 @@ export function AchievementCard({
   achievement: Achievement;
 }): ReactElement {
   const navigate = useNavigate();
-  const url = useLocation().pathname;
 
   return (
     <CardStyle
       align="center"
       onClick={() => {
-        sendAnalytics("achievementDetail", url);
         navigate("/achievements/:id", {
           params: {
             id: achievement.id.toString(),

diff --git a/src/components/member/Card.tsx b/src/components/member/Card.tsx
@@ -1,8 +1,6 @@
 import { Avatar, Flex, Text } from "@radix-ui/themes";
 import { type ReactElement } from "react";
-import { useLocation } from "react-router-dom";
 import styled from "styled-components";
-import { sendAnalytics } from "@/lib/utils/analytics";
 import { useNavigate } from "@/router";
 import { type Member } from "@/types/member";
 
@@ -50,7 +48,6 @@ export function MemberCard({
   point?: number;
 }): ReactElement {
   const navigate = useNavigate();
-  const url = useLocation().pathname;
 
   return (
     <CardStyle
@@ -59,7 +56,6 @@ export function MemberCard({
         if (member.email == null) {
           throw new Error("Member email is undefined");
         }
-        sendAnalytics("memberDetail", url);
         navigate("/members/:id", {
           params: {
             id: member.email,