diff --git a/src/components/GoogleTag.astro b/src/components/GoogleTag.astro
new file mode 100644
index 0000000..4c1cb76
--- /dev/null
+++ b/src/components/GoogleTag.astro
@@ -0,0 +1,20 @@
+---
+// Frontmatter 영역에서 프로덕션 환경인지 확인
+const isProd = import.meta.env.PROD;
+---
+{isProd && (
+  <>
+<!-- Google tag (gtag.js) -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-DMP8WHFE3V"
+></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag() {
+    dataLayer.push(arguments);
+  }
+  gtag('js', new Date());
+
+  gtag('config', 'G-DMP8WHFE3V');
+</script>
+</>
+)}
diff --git a/src/content/documents/index.mdx b/src/content/documents/index.mdx
index 68dc252..f8eeaa6 100644
--- a/src/content/documents/index.mdx
+++ b/src/content/documents/index.mdx
@@ -29,15 +29,17 @@ REPL Works는 프로젝트 기억을 문서와 Git에 저장한다.
 
 # Document Flow
 
-<DocumentFlow documents={[
-  "IDEAS.md",
-  "PITCHING_SCRIPT.md",
-  "PRODUCT_SPEC.md",
-  "ARCHITECTURE.md",
-  "FRAMEWORK.md",
-  "TASKS.md",
-  "AGENTS.md"
-]} />
+<DocumentFlow
+  documents={[
+    'IDEAS.md',
+    'PITCHING_SCRIPT.md',
+    'PRODUCT_SPEC.md',
+    'ARCHITECTURE.md',
+    'FRAMEWORK.md',
+    'TASKS.md',
+    'AGENTS.md',
+  ]}
+/>
 
 ---
 
diff --git a/src/content/prompts/index.mdx b/src/content/prompts/index.mdx
index 1714a29..82d70a0 100644
--- a/src/content/prompts/index.mdx
+++ b/src/content/prompts/index.mdx
@@ -32,12 +32,14 @@ Prompt는 그 기억을 활용하는 방법을 정의한다.
 
 대부분의 AI 사용자는 같은 설명을 반복한다.
 
-<SpecGrid items={[
-  "무엇을 만들고 있는가?",
-  "왜 만드는가?",
-  "어떤 형식으로 답변해야 하는가?",
-  "어떤 문서를 생성해야 하는가?"
-]} />
+<SpecGrid
+  items={[
+    '무엇을 만들고 있는가?',
+    '왜 만드는가?',
+    '어떤 형식으로 답변해야 하는가?',
+    '어떤 문서를 생성해야 하는가?',
+  ]}
+/>
 
 ---
 
@@ -65,7 +67,7 @@ Prompt는 프로젝트마다 새로 작성하는 것이 아니다.
 
 생성 문서
 
-<InOut type="output" items={["IDEAS.md"]} />
+<InOut type="output" items={['IDEAS.md']} />
 
 [Prompt 보기](/prompts/idea-refinement)
 
@@ -79,7 +81,7 @@ Prompt는 프로젝트마다 새로 작성하는 것이 아니다.
 
 생성 문서
 
-<InOut type="output" items={["PITCHING_SCRIPT.md"]} />
+<InOut type="output" items={['PITCHING_SCRIPT.md']} />
 
 [Prompt 보기](/prompts/pitch-creation)
 
@@ -93,7 +95,7 @@ Prompt는 프로젝트마다 새로 작성하는 것이 아니다.
 
 생성 문서
 
-<InOut type="output" items={["PRODUCT_SPEC.md"]} />
+<InOut type="output" items={['PRODUCT_SPEC.md']} />
 
 [Prompt 보기](/prompts/product-specification)
 
@@ -107,7 +109,7 @@ Prompt는 프로젝트마다 새로 작성하는 것이 아니다.
 
 생성 문서
 
-<InOut type="output" items={["ARCHITECTURE.md"]} />
+<InOut type="output" items={['ARCHITECTURE.md']} />
 
 [Prompt 보기](/prompts/architecture-design)
 
@@ -121,7 +123,7 @@ Prompt는 프로젝트마다 새로 작성하는 것이 아니다.
 
 생성 문서
 
