1. Component Guide
  2. Step by step navigation header
  3. With unique tracking
Step by step navigation header example

With unique tracking

In order to identify the step by step navigation the component is part of, we need to track a unique ID of the navigation in Google Analytics. This ID should be the same across all pages that are linked from and are part of that navigation. Its value is included in any tracking events, specifically in dimension96. It refers to the ID of the step nav that the component links to.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/step_by_step_nav_header", {
  title: "With a tracking id",
  path: "#",
  tracking_id: "this-is-the-tracking-id"
} %>