Analytics navigation updates (#24929)

* Analytics navigation updates

* Removes step 2

Author: angelampcosta

src/content/docs/analytics/account-and-zone-analytics/account-analytics.mdx

@@ -7,6 +7,8 @@ sidebar:
 
 ---
 
+import { DashButton } from "~/components"
+
 Cloudflare account analytics lets you access a wide range of aggregated metrics from all the sites under a specific Cloudflare account.
 
 :::note
@@ -18,13 +20,9 @@ For general information about all of Cloudflare's analytics offerings, refer to
 
 ## View your account analytics
 
-To view metrics for your site:
-
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com).
-
-2. Select the appropriate Cloudflare account.
+To view metrics for your site, in the Cloudflare dashboard, go to the **Account Analytics** page.
 
-3. Go to **Analytics & Logs** > **Account Analytics**.
+   <DashButton url="/?to=/:account/analytics" />
 
 Once it loads, the Account Analytics app displays a collection of categorized charts with aggregated metrics for your account. To understand the various metrics available, refer to *Review your account metrics* below.
 

src/content/docs/analytics/graphql-api/tutorials/capture-graphql-queries-from-dashboard.mdx

@@ -4,27 +4,30 @@ title: Capture GraphQL queries with Chrome DevTools
 
 ---
 
