diff --git a/frontend/package.json b/frontend/package.json
index 1dc582a..ef6502b 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -14,6 +14,7 @@
"@giraugh/tools": "^1.6.0",
"@js-temporal/polyfill": "^0.4.4",
"@microsoft/microsoft-graph-client": "^3.0.5",
+ "@vercel/analytics": "^1.0.1",
"accept-language": "^3.0.18",
"gapi-script": "^1.2.0",
"hue-map": "^1.0.0",
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index 18cf665..d4c1466 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -1,5 +1,6 @@
import { Metadata } from 'next'
import { Karla } from 'next/font/google'
+import { Analytics } from '@vercel/analytics/react'
import Egg from '/src/components/Egg/Egg'
import Settings from '/src/components/Settings/Settings'
@@ -42,6 +43,8 @@ const RootLayout = async ({ children }: { children: React.ReactNode }) => {
{children}
+
+