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}');`} -