finding the pulse of your website
TRANSCRIPT
Finding the Pulse of your Website
Joe Zeoli - Lead Developer
The Background
+
The Research
The VariationsAsystole
The VariationsBradycardia
The VariationsNormal
The VariationsTachycardia
The Libraries
Google Analytics Realtime-Reporting API (beta)
1. Set-up a developer account2. Authorize3. Query4. Get the heartbeat
https://developers.google.com/analytics/devguides/reporting/realtime/v3/
Google Analytics Realtime-Reporting API (beta)
1. Set-up a developer account2. Authorize (gapi.auth.authorize) 3. Query4. Get the heartbeat
https://developers.google.com/analytics/devguides/reporting/core/v4/quickstart/web-js
Google Analytics Realtime-Reporting API (beta)
1. Set-up a developer account2. Authorize (gapi.auth.authorize) 3. Query4. Get the heartbeat
https://developers.google.com/analytics/devguides/reporting/realtime/dimsmets/
ACTIVEUSERS
GOALCONVERSIONS
rt:activeUsers rt:goalCompletionsAll
Google Analytics Realtime-Reporting API (beta)
1. Set-up a developer account2. Authorize (gapi.auth.authorize) 3. Query4. Get the heartbeat
https://developers.google.com/analytics/devguides/reporting/realtime/dimsmets/
Google Analytics Realtime-Reporting API (beta)
1. Set-up a developer account2. Authorize (gapi.auth.authorize) 3. Query4. Get the heartbeat
The Cycle
Get Data
Save changein history
Get heartbeattype
Redrawthe line
The Line Graph with D3
● Set the dimensions of the canvas
● Set the ranges
● Define the line
● Add the SVG to the canvas
● Get the data
● Scale the range of the data
The Line Graph with D3
The Beats
The Demo (20nine.com)
The Future
● BPMs based on inputs
○ Padding the middle
● Irregular heartbeats
○ Example: high bounce rate causing an arrhythmia
● Machine Learning
○ Using past data to determine the site performance