Day-1 - Product Awareness & Engagement
User Story
As ABP I would like to increase the awareness & engagement of users who used the product for 1 day so they understand how ABP improve their web experience and avoid uninstalling it
Design
https://eyeogmbh.invisionapp.com/share/VCSAJMYWFMB#/screens
Spec
eyeo/specs/spec!277
Further information
Redirects have been requested in hub#25015 (internal).
Hints for testers
- There's a slight chance that the bubble UI screenshot in the landing page is not being resized correctly in older versions of Chrome (up to 50), and Firefox (up to 54) because we can't reliably determine when it's done loading.
- The tab title of the landing page is the same one as the message in its content (i.e. "Adblock Plus blocked
ads
ads [...]") and shouldn't contain any HTML tags. - The number of blocked ads in the message should be localized (e.g. displaying
12000
as "12.000" in German and "12,000" in English) - The notification should not be shown to users that are upgrading from an older extension version.
- UI Nightlies don't yet include
Hints for translators
This change adds the day1.json file which contains the following new strings:
- day1_blockelement_description
- day1_blockelement_more
- day1_blockelement_title
- day1_community_contact
- day1_community_contact_subject
- day1_community_description_1
- day1_community_description_2
- day1_community_title
- day1_header_more
- day1_header_title
- notification_day1_message
- notification_day1_title
We're also reusing the string "firstRun_footer_copyright" so its description has been updated accordingly to reflect that.
Integration notes
- In metadata.chrome:
- Import the following files:
- day1.html
- day1.js
- popup-dummy.html
- popup-dummy.js
- skin/day1.css
- skin/popup-dummy.css
- skin/backgrounds/toolbar.svg
- skin/icons/day1/bug.svg
- skin/icons/day1/tower.svg
- skin/icons/day1/wave.svg
- Import new translations from locale/*/day1.json.
- Import the following files:
- Import
initDay1Notification()
function from adblockplusui/lib/day1Init.js but call it only for new users. - This change introduces a notification which is not shown if the "suppress_first_run_page" preference is set. Therefore we may want to indicate that in the description of the preference (e.g. by replacing "Whether to suppress the first run and updates page" with "Whether to suppress UIs that are shown on first run").
- Allow notifications to open day1.html (see eyeo/adblockplus/adblockpluschrome#34 (closed)). The current implementation includes the link
abp:day1
to indicate that. - Show notification as soon as it matches blocked count (see https://gitlab.com/eyeo/adblockplus/adblockpluscore/issues/42).