diff --git a/packages/_firstparty-analytics/events/index.ts b/packages/_firstparty-analytics/events/index.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/_firstparty-analytics/events/track-on-icon-load.ts b/packages/_firstparty-analytics/events/track-on-icon-load.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/_firstparty-analytics/events/track-on-icon-search.ts b/packages/_firstparty-analytics/events/track-on-icon-search.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/_firstparty-analytics/events/track-on-image-gen-prompt.ts b/packages/_firstparty-analytics/events/track-on-image-gen-prompt.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/_firstparty-analytics/events/track-on-photo-search.ts b/packages/_firstparty-analytics/events/track-on-photo-search.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/_firstparty-analytics/events/track-on-preview.ts b/packages/_firstparty-analytics/events/track-on-preview.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/_firstparty-analytics/events/track-on-publish.ts b/packages/_firstparty-analytics/events/track-on-publish.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/_firstparty-analytics/events/track-on-run-lint.ts b/packages/_firstparty-analytics/events/track-on-run-lint.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/_firstparty-analytics/events/track-on-selection-to-code.ts b/packages/_firstparty-analytics/events/track-on-selection-to-code.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/web/.env b/web/.env
index 0d4b0019..c9f37829 100644
--- a/web/.env
+++ b/web/.env
@@ -8,3 +8,4 @@ NEXT_PUBLIC_UNSPLASH_TMP_LOCAL_CLIENT_ID=<your-key>
 NEXT_PUBLIC_PUSHER_APP_KEY=<your-pusher-app-key>
 NEXT_PUBLIC_PUSHER_APP_CLUSTER=<your-pusher-cluster-name>
 NEXT_PUBLIC_CORS_GRIDA_API_KEY=get-it-from-https://github.com/gridaco/base/issues/23
+NEXT_PUBLIC_SEGMENT_WRITE_KEY=<your-segment-write-key>
\ No newline at end of file
diff --git a/web/package.json b/web/package.json
index 5e4610dc..c11eb9a9 100644
--- a/web/package.json
+++ b/web/package.json
@@ -8,6 +8,7 @@
     "start": "next start -p 3303"
   },
   "dependencies": {
+    "@segment/snippet": "^4.15.3",
     "app": "0.0.1",
     "languagedetect": "^2.0.0",
     "next": "^13.1.6",
diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx
index e48b0acd..0096aa5b 100644
--- a/web/pages/_app.tsx
+++ b/web/pages/_app.tsx
@@ -1,9 +1,22 @@
 import React, { useEffect } from "react";
 import type { AppProps } from "next/app";
 import { useRouter } from "next/router";
+import Script from "next/script";
+import * as snippet from "@segment/snippet";
 import * as gtag from "../lib/gtag";
 
 function WebApp({ Component, pageProps }: AppProps) {
+  const loadSegment = () => {
+    const options = {
+      apiKey: process.env.NEXT_PUBLIC_SEGMENT_WRITE_KEY,
+    };
+    if (process.env.NEXT_PUBLIC_NODE_ENV) {
+      return snippet.max(options);
+    } else {
+      return snippet.min(options);
+    }
+  };
+
   // region GA
   const router = useRouter();
   useEffect(() => {
@@ -17,6 +30,14 @@ function WebApp({ Component, pageProps }: AppProps) {
   }, [router.events]);
   // endregion GA
 
-  return <Component {...pageProps} />;
+  return (
+    <>
+      <Script
+        dangerouslySetInnerHTML={{ __html: loadSegment() }}
+        id="segment-snippet"
+      />
+      <Component {...pageProps} />;
+    </>
+  );
 }
 export default WebApp;
diff --git a/yarn.lock b/yarn.lock
index 5c012a03..9fd50260 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2530,6 +2530,25 @@
     call-me-maybe "^1.0.1"
     glob-to-regexp "^0.3.0"
 
+"@ndhoule/each@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@ndhoule/each/-/each-2.0.1.tgz#bbed372a603e0713a3193c706a73ddebc5b426a9"
+  integrity sha512-wHuJw6x+rF6Q9Skgra++KccjBozCr9ymtna0FhxmV/8xT/hZ2ExGYR8SV8prg8x4AH/7mzDYErNGIVHuzHeybw==
+  dependencies:
+    "@ndhoule/keys" "^2.0.0"
+
+"@ndhoule/keys@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@ndhoule/keys/-/keys-2.0.0.tgz#3d64ae677c65a261747bf3a457c62eb292a4e0ce"
+  integrity sha512-vtCqKBC1Av6dsBA8xpAO+cgk051nfaI+PnmTZep2Px0vYrDvpUmLxv7z40COlWH5yCpu3gzNhepk+02yiQiZNw==
+
+"@ndhoule/map@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@ndhoule/map/-/map-2.0.1.tgz#f5ca0a47424ea67f46e2a6d499b9e9bc886aefa8"
+  integrity sha512-WOEf2An9mL4DVY6NHgaRmFC82pZGrmzW4I0hpPPdczDP4Gp5+Q1Nny77x3w0qzENA8+cbgd9+Lx2ClSTLvkB0g==
+  dependencies:
+    "@ndhoule/each" "^2.0.1"
+
 "@next/env@13.2.4":
   version "13.2.4"
   resolved "https://registry.yarnpkg.com/@next/env/-/env-13.2.4.tgz#8b763700262b2445140a44a8c8d088cef676dbae"
@@ -3334,6 +3353,13 @@
   dependencies:
     "@daybrush/utils" "^1.4.0"
 
+"@segment/snippet@^4.15.3":
+  version "4.15.3"
+  resolved "https://registry.yarnpkg.com/@segment/snippet/-/snippet-4.15.3.tgz#ac829ec4570b249f559756293f4736e434885de7"
+  integrity sha512-75kVTYaQGYMkwVjJvCLLOlzxV8jCDxvKG68U88joo/rBx95SIXETcjUmIXF6A7SFRCgz83B+zrZbo+JYsmHkig==
+  dependencies:
+    "@ndhoule/map" "^2.0.1"
+
 "@sinclair/typebox@^0.25.16":
   version "0.25.24"
   resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"