update google analytics

This commit is contained in:
KLxHunter 2024-09-18 02:15:54 +07:00
parent 1f7bee281c
commit efc4f01e7c
15 changed files with 58 additions and 14 deletions

View File

@ -1,17 +1,17 @@
{
"files": {
"main.css": "/static/css/main.58462fbc.css",
"main.js": "/static/js/main.f2f3e10d.js",
"main.js": "/static/js/main.c0d60854.js",
"static/media/u-said-it-v13-1167.mp3": "/static/media/u-said-it-v13-1167.becd66496be9c81ddf9d.mp3",
"static/media/patrick-tomasso-Oaqk7qqNh_c-unsplash.jpg": "/static/media/patrick-tomasso-Oaqk7qqNh_c-unsplash.8ca90014fb6ce5980110.jpg",
"static/media/spaceman.png": "/static/media/spaceman.5ec7fcfa9a803ead726c.png",
"static/media/profile-img.png": "/static/media/profile-img.5d5f6af9aa98aaa4efc6.png",
"index.html": "/index.html",
"main.58462fbc.css.map": "/static/css/main.58462fbc.css.map",
"main.f2f3e10d.js.map": "/static/js/main.f2f3e10d.js.map"
"main.c0d60854.js.map": "/static/js/main.c0d60854.js.map"
},
"entrypoints": [
"static/css/main.58462fbc.css",
"static/js/main.f2f3e10d.js"
"static/js/main.c0d60854.js"
]
}

View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600&family=Pacifico&family=Source+Sans+Pro:wght@400;600;700&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"/><title>Thanapat Portfolio DevSecOps</title><script defer="defer" src="/static/js/main.f2f3e10d.js"></script><link href="/static/css/main.58462fbc.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600&family=Pacifico&family=Source+Sans+Pro:wght@400;600;700&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"/><title>Thanapat Portfolio DevSecOps</title><script defer="defer" src="/static/js/main.c0d60854.js"></script><link href="/static/css/main.58462fbc.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

6
package-lock.json generated
View File

@ -16,6 +16,7 @@
"normalize.css": "^8.0.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-ga4": "^2.1.0",
"react-router-dom": "^6.4.4",
"react-scripts": "5.0.1",
"react-tsparticles": "^2.6.0",
@ -13982,6 +13983,11 @@
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
"integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg=="
},
"node_modules/react-ga4": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/react-ga4/-/react-ga4-2.1.0.tgz",
"integrity": "sha512-ZKS7PGNFqqMd3PJ6+C2Jtz/o1iU9ggiy8Y8nUeksgVuvNISbmrQtJiZNvC/TjDsqD0QlU5Wkgs7i+w9+OjHhhQ=="
},
"node_modules/react-is": {
"version": "18.2.0",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",

View File

@ -11,6 +11,7 @@
"normalize.css": "^8.0.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-ga4": "^2.1.0",
"react-router-dom": "^6.4.4",
"react-scripts": "5.0.1",
"react-tsparticles": "^2.6.0",

View File

@ -12,7 +12,11 @@ import WorkPage from "./components/WorkPage";
import MySkillsPage from "./components/MySkillsPage";
import SoundBar from "./subComponents/SoundBar";
//Google Analytic
import ReactGA from 'react-ga4'
function App() {
ReactGA.initialize('G-FH3106BVQP');
const location = useLocation();
return (
<>

View File

@ -10,6 +10,9 @@ import ParticleComponent from '../subComponents/ParticleComponent';
import BigTitle from '../subComponents/BigTitlte'
import astronaut from '../assets/Images/spaceman.png'
//Google Analytic
import ReactGA from 'react-ga4'
const Box = styled.div`
background-color: ${props => props.theme.body};
width: 100vw;
@ -55,10 +58,12 @@ const Main = styled.div`
font-style: italic;
`
const AboutPage = () => {
ReactGA.send({
hitType: "aboutview",
page: "/about",
title: "About"
})
return (
<ThemeProvider theme={DarkTheme}>
<Box>

View File

@ -11,6 +11,9 @@ import AnchorComponent from '../subComponents/Anchor'
import BigTitle from "../subComponents/BigTitlte"
import { motion } from 'framer-motion'
//Google Analytic
import ReactGA from 'react-ga4'
const MainContainer = styled(motion.div)`
background-image: url(${img});
@ -57,6 +60,11 @@ const container = {
}
const ExperimentationPage = () => {
ReactGA.send({
hitType: "experimentationview",
page: "/experimentation",
title: "Experimentation"
})
const [numbers, setNumbers] = useState(0);

View File

@ -7,6 +7,8 @@ import PowerButton from '../subComponents/PowerButton'
import SocialIcons from '../subComponents/SocialIcons'
import { YinYang } from './AllSvgs'
import Intro from './Intro'
//Google Analytic
import ReactGA from 'react-ga4'
;
@ -125,8 +127,12 @@ z-index:1;
transition: height 0.5s ease, width 1s ease 0.5s;
`
const Main = () => {
ReactGA.send({
hitType: "mainview",
page: "/",
title: "Main"
})
const [click, setClick] = useState(false);

View File

@ -10,6 +10,9 @@ import PowerButton from '../subComponents/PowerButton';
import ParticleComponent from '../subComponents/ParticleComponent';
import BigTitle from '../subComponents/BigTitlte'
//Google Analytic
import ReactGA from 'react-ga4'
const Box = styled.div`
background-color: ${props => props.theme.body};
width: 100vw;
@ -18,8 +21,6 @@ position: relative;
display: flex;
justify-content: space-evenly;
align-items: center;
`
const Main = styled.div`
@ -89,6 +90,11 @@ overflow-x: hidden;
`
const MySkillsPage = () => {
ReactGA.send({
hitType: "skillsview",
page: "/skills",
title: "MySkills"
})
return (
<ThemeProvider theme={lightTheme}>
<Box>

View File

@ -12,6 +12,9 @@ import Card from "../subComponents/Card";
import { YinYang } from "./AllSvgs";
import BigTitlte from "../subComponents/BigTitlte";
//Google Analytic
import ReactGA from 'react-ga4'
const Box = styled.div`
background-color: ${(props) => props.theme.body};
@ -54,6 +57,11 @@ const container = {
};
const WorkPage = () => {
ReactGA.send({
hitType: "workview",
page: "/work",
title: "Work"
})
const ref = useRef(null);
const yinyang = useRef(null);