<% var d = locals.dash; var clUrl = projectId ? 'https://clarity.microsoft.com/projects/view/' + encodeURIComponent(projectId) + '/dashboard' : 'https://clarity.microsoft.com/'; var n1 = function (v) { return v == null ? '—' : (Math.round(v * 100) / 100).toLocaleString('en-US'); }; var pct = function (v) { return v == null ? '—' : (Math.round(v * 10) / 10) + '%'; }; var secs = function (v) { if (v == null) return '—'; v = Math.round(v); var m = Math.floor(v / 60), s = v % 60; return m ? m + 'm ' + s + 's' : s + 's'; }; var path = function (u) { try { var x = new URL(u); return decodeURIComponent(x.pathname + (x.search || '')) || '/'; } catch (e) { return u || ''; } }; var ov = (d && d.overview) || {}; var S = ov.sessions || 0; var share = function (n) { return S ? Math.round(n / S * 1000) / 10 : 0; }; var BEH = [ ['rageClicks', 'Rage clicks', 'Repeated fast clicks on one spot: something looked clickable and did not respond.'], ['deadClicks', 'Dead clicks', 'Clicks that did nothing.'], ['excessiveScroll', 'Excessive scrolling', 'Scrolling up and down more than reading needs: often a sign they cannot find something.'], ['quickbacks', 'Quick-backs', 'Visitors who opened a page and went straight back.'], ['scriptErrors', 'JavaScript errors', 'Sessions where a script error happened on the page.'], ['errorClicks', 'Error clicks', 'Clicks that triggered a script error.'] ]; var rate = function (k, v) { if (v == null) return ['flat', '—']; if (k === 'lcp') return v <= 2500 ? ['pos', 'good'] : v <= 4000 ? ['warn', 'needs improvement'] : ['neg', 'poor']; if (k === 'inp') return v <= 200 ? ['pos', 'good'] : v <= 500 ? ['warn', 'needs improvement'] : ['neg', 'poor']; if (k === 'cls') return v <= 0.1 ? ['pos', 'good'] : v <= 0.25 ? ['warn', 'needs improvement'] : ['neg', 'poor']; return v >= 90 ? ['pos', 'good'] : v >= 50 ? ['warn', 'needs improvement'] : ['neg', 'poor']; }; var failed = function (k) { return d && (d.failed || []).some(function (f) { return f.section === k; }); }; %>
SEO & Content / User Behavior
<% if (connected) { %>Heatmaps & recordings in Clarity ↗<% } %> <%- include('../partials/range-picker') %>

<%= title %>

