Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

User engagement section #1401

Draft
wants to merge 15 commits into
base: develop
Choose a base branch
from
Draft

User engagement section #1401

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
de02ade
[Feature] Add download file extensions chart
levinmr Sep 11, 2024
aee1ded
[Feature] Add users with file downloads section
levinmr Sep 11, 2024
179bf18
[Feature] Add total file downloads component
levinmr Sep 12, 2024
6342dfa
[Feature] Add total users and total page views
levinmr Sep 12, 2024
ad71f46
Add definitions links to new chart/report headers
levinmr Sep 12, 2024
221fc4f
WIP: moving around engagment section
levinmr Sep 19, 2024
e74f9a8
finish reorganizing sections
levinmr Sep 24, 2024
c48f8cd
Add user engagement section description
levinmr Sep 24, 2024
1f675c8
Add POC pie chart for users with downloads
levinmr Sep 25, 2024
8db6654
Add pie chart with key
levinmr Sep 30, 2024
838392a
fix mobile styling for pie chart
levinmr Sep 30, 2024
2f6f9da
Remove chart svg when window is resized so that it scales
levinmr Sep 30, 2024
13b8ceb
Add percentage to pie key labels
levinmr Sep 30, 2024
11c3ec5
Add user engagement events chart
levinmr Oct 1, 2024
519498a
squash
levinmr Oct 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
213 changes: 191 additions & 22 deletions _includes/analytics_definitions.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -317,6 +317,95 @@ <h3 id="report_realtime_top_pages" class="usa-accordion__heading">
</li>
</ul>
</div>

<h3 id="report_historical_total_views" class="usa-accordion__heading">
<button
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="report-descriptions__section10"
>
Total views (historical)
</button>
</h3>
<div
id="report-descriptions__section10"
class="usa-accordion__content usa-prose"
>
<ul>
<li>
Metrics:
<a href="#metric_screen_page_views">screen page views</a>
</li>
<li>
Description: the number of mobile app screens or web pages users
saw in the last 30 days. Repeated views of a single screen or
page are counted.
</li>
</ul>
</div>

<h3 id="report_historical_total_users" class="usa-accordion__heading">
<button
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="report-descriptions__section11"
>
Total users (historical)
</button>
</h3>
<div
id="report-descriptions__section11"
class="usa-accordion__content usa-prose"
>
<ul>
<li>
Metrics:
<a href="#metric_total_users">total users</a>
</li>
<li>
Description: the number of unique users who logged an event on a
website or app screen in the last 30 days.
</li>
</ul>
</div>

<h3
id="report_historical_file_downloads"
class="usa-accordion__heading"
>
<button
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="report-descriptions__section12"
>
File downloads (historical)
</button>
</h3>
<div
id="report-descriptions__section12"
class="usa-accordion__content usa-prose"
>
<ul>
<li>
Metrics:
<a href="#metric_event_count">event_count</a>,
<a href="#metric_total_users">total users</a>
</li>
<li>
Dimensions:
<a href="#dimension_file_download">file download</a>,
<a href="#dimension_file_extension">file_extension</a>
</li>
<li>
Description: the number of file download events, number of users
who initiated file download events, and top downloaded file
extensions in the last 30 days.
</li>
</ul>
</div>
</div>
</div>

Expand Down Expand Up @@ -510,19 +599,59 @@ <h4 id="dimension_event_name" class="usa-accordion__heading">
</span>
</div>

<h4 id="dimension_file_name" class="usa-accordion__heading">
<h4 id="dimension_file_download" class="usa-accordion__heading">
<button
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="dimensions__section9"
>
File name
File download
</button>
</h4>
<div
id="dimensions__section9"
class="usa-accordion__content usa-prose"
>
<span>
A user interaction event where the
<a href="#dimension_event_name">event name</a> matches a file
download event.
</span>
</div>

<h4 id="dimension_file_extension" class="usa-accordion__heading">
<button
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="dimensions__section10"
>
File extension
</button>
</h4>
<div
id="dimensions__section10"
class="usa-accordion__content usa-prose"
>
<span>
The file extension for a file download (for example 'pdf').
</span>
</div>

