diff --git a/.storybook/preview.js b/.storybook/preview.js
index f429d7eb..3a293ff3 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -13,6 +13,14 @@ import { rusticLightTheme, rusticDarkTheme } from '../src/rusticTheme'
 
 import React from 'react'
 
+import ReactGA from 'react-ga4'
+
+ReactGA.initialize(process.env.GA_ID, {
+  gtagOptions: {
+    content_group: 'storybook',
+  },
+})
+
 export const globalTypes = {
   theme: {
     name: 'Theme',
diff --git a/package-lock.json b/package-lock.json
index 9bb2a493..6e7e95d7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -73,6 +73,7 @@
         "mini-css-extract-plugin": "2.8.1",
         "prettier": "3.2.5",
         "prop-types": "15.8.1",
+        "react-ga4": "2.1.0",
         "storybook": "7.6.17",
         "style-loader": "3.3.4",
         "ts-loader": "9.5.1",
@@ -18068,6 +18069,12 @@
       "integrity": "sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==",
       "dev": true
     },
+    "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==",
+      "dev": true
+    },
     "node_modules/react-is": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
diff --git a/package.json b/package.json
index 503bde2d..94f986ed 100644
--- a/package.json
+++ b/package.json
@@ -77,6 +77,7 @@
     "mini-css-extract-plugin": "2.8.1",
     "prettier": "3.2.5",
     "prop-types": "15.8.1",
+    "react-ga4": "2.1.0",
     "storybook": "7.6.17",
     "style-loader": "3.3.4",
     "ts-loader": "9.5.1",