<% if (!connected) { %>

Clarity is not connected for this account yet.

Your VOCTOS team connects it from your Clarity project. Ask on Messages.

<% } else if (locals.pending) { %>

Reading your Clarity data for <%= from %> to <%= to %>…

This takes about 15 seconds the first time. After that it is kept for 6 hours.

<% } else if (!d || !d.ok) { %>

Clarity did not answer for these dates.

<%= (d && d.failed && d.failed[0] && d.failed[0].error) || (d && d.reason) || 'Try again in a few minutes.' %>

<% } else { %>

<%= h.int(S) %> sessions from <%= h.int(ov.users) %> people between <%= d.from %> and <%= d.to %>.

From your Clarity dashboard<%= ov.botSessions ? ', ' + h.int(ov.botSessions) + ' bot sessions left out' : '' %>. Updated <%= h.time(d.at) %>.

<% if (locals.showStaff) { var iss = locals.issues || []; %>

Issues to look at

staff only · <%= iss.length ? iss.length + ' found for these dates' : 'nothing above the thresholds' %> · sent to the team monthly
<% if (!iss.length) { %>
Frustration signals, speed and errors are all within normal ranges for these dates.
<% } else { %>
<% iss.forEach(function (i) { %>
<%= i.level === 'high' ? 'serious' : 'check' %>
<%= i.title %>
<%= i.detail %>
<% }) %>
<% } %>
<% } %> <% var us = d.users || {}; var tu = (us.newSessions || 0) + (us.returningSessions || 0); %>
Sessions
<%= h.int(S) %>
<% if (tu) { %><%= Math.round(us.newSessions / tu * 100) %>% new · <%= Math.round(us.returningSessions / tu * 100) %>% returning<% } else { %><%= h.int(ov.users) %> unique users<% } %>
Pages per session
<%= n1(ov.pagesPerSession) %>
<%= h.int(ov.users) %> unique users
Scroll depth
<%= pct(ov.scrollDepth) %>
How far down the page, on average
Active time
<%= secs(ov.activeTime) %>
<%= ov.totalTime != null ? 'out of ' + secs(ov.totalTime) + ' on the site' : 'per session' %>
<% if ((d.daily || []).length > 1) { var mx = Math.max.apply(null, d.daily.map(function (t) { return t.sessions; })) || 1; %>

Sessions per day

<%= d.daily.length %> days
<% d.daily.forEach(function (t) { %>
<%= d.daily.length > 20 ? (t.day.slice(8) === '01' || t.day === d.daily[0].day ? t.day.slice(5) : '') : t.day.slice(8) %>
<% }) %>
<% } %>

Where visitors got stuck

share of sessions
<% var ins = d.insights || {}; BEH.forEach(function (b) { var v = ins[b[0]]; var p = share(v || 0); %>
<%= b[1] %><%= v == null ? '—' : pct(p) %>
<%= v == null ? 'not available' : h.int(v) + ' session' + (v === 1 ? '' : 's') %>
<% }) %>
<% var pf = d.performance || {}; var sc = rate('score', pf.score); %>

Site speed

<%= pf.pageViews ? 'from ' + h.int(pf.pageViews) + ' page views' : '' %>
<% if (pf.score == null) { %>
Clarity has no speed data for these dates.
<% } else { %>
<%= Math.round(pf.score) %>/ 100 performance score
<% if (pf.good != null) { %>
<%= pct(pf.good) %> good · <%= pct(pf.needsImprovement) %> needs improvement · <%= pct(pf.poor) %> poor
<% } %>
<% [['lcp', 'LCP', 'Largest Contentful Paint', pf.lcp != null ? (Math.round(pf.lcp / 100) / 10) + 's' : '—'], ['inp', 'INP', 'Interaction to Next Paint', pf.inp != null ? Math.round(pf.inp) + 'ms' : '—'], ['cls', 'CLS', 'Cumulative Layout Shift', pf.cls != null ? (Math.round(pf.cls * 100) / 100) : '—']].forEach(function (x) { var r = rate(x[0], pf[x[0]]); %>
<%= x[3] %>
<%= x[1] %>
<%= x[2] %>
<%= r[1] %>
<% }) %>
<% } %>
<% var cards = [ ['channels', 'Channels'], ['sources', 'Sources'], ['referrers', 'Referrers'], ['countries', 'Countries'], ['devices', 'Devices'], ['browsers', 'Browsers'], ['os', 'Operating systems'], ['events', 'Smart events'], ['campaigns', 'Campaigns'] ]; %> <% cards.forEach(function (x) { var list = d[x[0]] || []; if (x[0] === 'campaigns' && !list.length) return; %>

<%= x[1] %>

<%= failed(x[0]) ? 'not available' : (x[0] === 'events' ? 'sessions' : 'share of sessions') %>
<% if (!list.length) { %><%= failed(x[0]) ? 'Clarity did not answer this one.' : 'Nothing recorded.' %><% } %> <% list.forEach(function (r) { var s = share(r.sessions); %>
<%= r.value %><%= h.int(r.sessions) %> · <%= s %>%
<% }) %>
<% }) %> <% [['entry', 'Entry pages', 'where sessions started'], ['exit', 'Exit pages', 'where sessions ended']].forEach(function (x) { var list = d[x[0]] || []; %>

<%= x[1] %>

<%= x[2] %>
<% if (!list.length) { %>Nothing recorded.<% } %> <% list.forEach(function (r) { var s = share(r.sessions); %>
<%= path(r.value) %><%= h.int(r.sessions) %> · <%= s %>%
<% }) %>
<% }) %>

Pages

<%= (d.pages || []).length %> pages by sessions · counts are sessions that had the problem on that page
<% if (!(d.pages || []).length) { %>
<%= failed('pages') ? 'Clarity did not answer this one.' : 'Nothing recorded.' %>
<% } else { %>
<% d.pages.forEach(function (p) { %> <% ['deadClicks', 'rageClicks', 'quickbacks', 'excessiveScroll'].forEach(function (k) { %><% }) %> <% }) %>
PageSessionsScroll depthActive timeDead clicksRage clicksQuick-backsExcessive scroll
<%= path(p.value) %> <%= h.int(p.sessions) %> <%= pct(p.scrollDepth) %> <%= secs(p.activeTime) %><%= h.int(p[k] || 0) %>
<% } %>

JavaScript errors

<%= (d.errors || []).length ? '' : 'none' %>
<% if (!(d.errors || []).length) { %><%= failed('errors') ? 'Clarity did not answer this one.' : 'No script errors recorded.' %><% } else { %> <% d.errors.forEach(function (e) { %><% }) %>
ErrorTimesSessions
<%= e.message %><%= h.int(e.count) %><%= h.int(e.sessions) %>
<% } %>
<% if ((d.failed || []).length) { %>

Not available this time: <%= d.failed.map(function (f) { return f.section; }).join(', ') %>.

<% } %> <% } %>