Nuevo inicio del repositorio

components/analitycs/google.tsx

@@ -0,0 +1,17 @@
+"use client";
+
+import { useEffect } from "react";
+import initializeGA from ".";
+
+export default function GoogleAnalytics() {
+	useEffect(() => {
+		// @ts-ignore
+		if (!window.GA_INITIALIZED) {
+			initializeGA();
+			// @ts-ignore
+			window.GA_INITIALIZED = true;
+		}
+	}, []);
+
+	return null;
+}

components/analitycs/index.ts

@@ -0,0 +1,30 @@
+"use client";
+
+import ReactGA from "react-ga4";
+
+const initializeGA = () => {
+	// Replace with your Measurement ID
+	// It ideally comes from an environment variable
+	ReactGA.initialize("G-0RTZ5EPB26");
+
+	// Don't forget to remove the console.log() statements
+	// when you are done
+};
+
+interface Props {
+	category: string;
+	action: string;
+	label: string;
+}
+const trackGAEvent = ({ category, action, label }: Props) => {
+	console.log("GA event:", category, ":", action, ":", label);
+	// Send GA4 Event
+	ReactGA.event({
+		category: category,
+		action: action,
+		label: label,
+	});
+};
+
+export default initializeGA;
+export { initializeGA, trackGAEvent };