From 6b6f331fd539b109d3335525792ab044d0808cdf Mon Sep 17 00:00:00 2001 From: adobabe Date: Tue, 6 Aug 2024 16:48:29 -0700 Subject: [PATCH] commit onto new branch --- docs/admin-preview.html | 4 +- docs/admin.html | 4 +- tools/oversight/charts/experimentsankey.js | 178 ++++++++++++++ tools/oversight/charts/sankey.js | 28 ++- tools/oversight/elements/facetsidebar.js | 10 +- tools/oversight/elements/list-facet.js | 44 ++-- .../oversight/elements/variant-list-facet.js | 131 ++++++++++ tools/oversight/experiments.html | 228 ++++++++++++++++++ tools/oversight/flow.html | 2 + tools/oversight/rum-slicer.css | 48 ++++ tools/oversight/slicer.js | 3 +- tools/oversight/utils.js | 1 + 12 files changed, 647 insertions(+), 34 deletions(-) create mode 100644 tools/oversight/charts/experimentsankey.js create mode 100644 tools/oversight/elements/variant-list-facet.js create mode 100644 tools/oversight/experiments.html diff --git a/docs/admin-preview.html b/docs/admin-preview.html index 0fd2dd6a..42348aea 100644 --- a/docs/admin-preview.html +++ b/docs/admin-preview.html @@ -141,11 +141,11 @@ 55.627 l 55.6165,55.627 -231.245496,231.24803 c -127.185,127.1864 -231.5279,231.248 -231.873,231.248 -0.3451,0 -104.688, -104.0616 -231.873,-231.248 z - " fill="currentColor">

AEM Admin API (Feature Preview) (11.74.3)

Download OpenAPI specification:Download

License: Apache 2.0

AEM Admin API (Feature Preview) (11.74.4)

Download OpenAPI specification:Download

License: Apache 2.0

AEM Admin API is used to manage the lifecycle of content and code.

+ + + + + + + + + + +
+
+
+
+
+
+ www.aem.live +
+ + +
+
+
+
    +
  • +

    Page views

    +

    0

    +
    • +
  • +

    Visits

    +

    0

    +
    • + +

    Conversions

    +

    0

    +     +
  • +

    LCP

    +

    0

    +
    • +
  • +

    CLS

    +

    0

    +
    • +
  • +

    INP

    +

    0

    +
    • +
+ +
+
+
+ +
+
+
+ + +
+
+
+ + + + Device Type and Operating System +
+
desktop
+
All Desktop
+
desktop:windows
+
Windows Desktop
+
desktop:mac
+
Mac Desktop
+
desktop:linux
+
Linux Desktop
+
desktop:chromeos
+
Chrome OS Desktop
+
mobile
+
All Mobile
+
mobile:android
+
Android Mobile
+
mobile:ios
+
iOS Mobile
+
mobile:ipados
+
iPad Mobile
+
bot
+
All Bots
+
bot:seo
+
SEO Bot
+
bot:search
+
Search Engine Crawler
+
bot:ads
+
Ad Bot
+
bot:social
+
Social Media Bot
+
+ + + URL + + + Checkpoints +
+
enter
+
Visit Entry
+
loadresource
+
Fragment Loaded
+
404
+
Not Found
+
viewblock
+
Block Viewed
+
viewmedia
+
Media Viewed
+
click
+
Clicked
+
error
+
JavaScript Error
+
paid
+
Marketing Campaigns
+
consent
+
Consent
+
navigate
+
Internal Navigation
+
experiment
+
Experiment
+
+ + + Traffic Source + + + Traffic Type + + + Entry Event + + + Load Type + + + Page Type + + + Experiment + + + Variant + + + Interaction + + + Click Target Type + + + Exit Link + + + Experience Quality + + + LCP Image + + + LCP Element + + +
+
+
+
+ + + + + \ No newline at end of file diff --git a/tools/oversight/flow.html b/tools/oversight/flow.html index c05cd245..a50f6ef9 100644 --- a/tools/oversight/flow.html +++ b/tools/oversight/flow.html @@ -167,6 +167,8 @@

TTFB

Consent
navigate
Internal Navigation
+
experiment
+
Experiment
diff --git a/tools/oversight/rum-slicer.css b/tools/oversight/rum-slicer.css index fdba6792..18358cac 100644 --- a/tools/oversight/rum-slicer.css +++ b/tools/oversight/rum-slicer.css @@ -226,6 +226,54 @@ main .key-metrics #inp number-format[trend="falling"] { display: none; } +.stat-bar-container { + margin-bottom: 10px; + height: 40px; + width: 340px; + border: 1px solid #000; + border-radius: 16px; + overflow: hidden; + background-color: #e0e0e0; + position: relative; +} + +.stat-bar-container.winner { + border-color: var(--dark-green); +} + +.stat-bar-container.loser { + border-color: var(--dark-red); +} + +.stat-bar-container.significant { + border-width: 3px; +} + +.stat-bar-fill { + position: absolute; + height: 100%; + background-color: lightgray; + border-right: 2px solid gray; +} + +.stat-bar-fill.winner { + background-color: var(--light-green); +} + +.stat-bar-fill.loser { + background-color: var(--light-red); +} + +.stat-bar-text { + position: absolute; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + color: #000; +} + /* conversions custom element */ conversion-tracker { diff --git a/tools/oversight/slicer.js b/tools/oversight/slicer.js index 36dbb957..20037b46 100644 --- a/tools/oversight/slicer.js +++ b/tools/oversight/slicer.js @@ -322,7 +322,8 @@ export async function draw() { updateKeyMetrics(); const mode = params.get('metrics'); - elems.sidebar.updateFacets(mode); + const contenttype = params.get('contenttype'); + elems.sidebar.updateFacets(mode, contenttype); // eslint-disable-next-line no-console console.log(`full ui updated in ${new Date() - startTime}ms`); diff --git a/tools/oversight/utils.js b/tools/oversight/utils.js index 0d1f178f..17af1ea0 100644 --- a/tools/oversight/utils.js +++ b/tools/oversight/utils.js @@ -20,6 +20,7 @@ export function isKnownFacet(key) { || key === 'pagetype' || key === 'loadtype' || key === 'contenttype' + || key === 'variant' || key === 'interaction' || key === 'clicktarget' || key === 'exit'