Page MenuHomePhabricator

🎬️ mobile-de-04 | Maybe later | ⏰ Nov 3rd
Closed, ResolvedPublic13 Estimated Story Points

Description

We want to test the effect of the "donate later" functionality in mobile banners. The banners are based on the control banner of mobile-de-03.

Acceptance Criteria

  • Both banners show a progress bar.
  • The variant banner is changed as shown in the design file.
  • Clicking on the "Vielleicht später" element collapses the banner and shows the micro banner at the top.
  • On the next banner impression, only the orange micro banner is displayed.
  • Clicking on the orange micro banner expands the full banner containing the banner form.
  • Clicking on the "Vielleicht später" element
    • collapses the banner and shows the orange micro banner at the top.
    • is logged using the schema WMDEBannerSizeIssue and passing the viewport dimensions.
    • initially shows the collapsed banner on the next banner impression.
  • Clicking on "Jetzt unterstützen" in the small version
    • show the expanded banner containing the form.
    • logs the banner expansion using the schema WMDEBannerSizeIssue and passing the viewport dimensions.
    • initially shows the collapsed banner on the next page/banner load.
  • Clicking on the grey X icon closes the banner completely and prevents banner display for the usual amount of time.
  • Banner screenshots are uploaded to Shutterbug.
ElementCopy
Slide #1Unser Spendenziel: 9,2 Millionen Euro (+ progress bar)
Slide #2An alle, die Wikipedia in Deutschland nutzen: Zum ordinal impression count Mal seit langem möchten wir Sie an diesem day of the week bescheiden darum bitten, die Unabhängigkeit von Wikipedia zu sichern.
Slide #3Vielleicht kommen wir gerade ungelegen, aber dennoch: Klicken Sie jetzt bitte nicht weg! campaign day sentence
Slide #4Insgesamt spenden 99% nichts - sie übergehen diesen Aufruf. Schon mit einer Spende von 5 € kann Wikipedia sich auch in Zukunft erfolgreich entwickeln.
Slide #5visitor vs donor sentence Wikipedia wird durch Spenden von durchschnittlich 21,60 € finanziert.
Slide #6Hat Wikipedia Ihnen in diesem Jahr Wissen im Wert einer Tasse Kaffee geschenkt? Dann nehmen Sie sich doch bitte eine Minute Zeit und geben Sie etwas zurück. Vielen Dank.
Expanded banner headlineAn alle, die Wikipedia in Deutschland nutzen
Expanded banner paragraph 1Vielleicht kommen wir gerade ungelegen, aber dennoch: Klicken Sie jetzt bitte nicht weg! campaign day sentene
Expanded banner paragraph 2Zum ordinal impression count Mal seit langem möchten wir Sie an diesem day of the week bescheiden darum bitten, die Unabhängigkeit von Wikipedia zu sichern. Insgesamt spenden 99% nichts - sie übergehen diesen Aufruf. Sollten Sie zu dem kleinen Kreis gehören, die bereits gespendet haben, danken wir Ihnen sehr herzlich. Wikipedia wird durch Spenden von durchschnittlich 21,60 € finanziert. Schon mit einer Spende von 5 € kann Wikipedia sich auch in Zukunft erfolgreich entwickeln. visitors vs donor sentence Die meisten Menschen spenden, weil sie Wikipedia nützlich finden. Hat Wikipedia Ihnen in diesem Jahr Wissen im Wert einer Tasse Kaffee geschenkt? Dann nehmen Sie sich doch bitte eine Minute Zeit und geben Sie etwas zurück. Vielen Dank.

Implementation Notes

  • Banner transition is already done for mini to large banner, can be used for micro to large, too.

Event Timeline

kai.nissen set the point value for this task to 13.
kai.nissen moved this task from Backlog to Sprint ready on the WMDE-Fundraising-Tech board.

Looking good!

2 small things:

  • both banners are missing the dots for slide navigation
  • VAR is quite a bit bigger due to the extra line for "vielleicht später" and the X --> can we adjust CTRL to have the same extra line and X design without the "vielleicht später"-option?

The banner copy was missing here, too. Changed the task description accordingly.

I tested the event logging and found some issues:

General

Variant banner

  • The minimized* and maximised* events should use the schema WMDEBannerSizeIssue.
  • When maximizing the micro banner, two events are fired: maximised and mobile-mini-banner-expanded. Only the maximized one should be triggered.
  • When displaying the micro banner on page load, the event restored-to-minimised is not triggered.

Those fixes should be in now. (Apart from form submit, which I don't know why isn't working for you)

Looks good to me. Only the form submit events are still not triggered. I see one for each banner in the event tables, though. This only happens on Chrome.

two things:

  1. using the dev tools on FF the banner slides do not move automatically (maybe it is the tool on FF?)
  2. in the collapsed banner there is a useless comma
    image.png (58×219 px, 1 KB)
  1. using the dev tools on FF the banner slides do not move automatically (maybe it is the tool on FF?)

The automatic sliding also doesn't start on a real device.

some evbent handlers were broken. Should be fixed now.

@AbbanWMDE Uh, the ordinal impression count in the expanded banner is now lacking a dot.

@kai.nissen That fix is in now. If that's the last thing then lets go live?