thanapat.t/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update google analytics

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
build/asset-manifest.json
View File

@ -1,17 +1,17 @@
{ {
"files": { "files": {
"main.css": "/static/css/main.58462fbc.css", "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/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/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/spaceman.png": "/static/media/spaceman.5ec7fcfa9a803ead726c.png",
"static/media/profile-img.png": "/static/media/profile-img.5d5f6af9aa98aaa4efc6.png", "static/media/profile-img.png": "/static/media/profile-img.5d5f6af9aa98aaa4efc6.png",
"index.html": "/index.html", "index.html": "/index.html",
"main.58462fbc.css.map": "/static/css/main.58462fbc.css.map", "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": [ "entrypoints": [
"static/css/main.58462fbc.css", "static/css/main.58462fbc.css",
"static/js/main.f2f3e10d.js" "static/js/main.c0d60854.js"
] ]
} }

2
build/index.html
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>

3
build/static/js/main.c0d60854.js Normal file
View File

File diff suppressed because one or more lines are too long

0
build/static/js/main.f2f3e10d.js.LICENSE.txt → build/static/js/main.c0d60854.js.LICENSE.txt
View File

1
build/static/js/main.c0d60854.js.map Normal file
View File

File diff suppressed because one or more lines are too long

3
build/static/js/main.f2f3e10d.js
View File

File diff suppressed because one or more lines are too long

1
build/static/js/main.f2f3e10d.js.map
View File

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", "normalize.css": "^8.0.1",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-ga4": "^2.1.0",
"react-router-dom": "^6.4.4", "react-router-dom": "^6.4.4",
"react-scripts": "5.0.1", "react-scripts": "5.0.1",
"react-tsparticles": "^2.6.0", "react-tsparticles": "^2.6.0",
@ -13982,6 +13983,11 @@
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz", "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
"integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==" "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": { "node_modules/react-is": {
"version": "18.2.0", "version": "18.2.0",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",

1
package.json
View File

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

4
src/App.js
View File

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

11
src/components/AboutPage.js
View File

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

8
src/components/ExperimentationPage.js
View File

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

8
src/components/Main.js
View File

@ -7,6 +7,8 @@ import PowerButton from '../subComponents/PowerButton'
import SocialIcons from '../subComponents/SocialIcons' import SocialIcons from '../subComponents/SocialIcons'
import { YinYang } from './AllSvgs' import { YinYang } from './AllSvgs'
import Intro from './Intro' 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; transition: height 0.5s ease, width 1s ease 0.5s;
` `
const Main = () => { const Main = () => {
ReactGA.send({
hitType: "mainview",
page: "/",
title: "Main"
})
const [click, setClick] = useState(false); const [click, setClick] = useState(false);

10
src/components/MySkillsPage.js
View File

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

8
src/components/WorkPage.js
View File

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