Add GoatCounter analytics integration (#48)

* feat: GoatCounter 조회수 트래킹 추가

무료, 쿠키 없는 프라이버시 친화적 분석 도구인 GoatCounter를 추가합니다.
NEXT_PUBLIC_GOATCOUNTER_CODE 환경 변수로 활성화할 수 있습니다.

https://claude.ai/code/session_018zmvR3KqyN12izgt3BUw6i

* ci: deploy 워크플로우에 GoatCounter 환경 변수 추가

빌드 시 NEXT_PUBLIC_GOATCOUNTER_CODE secrets를 주입하여
GoatCounter 트래킹 스크립트가 정적 빌드에 포함되도록 합니다.

https://claude.ai/code/session_018zmvR3KqyN12izgt3BUw6i

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: brody-0125

.github/workflows/deploy.yml

@@ -44,6 +44,8 @@ jobs:
       - name: Build
         run: npm run build
         working-directory: web
+        env:
+          NEXT_PUBLIC_GOATCOUNTER_CODE: ${{ secrets.NEXT_PUBLIC_GOATCOUNTER_CODE }}
 
       - name: Copy CNAME
         run: cp CNAME web/out/CNAME

web/.env.local.example

@@ -1,2 +1,3 @@
 NEXT_PUBLIC_GAS_URL=https://script.google.com/macros/s/YOUR_DEPLOYMENT_ID/exec
 NEXT_PUBLIC_RECAPTCHA_SITE_KEY=YOUR_RECAPTCHA_V3_SITE_KEY
+NEXT_PUBLIC_GOATCOUNTER_CODE=YOUR_GOATCOUNTER_SITE_CODE

web/src/app/layout.tsx

@@ -6,6 +6,7 @@ import { THEME_INIT_SCRIPT } from '@/lib/theme';
 import './globals.css';
 
 const recaptchaSiteKey = process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY;
+const goatcounterCode = process.env.NEXT_PUBLIC_GOATCOUNTER_CODE;
 
 export const metadata: Metadata = {
   title: '나들이 — 오늘은 어디로 가볼까?',
@@ -40,6 +41,13 @@ export default function RootLayout({
           {children}
         </ThemeProvider>
         <ContactCTA />
+        {goatcounterCode && (
+          <Script
+            data-goatcounter={`https://${goatcounterCode}.goatcounter.com/count`}
+            src="//gc.zgo.at/count.js"
+            strategy="afterInteractive"
+          />
+        )}
       </body>
     </html>
   );