Guides · Google · ~10 min

Sådan ser du stier i tre trin i navigationsflowet

Hold musen over en side til venstre i flowet og se, hvor besøgende, der kom derfra, gik hen bagefter.

GA4 registrerer kun par: "A gik til B" og "B gik til C". Det ved ikke, hvor folk, der kom fra A og så B, gik hen bagefter. Et lille script sender de to forrige sider med hver sidevisning som en nav_step-hændelse; seops bruger den til at tegne A → B → C med rigtige data.

Gør først: Sådan forbinder du Google Analytics 4

Hvad der åbner i seops

  • 4 · Sporing › Trafik › Navigation › Flow: hold musen over en side til venstre, så lyser kun den sti op til højre
  • Din assistent (get_navigation) kan læse de mest almindelige stier i tre trin
  • Ingen cookie; kun sessionStorage, der ryddes, når fanen lukkes

Trin

  1. Tilpasset dimension 1: forrige side

    I Analytics: Administrator (tandhjul) → Datavisning → Tilpassede definitioner → Opret tilpasset dimension. Dimensionsnavn Previous page. Omfang Hændelse. Hændelsesparameter prev_path. Gem.

    prev_path
  2. Tilpasset dimension 2: siden før den

    Samme skærm, Opret tilpasset dimension igen. Navn Page before previous. Omfang Hændelse. Hændelsesparameter prev2_path. Gem.

    prev2_path
  3. Tilføj scriptet til sitet

    Det skal køre på hver side efter GA4. Med Cloudflare Zaraz sender det via zaraz.track, ellers via gtag. På WordPress indsætter du det i footeren med et code-snippet-plugin. På dit eget site er det nok at sige til din kodeagent: "tilføj nav_step-snippettet fra seops".

    <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. Bruger du Zaraz? Videresend hændelsen til GA4

    I Cloudflare: Zaraz → Tools → Google Analytics 4 → Actions → Create action. Trigger: Create trigger med reglen {{ client.__zarazTrack }} Equals nav_step. Handlingstype Event, hændelsesnavn nav_step. Add field to gange: prev_path = {{ client.prev_path }}, prev2_path = {{ client.prev2_path }}. Save.

  5. Tjek

    Klik dig gennem et par sider på dit site. I GA4 → Rapporter → Realtid bør hændelsen nav_step dukke op. Flowet i seops begynder at fyldes inden for en dag; tilpassede dimensioner dækker kun data fra den dag, de blev oprettet.

Sådan bruger du det i seops

  • 4 · Sporing › Trafik › Navigation: vælg en side, hold musen over en side til venstre i flowet
  • Hvis der ikke kommer data i et stykke tid, fortæller Status-linjen under kortet hvorfor

Spørgsmål

"Custom dimensions not defined"

Parameternavnene i trin 1 og 2 skal være præcis prev_path og prev2_path, omfang Hændelse.

"No nav_step data yet"

Scriptet kører ikke, eller hændelsen når ikke GA4 (Zaraz-handling). Kig efter hændelsen i realtidsrapporten.

Hvad er "(unknown)"?

Den besøgende åbnede siden i en ny fane; det forrige trin kendes ikke i den fane.

Start med ét site, gratis

Det første site er gratis for altid og kræver intet kort. Hvert ekstra site koster 2,50 $ om måneden.