summaryrefslogtreecommitdiffstats
path: root/browser/components/newtab/content-src/asrouter/docs/index.rst
blob: 58241ef0d70837b53bfaf88cee819f96cc71b017 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
================
Messaging System
================

Vision
------
Firefox must be an opinionated user agent that keeps folks safe, informed and
effective while browsing the Web. In order to have an opinion, Firefox must
have a voice.

That voice will **respect the user’s attention** while surfacing contextually
relevant and timely information tailored to their individual needs and choices.

What does Messaging System support?
-----------------------------------
There are several key windows of opportunity, such as the first-run activation
phase or coordinated feature releases, where Firefox engages with users.

The Firefox Messaging System supports this engagement by targeting messages
exactly to the users who need to see them and enables the development of new
user messages that can be easily tested and deployed. It offers standard
mechanisms to measure user engagement and to perform user messaging experiments
with reduced effort across engineering teams and a faster delivery cycle from
ideation to analysis of results.

This translates to **users seeing fewer and more relevant in-product
messages**, while supporting fast delivery, experimentation, and protection of
our users time and attention.

Messaging System Overview
-------------------------
At the core of the Firefox Messaging System is the Messaging System Router
(called ASRouter for historical reasons). The router is a generalized Firefox
component and set of conventions that provides:

* Flexible and configurable routing of local or remote Messages to UI
  Templates. This allows new message campaigns to be started and controlled
  on or off-trains
* Traffic Cop message sequencing and intermediation to prevent multiple
  messages being concurrently shown
* Programmable message targeting language to show the right message to the
  right user at the right time
* A template library of reusable Message and Notification UIs
* Full compatibility with Normandy pref-flip experiments
* Generalized and privacy conscious event telemetry
* Flexible Frequency Capping to mitigate user message fatigue
* Localized off train Messages
* Powerful development/debugging/QA tools on about:newtab#devtools

Message Routing
---------------
.. image:: ./message-routing-overview.png
    :align: center
    :alt: Message Routing Overview

The Firefox Messaging System implements a separation-of-concerns pattern for
Messages, UI Templates, and Timing/Targeting mechanisms. This allows us to
maintain a high standard of security and quality while still allowing for
maximum flexibility around content creation.


UI Templates
------------
We have built a library of reusable Notification and Message interfaces which
land in the Firefox codebase and ride the trains. These templates have a
defined schema according to the available design components (e.g. titles, text,
icons) and access to a set of enhanced user actions such as triggering URLs,
launching menus, or installing addons, which can be attached to interactive
elements (such as buttons).

Current templates include\:

* Moments Page - appears on start-up as a full content page
* Contextual Feature Recommendation - highlighted word in the Location Bar
  that, if clicked, drops down a panel with information about a feature
  relevant to that user at that time
* About Welcome - shown on startup for new users in about:welcome content page
* Snippets - short messages that appear on New Tab Page to highlight products,
  features and initiatives
* Infobars - Shown at the top of browser content area these can be per tab
  (switching tabs hides it) or global (persistent across tabs)
* Spotlight - This is a window level modal, all other interactions are prevented,
  the user is given a primary and a secondary button to interact with the modal.
* PrivateBrowsing - Message shown inside about:PrivateBrowsing content page

Detailed Docs
-------------

* Read more about `trigger listeners and user action schemas`__.

.. __: /toolkit/components/messaging-system/docs

.. In theory, we ought to be able to use the :glob: directive here to
.. automatically generate the list below. For unknown reasons, however,
.. `mach doc` _sometimes_ gets confused and refuses to find patterns like
.. `*.md`.
.. toctree::
  :maxdepth: 2

  simple-cfr-template
  debugging-docs
  first-run
  targeting-attributes
  targeting-guide