-<InOut type="output" items={["TASKS.md"]} />
+<InOut type="output" items={['TASKS.md']} />
 
 [Prompt 보기](/prompts/task-generation)
 
@@ -135,7 +137,7 @@ Execution AI가 개발 가능한 상태인지 검증한다.
 
 검증 대상
 
-<InOut type="in" items={["PRODUCT_SPEC.md", "ARCHITECTURE.md", "TASKS.md"]} />
+<InOut type="in" items={['PRODUCT_SPEC.md', 'ARCHITECTURE.md', 'TASKS.md']} />
 
 [Prompt 보기](/prompts/execution-validation)
 
@@ -153,13 +155,15 @@ REPL Works Prompt는 고정된 문서가 아니다.
 
 일반적인 흐름
 
-<OperationLoop steps={[
-  "Project Usage",
-  "Prompt Improvement",
-  "Better Documents",
-  "Better Execution",
-  "Project Usage"
-]} />
+<OperationLoop
+  steps={[
+    'Project Usage',
+    'Prompt Improvement',
+    'Better Documents',
+    'Better Execution',
+    'Project Usage',
+  ]}
+/>
 
 ---
 
diff --git a/src/content/showcase/index.mdx b/src/content/showcase/index.mdx
index 26b0064..0a58336 100644
--- a/src/content/showcase/index.mdx
+++ b/src/content/showcase/index.mdx
@@ -19,13 +19,15 @@ ReplWorks 호환(Compatible) 프로젝트는 ReplWorks 워크플로와 문서 
 
 일반적으로 다음 문서를 사용한다.
 
-<DocBadgeGrid docs={[
-  "PRODUCT_SPEC.md",
-  "ARCHITECTURE.md",
-  "FRAMEWORK.md",
-  "TASKS.md",
-  "AGENTS.md"
-]} />
+<DocBadgeGrid
+  docs={[
+    'PRODUCT_SPEC.md',
+    'ARCHITECTURE.md',
+    'FRAMEWORK.md',
+    'TASKS.md',
+    'AGENTS.md',
+  ]}
+/>
 
 ---
 
diff --git a/src/content/tools/index.mdx b/src/content/tools/index.mdx
index cd8de8e..3748193 100644
--- a/src/content/tools/index.mdx
+++ b/src/content/tools/index.mdx
@@ -27,11 +27,7 @@ Workflow가 반복되면,
 
 REPL Works는 다음을 표준화한다.
 
-<SpecGrid items={[
-  "Workflow",
-  "Prompts",
-  "Documents"
-]} />
+<SpecGrid items={['Workflow', 'Prompts', 'Documents']} />
 
 ---
 
@@ -43,12 +39,7 @@ REPL Works는 다음을 표준화한다.
 
 일반적으로 다음 순서로 발전한다.
 
-<DocumentFlow documents={[
-  "Manual Process",
-  "Prompt",
-  "Document",
-  "Tool"
-]} />
+<DocumentFlow documents={['Manual Process', 'Prompt', 'Document', 'Tool']} />
 
 ---
 
@@ -93,12 +84,7 @@ REPL Works는 실제 사용 경험을 통해 새로운 도구를 추가할 수 
 
 예시
 
-<TerminalGrid commands={[
-  "ai-prompt",
-  "ai-sync",
-  "ai-review",
-  "ai-memory"
-]} />
+<TerminalGrid commands={['ai-prompt', 'ai-sync', 'ai-review', 'ai-memory']} />
 
 ---
 
@@ -112,12 +98,7 @@ REPL Works는 실제 사용 경험을 통해 새로운 도구를 추가할 수 
 
 ## Relationship
 
-<RelationFlow items={[
-  "Workflow",
-  "Prompts",
-  "Documents",
-  "Tools"
-]} />
+<RelationFlow items={['Workflow', 'Prompts', 'Documents', 'Tools']} />
 
 ---
 
diff --git a/src/content/workflow/index.mdx b/src/content/workflow/index.mdx
index b0ada3a..055e740 100644
--- a/src/content/workflow/index.mdx
+++ b/src/content/workflow/index.mdx
@@ -4,6 +4,7 @@ version: 'v1'
 description: 'REPL Works를 이용한 AI-Native Product Development Workflow'
 publishedAt: '2026-06-12T00:00:00Z'
 ---
