탐색 흐름에서 3단계 경로를 보는 방법

흐름 왼쪽의 페이지에 마우스를 올리면 그곳에서 온 방문자가 다음에 어디로 갔는지 보입니다.

1. 맞춤 측정기준 1: 이전 페이지

   Analytics에서 관리(톱니바퀴) → 데이터 표시 → 맞춤 정의 → 맞춤 측정기준 만들기. 측정기준 이름 Previous page. 범위 이벤트. 이벤트 매개변수 prev_path. 저장.

   prev_path 복사
   Google Analytics 열기 ↗

2. 맞춤 측정기준 2: 그 전 페이지

   같은 화면에서 다시 맞춤 측정기준 만들기. 이름 Page before previous. 범위 이벤트. 이벤트 매개변수 prev2_path. 저장.

   prev2_path 복사

3. 사이트에 스크립트 추가

   모든 페이지에서 GA4 다음에 실행되어야 합니다. Cloudflare Zaraz가 있으면 zaraz.track으로, 없으면 gtag로 보냅니다. WordPress에서는 코드 스니펫 플러그인으로 푸터에 붙여넣습니다. 직접 만든 사이트라면 코딩 에이전트에게 "seops의 nav_step 스니펫을 추가해 줘"라고 말하면 충분합니다.

   <script>
   // seops · three-step navigation (Traffic › Navigation › Flow). Run on every page, after GA4.
   (function () {
     try {
       var S = sessionStorage, h = JSON.parse(S.getItem("nav_hist") || "[]"), c = location.pathname, r = "";
       try { var u = new URL(document.referrer); if (u.host === location.host) r = u.pathname; } catch (e) {}
       if (h[h.length - 1] === c) return; // reload
       if (r && r !== c) {
         var p = { prev_path: r.slice(0, 100), prev2_path: (h[h.length - 1] === r ? h[h.length - 2] || "(entry)" : "(unknown)").slice(0, 100) };
         if (window.zaraz && zaraz.track) zaraz.track("nav_step", p); else if (window.gtag) gtag("event", "nav_step", p);
       }
       S.setItem("nav_hist", JSON.stringify(r ? [r, c] : [c]));
     } catch (e) {}
   })();
   </script>

4. Zaraz를 쓰나요? 이벤트를 GA4로 전달

   Cloudflare에서 Zaraz → Tools → Google Analytics 4 → Actions → Create action. Trigger: Create trigger에서 규칙 {{ client.__zarazTrack }} Equals nav_step. Action type Event, 이벤트 이름 nav_step. Add field를 두 번: prev_path = {{ client.prev_path }}, prev2_path = {{ client.prev2_path }}. Save.

   Cloudflare Zaraz ↗

5. 확인

   사이트의 페이지 몇 개를 둘러봅니다. GA4 → 보고서 → 실시간에 nav_step 이벤트가 나타나야 합니다. seops의 흐름은 하루 안에 채워지기 시작합니다. 맞춤 측정기준은 만든 날 이후의 데이터만 포함합니다.