https://www.kspost.biz/_next/static/chunks/8020.56261c8257fcae05.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8020],{18020:function(e,t,s){s.r(t),s.d(t,{default:function(){return i}});var n=s(57437),l=s(76994),r=s(98702);let o=[{step:1,text:"Google Analytics 4 속성 생성",desc:"GA4 콘솔에서 새 속성 만들기"},{step:2,text:"CMS에서 GA4 연동하기",desc:"OAuth2로 계정 연결"},{step:3,text:"웹사이트에 측정 ID 설정",desc:"GA4 태그 또는 GTM 설치"},{step:4,text:"맞춤 측정기준 설정",desc:"article_id 등 커스텀 이벤트",important:!0}];function i(e){let{isOpen:t,onClose:s}=e,i=(0,l.tv)();return(0,n.jsxs)(r.u_,{isOpen:t,onClose:s,size:"md",children:[(0,n.jsx)(r.xB,{onClose:s,children:(0,n.jsx)("span",{})}),(0,n.jsx)(r.hz,{children:(0,n.jsxs)("div",{className:"space-y-6 pb-2",children:[(0,n.jsxs)("div",{className:"space-y-1",children:[(0,n.jsx)("h2",{className:"text-xl font-semibold text-[--foreground]",children:"\uD83E\uDD14 조회수가 안 보이시나요?"}),(0,n.jsx)("p",{className:"text-sm text-[--muted-foreground]",children:"GA4 설정이 완료되지 않았을 수 있어요"})]}),(0,n.jsx)("div",{className:"space-y-3",children:o.map((e,t)=>(0,n.jsxs)("div",{className:"flex items-start gap-3 p-3 rounded-xl bg-[--muted]/30 hover:bg-[--muted]/50 transition-colors cursor-default group",style:{animationDelay:"".concat(80*t,"ms")},children:[(0,n.jsx)("div",{className:"w-7 h-7 rounded-full flex items-center justify-center text-sm font-semibold flex-shrink-0 transition-transform group-hover:scale-110 ".concat(e.important?"bg-[#FF4717] text-white":"bg-[--muted] text-[--muted-foreground]"),children:e.step}),(0,n.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,n.jsx)("p",{className:"text-sm font-medium ".concat(e.important?"text-[#FF4717]":"text-[--foreground]"),children:e.text}),(0,n.jsx)("p",{className:"text-xs text-[--muted-foreground] mt-0.5",children:e.desc})]})]},e.step))}),(0,n.jsx)("p",{className:"text-sm text-[--muted-foreground]",children:"모든 설정을 완료하면 조회수가 표시돼요 ✨"})]})}),(0,n.jsx)(r.mz,{children:(0,n.jsxs)("div",{className:"flex flex-col gap-2 w-full",children:[(0,n.jsx)("button",{onClick:()=>{s(),i.push("/admin/statistics/integration-guide")},className:"w-full py-3 text-sm font-semibold bg-[#FF4717] text-white hover:bg-[#E63E12] rounded-xl transition-all hover:shadow-lg hover:shadow-[#FF4717]/20 active:scale-[0.98]",children:"연동 가이드 보러가기"}),(0,n.jsx)("button",{onClick:s,className:"w-full py-2.5 text-sm text-[--muted-foreground] hover:text-[--foreground] transition-colors",children:"나중에 할게요"})]})})]})}}}]);