update google analytics
This commit is contained in:
parent
1f7bee281c
commit
efc4f01e7c
@ -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"
|
||||
]
|
||||
}
|
||||
@ -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
3
build/static/js/main.c0d60854.js
Normal file
File diff suppressed because one or more lines are too long
1
build/static/js/main.c0d60854.js.map
Normal file
1
build/static/js/main.c0d60854.js.map
Normal file
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
6
package-lock.json
generated
@ -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",
|
||||
|
||||
@ -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",
|
||||
|
||||
@ -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 (
|
||||
<>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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);
|
||||
|
||||
|
||||
@ -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);
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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);
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user