Guides · Google · ~10 min

Voir des parcours en trois étapes dans le flux de navigation

Survole une page à gauche du flux et vois où sont allés ensuite les visiteurs qui en venaient.

GA4 n'enregistre que des paires : « A est allé vers B » et « B est allé vers C ». Il ne sait pas où sont allés ensuite ceux qui venaient de A et ont vu B. Un petit script envoie les deux pages précédentes avec chaque page vue sous forme d'événement nav_step ; seops s'en sert pour tracer A → B → C avec de vraies données.

À faire d'abord: Comment connecter Google Analytics 4

Ce que cela active dans seops

  • 4 · Suivi › Trafic › Navigation › Flux : survole une page à gauche et seul ce parcours s'allume à droite
  • Ton assistant (get_navigation) peut lire les parcours en trois étapes les plus fréquents
  • Pas de cookie ; seulement sessionStorage, effacé à la fermeture de l'onglet

Étapes

  1. Dimension personnalisée 1 : page précédente

    Dans Analytics : Administration (engrenage) → Affichage des données → Définitions personnalisées → Créer une dimension personnalisée. Nom de la dimension Previous page. Champ d'application Événement. Paramètre d'événement prev_path. Enregistrer.

    prev_path
  2. Dimension personnalisée 2 : la page d'avant

    Même écran, à nouveau Créer une dimension personnalisée. Nom Page before previous. Champ d'application Événement. Paramètre d'événement prev2_path. Enregistrer.

    prev2_path
  3. Ajoute le script au site

    Il doit s'exécuter sur chaque page après GA4. Avec Cloudflare Zaraz il envoie via zaraz.track, sinon via gtag. Sur WordPress, colle-le dans le pied de page avec une extension de snippets de code. Sur ton propre site, dire à ton agent de code « ajoute le snippet nav_step de seops » suffit.

    <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. Tu utilises Zaraz ? Transmets l'événement à GA4

    Dans Cloudflare : Zaraz → Tools → Google Analytics 4 → Actions → Create action. Trigger : Create trigger avec la règle {{ client.__zarazTrack }} Equals nav_step. Action type Event, nom d'événement nav_step. Add field deux fois : prev_path = {{ client.prev_path }}, prev2_path = {{ client.prev2_path }}. Save.

  5. Vérifie

    Parcours quelques pages de ton site. Dans GA4 → Rapports → Temps réel, l'événement nav_step doit apparaître. Le flux dans seops commence à se remplir en une journée ; les dimensions personnalisées ne couvrent que les données à partir du jour de leur création.

Comment l'utiliser dans seops

  • 4 · Suivi › Trafic › Navigation : choisis une page, survole une page à gauche du flux
  • Si aucune donnée n'arrive pendant un moment, la ligne État sous la carte en donne la raison

Questions

« Custom dimensions not defined »

Les noms de paramètres des étapes 1 et 2 doivent être exactement prev_path et prev2_path, champ d'application Événement.

« No nav_step data yet »

Le script ne s'exécute pas ou l'événement n'atteint pas GA4 (action Zaraz). Cherche l'événement dans le rapport Temps réel.

Qu'est-ce que « (unknown) » ?

Le visiteur a ouvert la page dans un nouvel onglet ; l'étape précédente n'est pas connue dans cet onglet.

Commence gratuitement avec un site

Le premier site est gratuit pour toujours, sans carte. Chaque site supplémentaire coûte 2,50 $ par mois.