+import { DashButton } from "~/components"
+
 Using [Chrome DevTools](https://developer.chrome.com/docs/devtools), you can capture the queries running behind the Cloudflare Dashboard analytics. In this example, we will focus on the Network Analytics dataset, but the same process can be applied to any other analytics available in your dashboard.
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-2. Go to **Analytics & Logs** and select the **Network Analytics** dashboard or any other analytics dashboard you are interested in seeing the GraphQL queries in.
+1. In the Cloudflare dashboard, go to the **Network Analytics** page or any other analytics dashboard you are interested in seeing the GraphQL queries in.
+
+   <DashButton url="/?to=/:account/network-analytics" />
 
 ![Analytics tab](~/assets/images/analytics/analytics-tab.png)
 
-3. Open the [Chrome Developer Tools](https://developer.chrome.com/docs/devtools) and select **Inspect**.
+2. Open the [Chrome Developer Tools](https://developer.chrome.com/docs/devtools) and select **Inspect**.
 
 ![Chrome developer tools](~/assets/images/analytics/chrome-developer-tools.png)
 
-4. Select the **Network** tab in the Developer Tools panel.
-5. In the filter bar, type `graphql` to filter out the GraphQL requests. If no requests appear, try reloading the page. As the page reloads, several network requests will populate the **Network** tab. Look for requests that contain `graphql` in the name.
+3. Select the **Network** tab in the Developer Tools panel.
+4. In the filter bar, type `graphql` to filter out the GraphQL requests. If no requests appear, try reloading the page. As the page reloads, several network requests will populate the **Network** tab. Look for requests that contain `graphql` in the name.
 
 ![Type graphql in the search field](~/assets/images/analytics/search-field.png)
 
-6. Select one of the GraphQL requests to open its details and go to the **Payload** tab. There you will find the GraphQL query. Select the query line and then **Copy value** to capture the query.
+5. Select one of the GraphQL requests to open its details and go to the **Payload** tab. There you will find the GraphQL query. Select the query line and then **Copy value** to capture the query.
 
 ![Copy query value](~/assets/images/analytics/copy-value.png)
 
-7. If you want to capture a new query, adjust the filters in the **Network analytics** dashboard and a new query will appear in the GraphQL requests.
+6. If you want to capture a new query, adjust the filters in the **Network analytics** dashboard and a new query will appear in the GraphQL requests.
 
 ![Create a new query](~/assets/images/analytics/new-query.png)
 

src/content/docs/analytics/network-analytics/configure/displayed-data.mdx

@@ -9,6 +9,8 @@ head:
 
 ---
 
+import { DashButton } from "~/components"
+
 ## Select the appropriate tab
 
 To perform a broad analysis of layer 3/4 traffic and DDoS attacks, use the **All traffic** tab.
@@ -74,8 +76,11 @@ Enable the **Show annotations** toggle to show or hide annotations for advertise
 
 To filter for these traffic events:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Go to **Analytics & Logs** > **Network Analytics** > **DDoS managed rules**.
+1. In the Cloudflare dashboard, go to the **Network Analytics** page.
+
+   <DashButton url="/?to=/:account/network-analytics" />
+
+2. Go to **DDoS managed rules** tab.
 3. Select **Add filter**.
     - Set `Verdict equals drop`.
     - Set `Action equals pass`.

src/content/docs/analytics/network-analytics/get-started.mdx

@@ -10,16 +10,17 @@ description: Learn how to view and use data from Network Analytics.
 
 ---
 
-import { GlossaryTooltip, Render } from "~/components"
+import { GlossaryTooltip, Render, DashButton } from "~/components"
 
 <Render file="network-analytics-requirements" product="analytics" />
 
 ## View the Network Analytics dashboard
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select an account that has access to Magic Transit or Spectrum.
+1. In the Cloudflare dashboard, go to the **Network Analytics** page.
 
-2. Go to Account Home > **Analytics & Logs** > **Network Analytics**.
+   <DashButton url="/?to=/:account/network-analytics" />
 
+2. Select an account that has access to Magic Transit or Spectrum.
 3. Configure the displayed data. You can [adjust the time range](/analytics/network-analytics/configure/time-range/), [select the main metric](/analytics/network-analytics/configure/displayed-data/#select-high-level-metric) (total packets or total bytes), [apply filters](/analytics/network-analytics/configure/displayed-data/#apply-filters), and more.
 
 ## Get Network Analytics data via API

src/content/docs/logs/logpush/logpush-job/filters.mdx

@@ -89,7 +89,7 @@ Here is an example request using cURL via API:
 
 To set filters through the dashboard:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select the domain you want to use.
+1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select the account or domain you want to use.
 2. Go to **Analytics & Logs** > **Logs**.
 3. Select **Add Logpush job**. A modal window will open.
 4. Select the dataset you want to push to a storage service.

src/content/docs/web-analytics/configuration-options/filters.mdx

@@ -6,14 +6,18 @@ description: Learn how to use filters in Cloudflare Web Analytics.
 
 ---
 
+import { DashButton } from "~/components";
+
 To filter the data shown on Web Analytics:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Select the **Analytics & Logs** drop-down and choose **Web Analytics**.
-3. Select the website you want to check.
-4. Select **Add filter**.
-5. In the **New filter** box, choose your criteria from the dropdown. Refer to the [Dimensions](/web-analytics/data-metrics/dimensions/) page for a list of available filters and their descriptions.
-6. Select **Apply**.
+1. In the Cloudflare dashboard, go to the **Web Analytics** page.
+
+   <DashButton url="/?to=/:account/web-analytics" />
+
+2. Select the website you want to check.
+3. Select **Add filter**.
+4. In the **New filter** box, choose your criteria from the dropdown. Refer to the [Dimensions](/web-analytics/data-metrics/dimensions/) page for a list of available filters and their descriptions.
+5. Select **Apply**.
 
 ### Additional tips
 

src/content/docs/web-analytics/configuration-options/rules.mdx

@@ -3,17 +3,19 @@ pcx_content_type: how-to
 title: Rules
 ---
 
-import { Render } from "~/components";
+import { Render, DashButton } from "~/components";
 
 Use **Rules** to configure whether to track Web Analytics for specific websites or paths. By default, Web Analytics automatically creates a single rule for the zone that injects the JavaScript (JS) snippet for all pages.
 
 Rules are only available for sites proxied through Cloudflare. For more information, refer to [Limits](/web-analytics/limits/).
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Select the **Analytics & Logs** drop-down and choose **Web Analytics**.
-3. Find the site you want to configure and select **Manage site**.
-4. Select **Advanced options** > **Add rule**.
-5. Select the **Action** and fill in the hostname and path(s) you want to add a rule for.
-6. If you want to add additional rules, select **Add rule**. Otherwise select **Update** to save the rule.
+1. In the Cloudflare dashboard, go to the **Web Analytics** page.
+
+   <DashButton url="/?to=/:account/web-analytics" />
+
+2. Find the site you want to configure and select **Manage site**.
+3. Select **Advanced options** > **Add rule**.
+4. Select the **Action** and fill in the hostname and path(s) you want to add a rule for.
+5. If you want to add additional rules, select **Add rule**. Otherwise select **Update** to save the rule.
 
 <Render file="configuration-rule-wins-over-rum-rule" product="rules" />

src/content/docs/web-analytics/data-metrics/core-web-vitals.mdx

@@ -6,6 +6,8 @@ sidebar:
 
 ---
 
+import { DashButton } from "~/components";
+
 [Core Web Vitals](https://www.cloudflare.com/learning/performance/what-are-core-web-vitals/) are high-level metrics designed by Google to capture the user experience. Three core Web Vitals metrics are measured: Largest Contentful Paint, First Input Delay, and Cumulative Layout Shift. Each of these metrics is automatically assigned a rating of Good, Needs Improvement, or Poor based on the industry standard methodology and testing designed by Google. Page load time statistics are supplemented by First Paint and First Contentful Paint.
 
 :::note
@@ -21,9 +23,11 @@ Core Web Vitals is currently only supported in Chromium browsers, with Safari an
 Core Web Vitals enables you to easily pinpoint which elements in a web page are affecting the user's experience while browsing your website, in a visual form.
 To access Core Web Vitals:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Select the **Analytics & Logs** drop-down and choose **Web Analytics**.
-3. Select your website and select **Core Web Vitals**.
+1. In the Cloudflare dashboard, go to the **Web Analytics** page.
+
+   <DashButton url="/?to=/:account/web-analytics" />
+
+2. Select your website and select **Core Web Vitals**.
 
 ###  Core Web Vitals metrics
 

src/content/docs/web-analytics/get-started/index.mdx

@@ -8,18 +8,20 @@ head:
     content: Enabling Cloudflare Web Analytics
 ---
 
-import { Render } from "~/components";
+import { Render, DashButton } from "~/components";
 
 ## Sites not proxied through Cloudflare
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Select the **Analytics & Logs** drop-down and choose **Web Analytics**.
-3. Select **Add a site**.
-4. In **Set up hostname**, write your website's hostname.
-5. Select the message box that appears to choose the hostname you have input and select **Done**.
-6. Copy the JS snippet from **Manage site**. This is also where you can later edit the hostname you have just added.
-7. (Optional) Select **View Analytics sites** to go back on the Web Analytics interface. If you prefer to continue setting up Web Analytics website, continue reading.
-8. Add the JS snippet to any of your website’s HTML pages before the ending body tag.
+1. In the Cloudflare dashboard, go to the **Web Analytics** page.
+
+   <DashButton url="/?to=/:account/web-analytics" />
+
+2. Select **Add a site**.
+3. In **Set up hostname**, write your website's hostname.
+4. Select the message box that appears to choose the hostname you have input and select **Done**.
+5. Copy the JS snippet from **Manage site**. This is also where you can later edit the hostname you have just added.
+6. (Optional) Select **View Analytics sites** to go back on the Web Analytics interface. If you prefer to continue setting up Web Analytics website, continue reading.
+7. Add the JS snippet to any of your website’s HTML pages before the ending body tag.
 
 Web analytics is now set up on your website, but it may take a few minutes for Web Analytics data to appear.
 

src/content/partials/web-analytics/web-analytics-proxied-setup.mdx

@@ -3,7 +3,11 @@
 
 ---
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account.
-2. Select the **Analytics & Logs** drop-down and choose **Web Analytics**.
-3. Select **Add a site**.
-4. Select a hostname from the drop-down menu > **Done**.
+import { DashButton } from "~/components";
+
+1. In the Cloudflare dashboard, go to the **Web Analytics** page.
+
+   <DashButton url="/?to=/:account/web-analytics" />
+
+2. Select **Add a site**.
+3. Select a hostname from the drop-down menu > **Done**.