Heap does not support wildcards (*) in CSS selectors added to the inclusion or exclusion lists.
Substring Semantics
The inclusion and exclusion lists follow substring semantics, so all URLs containing the entered text will be included/excluded.
For example, capturing replay from URLs that contain foo
will include example.com/foo/path1
, example.com/foo/path2
, and example.com/food
.
However, all standard CSS selectors are recognized so you may be able to use the ^, $ and * attribute selectors to achieve the same functionality. For example:
a[class^="patient_name"]
Selects every <a> element whose class attribute value begins with “patient_name”a[class$="diagnonsis"]
Selects every <a> element whose class attribute value ends with “diagnosis”a[class*="medication_list"]
Selects every <a> element whose class attribute value contains the substring “medication_list”
This may be necessary for customers using a React styling library. See React Styling Libraries & DOM Minification, for ways to automatically generate semantically useful class names when using a React styling library.
Need help? Please post in Community or contact us via the Get support page in Heap.