diff --git a/web-server/package.json b/web-server/package.json
index 580e2e282..2a09ff2e8 100644
--- a/web-server/package.json
+++ b/web-server/package.json
@@ -15,6 +15,7 @@
"@emotion/styled": "11.8.1",
"@faker-js/faker": "^6.0.0",
"@hookform/resolvers": "^2.8.8",
+ "@intercom/messenger-js-sdk": "^0.0.14",
"@mui/icons-material": "^5.11.0",
"@mui/lab": "^5.0.0-alpha.152",
"@mui/material": "^5.14.17",
diff --git a/web-server/src/components/AppHead.tsx b/web-server/src/components/AppHead.tsx
index 4cf7d67f8..a6fe87f68 100644
--- a/web-server/src/components/AppHead.tsx
+++ b/web-server/src/components/AppHead.tsx
@@ -1,3 +1,4 @@
+import Intercom from '@intercom/messenger-js-sdk';
import Head from 'next/head';
import { useRouter } from 'next/router';
import Script from 'next/script';
@@ -8,10 +9,13 @@ import { colors } from '@/theme/schemes/theme';
export const AppHead = () => {
const router = useRouter();
-
+ useEffect(() => {
+ Intercom({
+ app_id: process.env.NEXT_PUBLIC_INTERCOM_APP_ID || 'kckm1m2e'
+ });
+ }, []);
useEffect(() => {
const isDev = process.env.NEXT_PUBLIC_APP_ENVIRONMENT === 'development';
-
if (!isDev) {
const onFocus = () => track('WINDOW_FOCUS');
const onBlur = () => track('WINDOW_BLUR');
@@ -42,14 +46,6 @@ export const AppHead = () => {
gtag('config', '${process.env.NEXT_PUBLIC_GA}');`}
-
-