google analytics

package.json

@@ -20,6 +20,7 @@
     "react-bootstrap": "^2.10.1",
     "react-dom": "^18.2.0",
     "react-dropdown-select": "^4.11.2",
+    "react-ga": "^3.3.1",
     "react-icons": "^5.0.1",
     "react-router-dom": "^6.18.0",
     "react-scripts": "5.0.1",

src/pages/about-us.tsx

@@ -6,6 +6,9 @@ import AddIcon from '../assets/svg/add-icon-white.svg';
 import logo from '../assets/logo_viva_viajando_transparente.jpeg'
 import React from 'react';
 
+import ReactGA from 'react-ga';
+ReactGA.initialize('G-YYECSC1FEY');
+ReactGA.pageview(window.location.pathname + window.location.search);
 
 export default function AboutUs() {
   const navigate = useNavigate();

src/pages/add-blog.tsx

@@ -11,6 +11,9 @@ import { categories } from '../utils/category-colors';
 import MDEditor from '@uiw/react-md-editor';
 import style from '../assets/markdown.styles.module.css';
 import React from 'react';
+import ReactGA from 'react-ga';
+ReactGA.initialize('G-YYECSC1FEY');
+ReactGA.pageview(window.location.pathname + window.location.search);
 
 type FormData = {
   title: string;

src/pages/details-page.tsx

@@ -9,7 +9,9 @@ import Footer from '../components/footer';
 import ThemeToggle from '../components/theme-toggle-button';
 import mdstyles from '../assets/markdown.styles.module.css'
 
-
+import ReactGA from 'react-ga';
+ReactGA.initialize('G-YYECSC1FEY');
+ReactGA.pageview(window.location.pathname + window.location.search);
 
 export default function DetailsPage() {
   const { state } = useLocation();

src/pages/home-page.tsx

@@ -13,6 +13,10 @@ import Footer from '../components/footer';
 import logo from '../assets/logo_viva_viajando_transparente.jpeg'
 import React from 'react';
 
+import ReactGA from 'react-ga';
+ReactGA.initialize('G-YYECSC1FEY');
+ReactGA.pageview(window.location.pathname + window.location.search);
+
 function HomePage() {
   const navigate = useNavigate();
   const [posts, setPosts] = useState<Post[]>([]);