+
 import Workflow from '../../components/Workflow.astro';
 import QuestionGrid from '../../components/QuestionGrid.astro';
 import SpecList from '../../components/SpecList.astro';
@@ -37,13 +38,15 @@ import ReviewGrid from '../../components/ReviewGrid.astro';
 
 그 순간부터 동일한 설명이 반복된다.
 
-<QuestionGrid questions={[
-  "왜 만들고 있지?",
-  "현재 상태가 뭐지?",
-  "왜 이렇게 설계했지?",
-  "지속 가능한가?",
-  "다음 작업은 뭐지?"
-]} />
+<QuestionGrid
+  questions={[
+    '왜 만들고 있지?',
+    '현재 상태가 뭐지?',
+    '왜 이렇게 설계했지?',
+    '지속 가능한가?',
+    '다음 작업은 뭐지?',
+  ]}
+/>
 
 ---
 
@@ -83,11 +86,25 @@ REPL Works는 프로젝트 기억(Project Memory)과 세션 기억(Session Memor
 
 # 전체 흐름
 
-<Workflow steps={[
-  "IDEAS.md", "PITCHING_SCRIPT.md", "PRODUCT_SPEC.md", "ARCHITECTURE.md",
-  "TASKS.md", "AGENTS.md", "Discussion AI", "Issue", "Execution AI",
-  "Pull Request", "Human Review", "Merge", "Operation", "Document Updates", "Next Iteration"
-]} />
+<Workflow
+  steps={[
+    'IDEAS.md',
+    'PITCHING_SCRIPT.md',
+    'PRODUCT_SPEC.md',
+    'ARCHITECTURE.md',
+    'TASKS.md',
+    'AGENTS.md',
+    'Discussion AI',
+    'Issue',
+    'Execution AI',
+    'Pull Request',
+    'Human Review',
+    'Merge',
+    'Operation',
+    'Document Updates',
+    'Next Iteration',
+  ]}
+/>
 
 ---
 
@@ -115,13 +132,15 @@ Discussion AI와 반복적으로 대화하며 아이디어를 검증한다.
 
 주요 질문
 
-<QuestionGrid questions={[
-  "누구를 위한 제품인가?",
-  "왜 존재해야 하는가?",
-  "사용자가 원하는가?",
-  "지속 가능한가?",
-  "사업적으로 의미가 있는가?"
-]} />
+<QuestionGrid
+  questions={[
+    '누구를 위한 제품인가?',
+    '왜 존재해야 하는가?',
+    '사용자가 원하는가?',
+    '지속 가능한가?',
+    '사업적으로 의미가 있는가?',
+  ]}
+/>
 
 ---
 
@@ -163,14 +182,16 @@ Discussion AI와 반복적으로 대화하며 아이디어를 검증한다.
 
 포함 내용
 
-<SpecGrid items={[
-  "Vision",
-  "User Journey",
-  "Navigation",
-  "Features",
-  "Content Structure",
-  "Success Criteria"
-]} />
+<SpecGrid
+  items={[
+    'Vision',
+    'User Journey',
+    'Navigation',
+    'Features',
+    'Content Structure',
+    'Success Criteria',
+  ]}
+/>
 
 ---
 
@@ -200,14 +221,16 @@ Execution AI는 PRODUCT_SPEC.md만 읽어도 제품의 목적을 이해할 수 
 
 포함 내용
 
-<SpecGrid items={[
-  "Project Structure",
-  "Routing",
-  "Content Model",
-  "Data Flow",
-  "Deployment",
-  "Constraints"
-]} />
+<SpecGrid
+  items={[
+    'Project Structure',
+    'Routing',
+    'Content Model',
+    'Data Flow',
+    'Deployment',
+    'Constraints',
+  ]}
+/>
 
 ---
 
@@ -283,13 +306,15 @@ AI는 항상 AGENTS.md부터 읽는다.
 
 포함 내용
 
-<SpecGrid items={[
-  "문서 우선순위",
-  "구현 규칙",
-  "테스트 규칙",
-  "파일 생성 규칙",
-  "아키텍처 변경 규칙"
-]} />
+<SpecGrid
+  items={[
+    '문서 우선순위',
+    '구현 규칙',
+    '테스트 규칙',
+    '파일 생성 규칙',
+    '아키텍처 변경 규칙',
+  ]}
+/>
 
 ---
 
@@ -303,13 +328,15 @@ Discussion AI는 구현보다 이해에 집중한다.
 
 역할
 
-<SpecGrid items={[
-  "요구사항 분석",
-  "문서 검토",
-  "Task 검증",
-  "Issue 작성",
-  "Architecture 검토"
-]} />
+<SpecGrid
+  items={[
+    '요구사항 분석',
+    '문서 검토',
+    'Task 검증',
+    'Issue 작성',
+    'Architecture 검토',
+  ]}
+/>
 
 ---
 
@@ -331,19 +358,28 @@ Execution AI는 승인된 작업을 구현한다.
 
 **입력**
 
-<InOut type="input" items={["PRODUCT_SPEC.md", "ARCHITECTURE.md", "TASKS.md", "AGENTS.md", "Issue"]} />
+<InOut
+  type="input"
+  items={[
+    'PRODUCT_SPEC.md',
+    'ARCHITECTURE.md',
+    'TASKS.md',
+    'AGENTS.md',
+    'Issue',
+  ]}
+/>
 
 ---
 
 **출력**
 
-<InOut type="output" items={["Code", "Tests", "Pull Request"]} />
+<InOut type="output" items={['Code', 'Tests', 'Pull Request']} />
 
 ---
 
 필수 조건
 
-<Criteria items={["Build Success", "Lint Success", "Test Success"]} />
+<Criteria items={['Build Success', 'Lint Success', 'Test Success']} />
 
 ---
 
@@ -361,13 +397,15 @@ Execution AI는 승인된 작업을 구현한다.
 
 Human Review는 다음을 확인한다.
 
-<ReviewGrid items={[
-  "요구사항 충족 여부",
-  "제품 방향 일치 여부",
-  "사용자 경험",
-  "품질",
-  "릴리즈 준비 상태"
-]} />
+<ReviewGrid
+  items={[
+    '요구사항 충족 여부',
+    '제품 방향 일치 여부',
+    '사용자 경험',
+    '품질',
+    '릴리즈 준비 상태',
+  ]}
+/>
 
 ---
 
@@ -387,12 +425,14 @@ Human Review는 다음을 확인한다.
 
 운영 과정에서는 새로운 학습이 발생한다.
 
-<SpecGrid items={[
-  "사용자 피드백",
-  "버그 리포트",
-  "신규 요구사항",
-  "제품 개선 아이디어"
-]} />
+<SpecGrid
+  items={[
+    '사용자 피드백',
+    '버그 리포트',
+    '신규 요구사항',
+    '제품 개선 아이디어',
+  ]}
+/>
 
 ---
 
@@ -402,10 +442,16 @@ Human Review는 다음을 확인한다.
 
 # 운영 루프
 
-<Workflow steps={[
-  "Operate", "Learn", "Update PRODUCT_SPEC.md", "Update ARCHITECTURE.md",
-  "Update TASKS.md", "Next Iteration"
-]} />
+<Workflow
+  steps={[
+    'Operate',
+    'Learn',
+    'Update PRODUCT_SPEC.md',
+    'Update ARCHITECTURE.md',
+    'Update TASKS.md',
+    'Next Iteration',
+  ]}
+/>
 
 ---
 
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f41e5f8..938991b 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -4,6 +4,7 @@ const {
   title = 'REPL Works',
   description = 'A documentation shell for the REPL Works website.',
 } = Astro.props;
+import GoogleTag from '../components/GoogleTag.astro';
 ---
 
 <!doctype html>
@@ -20,6 +21,7 @@ const {
     <meta name="generator" content={Astro.generator} />
     <title>{title}</title>
     <link rel="sitemap" href="/sitemap-index.xml" />
+    <GoogleTag />
   </head>
   <body>
     <slot />