<h4 id="dimension_file_name" class="usa-accordion__heading">
<button
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="dimensions__section11"
>
File name
</button>
</h4>
<div
id="dimensions__section11"
class="usa-accordion__content usa-prose"
>
<span>
The page path of a file download (for example,
Expand All @@ -535,13 +664,13 @@ <h4 id="dimension_host_name" class="usa-accordion__heading">
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="dimensions__section10"
aria-controls="dimensions__section12"
>
Host name
</button>
</h4>
<div
id="dimensions__section10"
id="dimensions__section12"
class="usa-accordion__content usa-prose"
>
<span>
Expand All @@ -556,13 +685,13 @@ <h4 id="dimension_language" class="usa-accordion__heading">
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="dimensions__section11"
aria-controls="dimensions__section13"
>
Language
</button>
</h4>
<div
id="dimensions__section11"
id="dimensions__section13"
class="usa-accordion__content usa-prose"
>
<span>
Expand All @@ -575,13 +704,13 @@ <h4 id="dimension_link_url" class="usa-accordion__heading">
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="dimensions__section12"
aria-controls="dimensions__section14"
>
Link URL
</button>
</h4>
<div
id="dimensions__section12"
id="dimensions__section14"
class="usa-accordion__content usa-prose"
>
<span>
Expand All @@ -594,13 +723,13 @@ <h4 id="dimension_operating_system" class="usa-accordion__heading">
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="dimensions__section13"
aria-controls="dimensions__section15"
>
Operating system
</button>
</h4>
<div
id="dimensions__section13"
id="dimensions__section15"
class="usa-accordion__content usa-prose"
>
<span>
Expand All @@ -615,13 +744,13 @@ <h4 id="dimension_page_title" class="usa-accordion__heading">
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="dimensions__section14"
aria-controls="dimensions__section16"
>
Page title
</button>
</h4>
<div
id="dimensions__section14"
id="dimensions__section16"
class="usa-accordion__content usa-prose"
>
<span>
Expand All @@ -637,13 +766,13 @@ <h4 id="dimension_screen_name" class="usa-accordion__heading">
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="dimensions__section15"
aria-controls="dimensions__section17"
>
Screen name
</button>
</h4>
<div
id="dimensions__section15"
id="dimensions__section17"
class="usa-accordion__content usa-prose"
>
<span>
Expand All @@ -656,13 +785,13 @@ <h4 id="dimension_screen_resolution" class="usa-accordion__heading">
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="dimensions__section16"
aria-controls="dimensions__section18"
>
Screen resolution
</button>
</h4>
<div
id="dimensions__section16"
id="dimensions__section18"
class="usa-accordion__content usa-prose"
>
<span>
Expand All @@ -676,13 +805,13 @@ <h4 id="dimension_source_medium" class="usa-accordion__heading">
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="dimensions__section17"
aria-controls="dimensions__section19"
>
Source medium
</button>
</h4>
<div
id="dimensions__section17"
id="dimensions__section19"
class="usa-accordion__content usa-prose"
>
<span>
Expand Down Expand Up @@ -723,8 +852,8 @@ <h4 id="metric_active_users" class="usa-accordion__heading">
class="usa-accordion__content usa-prose"
>
<span>
The number of unique users who visited websites or applications
within a specified date range.
The number of unique users who engaged with websites or
applications within a specified date range.
</span>
</div>

Expand Down Expand Up @@ -805,26 +934,66 @@ <h4 id="metric_event_count" class="usa-accordion__heading">
<span> The number of times users triggered an event. </span>
</div>

<h4 id="metric_sessions" class="usa-accordion__heading">
<h4 id="metric_screen_page_views" class="usa-accordion__heading">
<button
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="metrics__section6"
>
Sessions
Screen page views
</button>
</h4>
<div
id="metrics__section6"
class="usa-accordion__content usa-prose"
>
<span>
The number of app screens or web pages viewed by users. Repeated
views of a single page or screen are counted.
</span>
</div>

<h4 id="metric_sessions" class="usa-accordion__heading">
<button
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="metrics__section7"
>
Sessions
</button>
</h4>
<div
id="metrics__section7"
class="usa-accordion__content usa-prose"
>
<span>
The number of sessions that began on websites or applications. A
session is a period of time during which a user interacts with a
website or app.
</span>
</div>

<h4 id="metric_total_users" class="usa-accordion__heading">
<button
type="button"
class="usa-accordion__button"
aria-expanded="false"
aria-controls="metrics__section8"
>
Total users
</button>
</h4>
<div
id="metrics__section8"
class="usa-accordion__content usa-prose"
>
<span>
The number of unique users who visited websites or applications
within a specified date range.
</span>
</div>
</div>
</div>
</div>
Expand Down
31 changes: 31 additions & 0 deletions ga4-data/live/page-views-30-days.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
{
"name": "page-views-30-days",
"agency": null,
"sampling": [],
"query": {
"metrics": [
{
"name": "screenPageViews"
}
],
"dateRanges": [
{
"endDate": "yesterday",
"startDate": "30daysAgo"
}
],
"limit": "10000",
"property": "properties/397708109"
},
"meta": {
"name": "Total page views",
"description": "Total app screens or web pages viewed for all sites in the last 30 days."
},
"data": [
{
"pageviews": "4448485708"
}
],
"totals": {},
"taken_at": "2024-09-12T19:21:11.521Z"
}
Loading