Average Position Metrics Display

[connorhsm]

Bug Description

The Average Position Y value in the graph should be inverted, as the 1st position is considered the best position you could theoretically have.

Currently, when comparing Total clicks and or Total Impressions with Average Position, the graphs appear as if your Total Clicks and Total Impressions go down when your Average Position appears to go up. Upon analyzing the data below, you would expect the lines to have roughly followed each other.

Steps to reproduce

1. Go to 'Site Kit > Search Console page'
2. Click on 'Average Position, so that you are comparing Average Position with Total Clicks and or Total Impressions'
3. See error

Screenshots

Additional Context

• PHP Version: 7.2
• OS: [e.g. iOS] macOS Catalina
• Browser [e.g. chrome, safari] Chrome
• Plugin Version [e.g. 22] 1.0.4
• Device: [e.g. iPhone6] MacBook Air

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

When displaying the chronological graph of Search Console avg position values for the site, the smallest value should be at the top of the Y axis, similar to how it's displayed in Search Console:

Implementation Brief

• In addition to the title prop for the "Average Position" stat, set the direction prop to be -1, eg:

  site-kit-wp/assets/js/modules/search-console/dashboard/dashboard-widget.js

  Lines 136 to 145 in bbe420f

  	const otherSettings = {};
  	// The third index refers to the "Average Position" stat.
  	// We need to reverse the y-axis for this stat, see:
  	// https://github.com/google/site-kit-wp/issues/874
  	if ( stat === 3 ) {
  	otherSettings.direction = -1;
  	}
  	return { title: vAxesMap[ stat ], ...otherSettings };
  	} );

• I noticed the charts' titles are not translated, so add translations to the chart titles (eg:

  site-kit-wp/assets/js/modules/search-console/dashboard/dashboard-widget.js

  Lines 128 to 133 in bbe420f

  	const vAxesMap = {
  	0: __( 'Clicks', 'google-site-kit' ),
  	1: __( 'Impressions', 'google-site-kit' ),
  	2: __( 'Average CTR', 'google-site-kit' ),
  	3: __( 'Average Position', 'google-site-kit' ),
  	};

  )

Changelog entry

• Fix Search Console average position graph to show the smallest value on top of the Y axis.

[tofumatt]

This one took a fair amount of time to figure out in terms of which option to set and where; to stop the IB from being too generic I ended up implementing the solution, so the estimate on this one is quite low because most of the work for this IB is ready in #988.

[felixarntz]

IB ✅

[cole10up]

Verified, y axis is inverted. Clicked through other filters, confirmed functionality.

Passed QA ✅

[marrrmarrr]

LGTM