67 lines
2.9 KiB
HTML
67 lines
2.9 KiB
HTML
<section class="card">
|
|
<div class="card-head split">
|
|
<div>
|
|
<h2 class="card-title" data-icon="people" data-icon-tone="info">Journey health</h2>
|
|
<p class="card-note">Server-derived foreground visits, completion and interruption.
|
|
Search text, content titles and setting values are never stored.</p>
|
|
</div>
|
|
<div class="row bottom">
|
|
<label class="field narrow"><span>Window</span>
|
|
<select id="journeys-days">
|
|
<option value="1">24 hours</option><option value="7">7 days</option>
|
|
<option value="30" selected>30 days</option><option value="90">90 days</option>
|
|
</select></label>
|
|
<label class="field narrow"><span>User</span>
|
|
<select id="journeys-user"><option value="">All users</option></select></label>
|
|
</div>
|
|
</div>
|
|
<div class="tiles" id="journeys-tiles"></div>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<div class="card-head"><div>
|
|
<h2 class="card-title" data-icon="pulse" data-icon-tone="data">Feature use</h2>
|
|
<p class="card-note">Rare and unused features are shown against Memby's major feature catalogue.</p>
|
|
</div></div>
|
|
<div class="table-wrap"><table>
|
|
<thead><tr><th>Feature</th><th class="num">Uses</th><th>Last used</th><th>Status</th></tr></thead>
|
|
<tbody id="journeys-features"></tbody>
|
|
</table></div>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<div class="card-head"><div>
|
|
<h2 class="card-title" data-icon="chart" data-icon-tone="info">Significant actions</h2>
|
|
<p class="card-note">Actions are counted by event and by distinct journey, so repeated use
|
|
inside one visit remains visible without looking like more visits.</p>
|
|
</div></div>
|
|
<div class="table-wrap"><table>
|
|
<thead><tr><th>Category</th><th>Action</th><th class="num">Events</th><th class="num">Journeys</th></tr></thead>
|
|
<tbody id="journeys-actions"></tbody>
|
|
</table></div>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<div class="card-head"><div>
|
|
<h2 class="card-title" data-icon="list" data-icon-tone="note">Common paths</h2>
|
|
<p class="card-note">Repeated transitions reveal routes into playback and places viewers
|
|
commonly leave a flow. A quiet unfinished journey becomes abandoned after 30 minutes.</p>
|
|
</div></div>
|
|
<div class="table-wrap"><table>
|
|
<thead><tr><th>From</th><th>To</th><th class="num">Times</th></tr></thead>
|
|
<tbody id="journeys-paths"></tbody>
|
|
</table></div>
|
|
</section>
|
|
|
|
<section class="card" id="journeys-events-card" hidden>
|
|
<div class="card-head"><div>
|
|
<h2 class="card-title" data-icon="clock" data-icon-tone="info">Chronological journeys</h2>
|
|
<p class="card-note">Choose one user to inspect visits. Newest visits appear first;
|
|
actions within each visit run from start to finish.</p>
|
|
</div></div>
|
|
<div class="table-wrap"><table>
|
|
<thead><tr><th>Time</th><th>Journey</th><th>Action</th><th>Screen / path</th><th>Feature</th><th>Content reference</th><th>Outcome</th></tr></thead>
|
|
<tbody id="journeys-events"></tbody>
|
|
</table></div>
|
|
</section>
|