diff --git a/src/components/analytics/CounterAnalytics.astro b/src/components/analytics/CounterAnalytics.astro
new file mode 100644
index 00000000..a9d20727
--- /dev/null
+++ b/src/components/analytics/CounterAnalytics.astro
@@ -0,0 +1,15 @@
+---
+interface Props {
+  projectId: string
+  utcOffset: number
+}
+
+const { projectId, utcOffset } = Astro.props
+---
+
+<script
+  src="https://cdn.counter.dev/script.js"
+  data-id={projectId}
+  data-utcoffset={utcOffset}
+  defer
+></script>
diff --git a/src/configs/site.ts b/src/configs/site.ts
index 7e0bbd08..0876ed63 100644
--- a/src/configs/site.ts
+++ b/src/configs/site.ts
@@ -8,6 +8,9 @@ export default {
   favicon: '/favicon.ico',
   faviconMimeType: 'image/x-icon',
   plugins: {
+    counterAnalytics: {
+      pid: env.COUNTER_ANALYTICS_ID,
+    },
     googleAnalytics: {
       id: env.GA_ID,
     },