Cómo ver rutas de tres pasos en el flujo de navegación

Pasa el ratón por una página a la izquierda del flujo y mira a dónde fueron después los visitantes que venían de ella.

1. Dimensión personalizada 1: página anterior

   En Analytics: Administrar (engranaje) → Visualización de datos → Definiciones personalizadas → Crear dimensión personalizada. Nombre de la dimensión Previous page. Ámbito Evento. Parámetro de evento prev_path. Guardar.

   prev_path Copiar
   Abrir Google Analytics ↗

2. Dimensión personalizada 2: la página anterior a esa

   En la misma pantalla, de nuevo Crear dimensión personalizada. Nombre Page before previous. Ámbito Evento. Parámetro de evento prev2_path. Guardar.

   prev2_path Copiar

3. Añade el script al sitio

   Debe ejecutarse en cada página después de GA4. Con Cloudflare Zaraz envía a través de zaraz.track; si no, a través de gtag. En WordPress, pégalo en el pie con un plugin de fragmentos de código. En tu propio sitio, basta con decirle a tu agente de código «añade el fragmento nav_step de 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. ¿Usas Zaraz? Reenvía el evento a GA4

   En Cloudflare: Zaraz → Tools → Google Analytics 4 → Actions → Create action. Trigger: Create trigger con la regla {{ client.__zarazTrack }} Equals nav_step. Action type Event, nombre de evento nav_step. Add field dos veces: prev_path = {{ client.prev_path }}, prev2_path = {{ client.prev2_path }}. Save.

   Cloudflare Zaraz ↗

5. Comprueba

   Navega por unas cuantas páginas de tu sitio. En GA4 → Informes → Tiempo real debería aparecer el evento nav_step. El flujo en seops empieza a llenarse en un día; las dimensiones personalizadas solo cubren datos desde el día en que se crearon.