Page MenuHomePhabricator

Measure viewport sizes to detect banner size issues on wikipedia.de
Open, Needs TriagePublic

Description

Current state: Matomo does not track viewport sizes, but we need to know them to better optimize for the actual space users see the page in.

Suggested Solution: Track the actual viewports of the website users on stats.wikimedia.de.

Right now, the tracking is limited to display dimensions which does not provide the full picture on the actual viewport sizes. Matomo does not come with a native way of tracking user viewports, so a custom implementation is necessary.

We should probably use Custom Dimensions for this:

https://matomo.org/docs/custom-dimensions/

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptOct 16 2019, 12:54 PM
Jan_Dittrich updated the task description. (Show Details)Oct 16 2019, 1:17 PM

at a previous discussion we decided to track the viewports in order to calculate the potential banner size issues. For HK19 the aim is to get data for "how many potential banner size issues would we have on wp.de if we implement this feature of banner not being shown if the search field is out of the viewport." ideally, we would track the banner height aswell.

does that make sense? cc @Tobias_Schumann_WMDE-ext for further clarifications

Tim_WMDE updated the task description. (Show Details)Oct 16 2019, 1:36 PM

Alright, so the scope of this ticket will be to track the viewport dimensions of the users even if no banners are present on the page. We will not change banner behavior with this ticket (yet).

@Tim_WMDE Not to change banner behaviour (yet) is correct. But I'am stumbling (and maybe not understanding correctly) about to track the viewports of wikipedia.de visits in general (and unrelated to a actual display of a banner). To track if a banner size issue would have occured and at which viewport width this happens (as Till writes, a "potential banner size issue") the actual banner (height) would needed to be taken into account (calculating the difference of max. banner height and actual banner height). Therefor I wonder what you mean by viewport tracking even if no banners are present.

@Tobias_Schumann_WMDE-ext Yes, without the banner we would not be able to measure banner size issues. However, I am talking about just measuring viewports at any time. RIght now we track display resolutions only (so the physical resolution of the screen rather than the actual size of the browser window) and I am proposing that we track the viewports at any time. The banner size issue tracking could then also be implemented, depending on what your needs are.

@Tim_WMDE on a sidenotice: It seems as if there is a defined spacing between the WP logo and the banner. Personally, I think this can be reduced a bit. Or are there any rules that compels this spacing?

The banner size issue tracking could then also be implemented, depending on what your needs are.

Just to be sure: Yes, this is needed. We want to know how many pageviews would be affected by a banner size issue

@Tim_WMDE on a sidenotice: It seems as if there is a defined spacing between the WP logo and the banner. Personally, I think this can be reduced a bit. Or are there any rules that compels this spacing?

The spacing comes from the normal design of the page. Just like www.google.de, the search bar is not at the top but there is a bit of spacing so that the search bar is vertically centered (roughly). I guess we can reduce the size when a banner is visible.

The banner size issue tracking could then also be implemented, depending on what your needs are.

Just to be sure: Yes, this is needed. We want to know how many pageviews would be affected by a banner size issue

So what should be done as part of this ticket? Tracking all viewports at all times and tracking banner size issues? A banner size issue would be, for me, if the search bar was not in the viewport anymore after the page has loaded.

ideally, we would do it exactly like .org, where we have data for

  • viewport-height and viewport-size
  • banner height

a bannersize isse would occur if at leasts one pixel of the search bar is being pushed out of the viewport. that would be smallest impact for the usability.

kai.nissen moved this task from Heap to Incubation on the WMDE-FUN-Funban-2019 board.