78 lines
3.2 KiB
HTML
78 lines
3.2 KiB
HTML
<section class="card">
|
|
<div class="card-head split">
|
|
<div>
|
|
<h2 class="card-title" data-icon="chart" data-icon-tone="info">Launcher rows</h2>
|
|
<p class="card-note">Impressions are rows drawn, focuses are rows the D-pad reached,
|
|
and dwell is how long it stayed there. Open rate is what a row was worth.</p>
|
|
</div>
|
|
<label class="field narrow"><span>Window</span>
|
|
<select id="engagement-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>
|
|
</div>
|
|
<div class="table-wrap">
|
|
<table>
|
|
<thead><tr>
|
|
<th>Row</th><th>Kind</th>
|
|
<th class="num">Dwell</th><th class="num">Impressions</th>
|
|
<th class="num">Focuses</th><th class="num">Opened</th>
|
|
<th class="num">Open rate</th><th class="num">Viewers</th>
|
|
</tr></thead>
|
|
<tbody id="engagement-rows"></tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<div class="card-head split">
|
|
<div>
|
|
<h2 class="card-title" data-icon="people" data-icon-tone="info">User journeys</h2>
|
|
<p class="card-note">Choose an Emby profile to review feature use, common paths and
|
|
significant actions in time order. Search text, content titles and setting values
|
|
are not stored in journey analytics.</p>
|
|
</div>
|
|
<label class="field narrow"><span>User</span>
|
|
<select id="engagement-user"><option value="">Choose a user</option></select></label>
|
|
</div>
|
|
<div class="tiles" id="engagement-user-tiles"></div>
|
|
</section>
|
|
|
|
<section class="card" id="engagement-feature-card" hidden>
|
|
<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 explicitly 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="engagement-features"></tbody>
|
|
</table></div>
|
|
</section>
|
|
|
|
<section class="card" id="engagement-path-card" hidden>
|
|
<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 a
|
|
viewer commonly leaves a flow.</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="engagement-paths"></tbody>
|
|
</table></div>
|
|
</section>
|
|
|
|
<section class="card" id="engagement-journey-card" hidden>
|
|
<div class="card-head"><div>
|
|
<h2 class="card-title" data-icon="clock" data-icon-tone="info">Chronological journey</h2>
|
|
<p class="card-note">Newest journeys first; actions within each journey run from start
|
|
to finish. A journey without an end event indicates an interruption or abandonment.</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="engagement-events"></tbody>
|
|
</table></div>
|
|
</section>
|