Skip to content

Commit 5856f4d

Browse files
committed
reorganizing content and adding section for monitoring & logging differences
1 parent b00ca45 commit 5856f4d

40 files changed

+150
-433
lines changed

about-author.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -353,9 +353,9 @@ <h3 class="panel-head">Table of Contents</h3>
353353
<a href="/application-programming-interfaces.html" class="list-group-item smaller-item ">Application Programming Interfaces</a>
354354
<a href="/api-integration.html" class="list-group-item smaller-item ">API Integration</a>
355355
<a href="/api-creation.html" class="list-group-item smaller-item ">API Creation</a>
356-
<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>
357356
<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>
358357
<a href="/monitoring.html" class="list-group-item smaller-item ">Monitoring</a>
358+
<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>
359359
<a href="/web-application-security.html" class="list-group-item smaller-item ">Web Application Security</a>
360360
<a href="/best-python-resources.html" class="list-group-item smaller-item ">Best Python Resources</a>
361361
<a href="/about-author.html" class="list-group-item smaller-item active">About the Author</a>

all.html

Lines changed: 113 additions & 113 deletions
Original file line numberDiff line numberDiff line change
@@ -2885,119 +2885,6 @@ <h2>API creation learning checklist</h2>
28852885
Figure out other use cases and expand based on what you learned with the
28862886
initial API use case.</p>
28872887
<h3>What's next after building an API for your web app?</h3>
2888-
<h1>Web analytics</h1>
2889-
<p>Web analytics involves collecting, processing, visualizing web data to enable
2890-
critical thinking about how users interact with a web application.</p>
2891-
<h2>Why is web analytics important?</h2>
2892-
<p>User clients, especially web browsers, generate significant data while users
2893-
read and interact with webpages. The data provides insight into
2894-
how visitors use the site and why they stay or leave. The key concept to
2895-
analytics is <em>learning</em> about your users so you can improve your web
2896-
application to better suit their needs. </p>
2897-
<h2>Web analytics concepts</h2>
2898-
<p>It's easy to get overwhelmed at both the number of analytics services and
2899-
the numerous types of data points collected. Focus on just a handful of
2900-
metrics when you're just starting out. As your application scales and you
2901-
understand more about your users add additional analytics services
2902-
to gain further insight into their behavior with advanced visualizations such
2903-
as heatmaps and action funnels. The
2904-
<a href="http://spenczar.com/posts/2013/Sep/07/seven-stages-analytics-grief/">seven stages of startup analytics grief</a>
2905-
post is an amusing read and provides context for how to begin and then grow
2906-
tracked metrics over time.</p>
2907-
<h3>User funnels</h3>
2908-
<p>If your application is
2909-
selling a product or service you can ultimately build a
2910-
<a href="http://moz.com/blog/building-your-marketing-funnel-with-google-analytics">user funnel</a> (often called "sales funnel" prior to a user becoming a customer)
2911-
to better understand why people buy or don't buy what you're selling. With
2912-
a funnel you can visualize drop-off points where visitors leave your
2913-
application before taking some action, such as purchasing your service.</p>
2914-
<h2>Open source web analytics projects</h2>
2915-
<ul>
2916-
<li>
2917-
<p><a href="http://piwik.org/">Piwik</a> is a web analytics platform you can host yourself.
2918-
Piwik is a solid choice if you cannot use Google Analytics or want to
2919-
customize your own web analytics platform.</p>
2920-
</li>
2921-
<li>
2922-
<p><a href="http://www.openwebanalytics.com/">Open Web Analytics</a> is another
2923-
self-hosted platform that integrates through a JavaScript snippet that
2924-
tracks users' interactions with the webpage.</p>
2925-
</li>
2926-
</ul>
2927-
<h2>Hosted web analytics services</h2>
2928-
<ul>
2929-
<li>
2930-
<p><a href="http://www.google.com/analytics/">Google Analytics</a> is a widely used
2931-
free analytics tool for website traffic.</p>
2932-
</li>
2933-
<li>
2934-
<p><a href="https://mixpanel.com/">MixPanel</a>'s analytics platform focuses on mobile
2935-
and sales funnel metrics. A developer builds what data points need to be
2936-
collected into the server side or client side code. MixPanel captures that
2937-
data and provides metrics and visualizations based on the data.</p>
2938-
</li>
2939-
<li>
2940-
<p><a href="https://www.kissmetrics.com/">KISSmetrics</a>' analytics provides context
2941-
for who is visiting a website and what actions they are taking while on
2942-
the site.</p>
2943-
</li>
2944-
<li>
2945-
<p><a href="https://heapanalytics.com/">Heap</a> is a recently founded analytics service
2946-
with a free introductory tier to get started.</p>
2947-
</li>
2948-
<li>
2949-
<p><a href="http://www.crazyegg.com/">CrazyEgg</a> is tool for understanding a
2950-
user's focus while using a website based on heatmaps generated from mouse
2951-
movements. </p>
2952-
</li>
2953-
</ul>
2954-
<h2>Web analytics resources</h2>
2955-
<ul>
2956-
<li>
2957-
<p><a href="http://blog.arkency.com/2012/12/google-analytics-for-developers/">Google Analytics for Developers</a> </p>
2958-
</li>
2959-
<li>
2960-
<p><a href="http://blog.yhathq.com/posts/pandas-google-analytics.html">Pandas and Google Analytics</a>
2961-
shows how to use pandas for data analysis with Google Analytics' API to
2962-
perform calculations not available in the tool itself.</p>
2963-
</li>
2964-
<li>
2965-
<p>This beginner's guide to
2966-
<a href="http://www.seotakeaways.com/beginners-guide-maths-stats-web-analytics/">math and stats behind web analytics</a>
2967-
provides some context for understanding and reasoning about web traffic. </p>
2968-
</li>
2969-
<li>
2970-
<p>This post provides context for determining if a given metric is
2971-
<a href="http://fizzle.co/sparkline/vanity-vs-actionable-metrics">"vanity" or actionable</a>.</p>
2972-
</li>
2973-
<li>
2974-
<p>Read this post on <a href="http://www.bayesianwitch.com/blog/2013/howyouranalyticswork.html">how your analytics software actually works</a>
2975-
to get a better understanding of what's going on behind the scenes from
2976-
a technical perspective.</p>
2977-
</li>
2978-
<li>
2979-
<p><a href="http://substantial.com/blog/2014/04/03/heap-analytics-vs-mixpanel/">Heap vs MixPanel</a>
2980-
compares the two analytics services.</p>
2981-
</li>
2982-
</ul>
2983-
<h2>Web analytics learning checklist</h2>
2984-
<p><i class="fa fa-check-square-o"></i>
2985-
Add Google Analytics or Piwik to your application. Both are free and while
2986-
Piwik is not as powerful as Google Analytics you can self-host the application
2987-
which is the only option in many environments.</p>
2988-
<p><i class="fa fa-check-square-o"></i>
2989-
Think critically about the factors that will make your application successful.
2990-
These factors will vary based on whether it's an internal enterprise app,
2991-
an e-commerce site or an information-based application.</p>
2992-
<p><i class="fa fa-check-square-o"></i>
2993-
Add metrics generated from your web traffic based on the factors that drive
2994-
your application's success. You can add these metrics with either some custom
2995-
code or with a hosted web analytics service.</p>
2996-
<p><i class="fa fa-check-square-o"></i>
2997-
Continuously reevaluate whether the metrics you've chosen are still the
2998-
appropriate ones defining your application's success. Improve and refine the
2999-
metrics generated by the web analytics as necessary.</p>
3000-
<h3>What's the next topic you want to learn about?</h3>
30012888
<h1>Logging</h1>
30022889
<p>Logging saves output such as errors, warnings and event information to
30032890
files for debugging purposes. </p>
@@ -3276,6 +3163,119 @@ <h2>Monitoring learning checklist</h2>
32763163
two projects will give you fine-grained control over the system metrics
32773164
you're collecting and visualizing.</p>
32783165
<h3>What topic do you want to learn next?</h3>
3166+
<h1>Web analytics</h1>
3167+
<p>Web analytics involves collecting, processing, visualizing web data to enable
3168+
critical thinking about how users interact with a web application.</p>
3169+
<h2>Why is web analytics important?</h2>
3170+
<p>User clients, especially web browsers, generate significant data while users
3171+
read and interact with webpages. The data provides insight into
3172+
how visitors use the site and why they stay or leave. The key concept to
3173+
analytics is <em>learning</em> about your users so you can improve your web
3174+
application to better suit their needs. </p>
3175+
<h2>Web analytics concepts</h2>
3176+
<p>It's easy to get overwhelmed at both the number of analytics services and
3177+
the numerous types of data points collected. Focus on just a handful of
3178+
metrics when you're just starting out. As your application scales and you
3179+
understand more about your users add additional analytics services
3180+
to gain further insight into their behavior with advanced visualizations such
3181+
as heatmaps and action funnels. The
3182+
<a href="http://spenczar.com/posts/2013/Sep/07/seven-stages-analytics-grief/">seven stages of startup analytics grief</a>
3183+
post is an amusing read and provides context for how to begin and then grow
3184+
tracked metrics over time.</p>
3185+
<h3>User funnels</h3>
3186+
<p>If your application is
3187+
selling a product or service you can ultimately build a
3188+
<a href="http://moz.com/blog/building-your-marketing-funnel-with-google-analytics">user funnel</a> (often called "sales funnel" prior to a user becoming a customer)
3189+
to better understand why people buy or don't buy what you're selling. With
3190+
a funnel you can visualize drop-off points where visitors leave your
3191+
application before taking some action, such as purchasing your service.</p>
3192+
<h2>Open source web analytics projects</h2>
3193+
<ul>
3194+
<li>
3195+
<p><a href="http://piwik.org/">Piwik</a> is a web analytics platform you can host yourself.
3196+
Piwik is a solid choice if you cannot use Google Analytics or want to
3197+
customize your own web analytics platform.</p>
3198+
</li>
3199+
<li>
3200+
<p><a href="http://www.openwebanalytics.com/">Open Web Analytics</a> is another
3201+
self-hosted platform that integrates through a JavaScript snippet that
3202+
tracks users' interactions with the webpage.</p>
3203+
</li>
3204+
</ul>
3205+
<h2>Hosted web analytics services</h2>
3206+
<ul>
3207+
<li>
3208+
<p><a href="http://www.google.com/analytics/">Google Analytics</a> is a widely used
3209+
free analytics tool for website traffic.</p>
3210+
</li>
3211+
<li>
3212+
<p><a href="https://mixpanel.com/">MixPanel</a>'s analytics platform focuses on mobile
3213+
and sales funnel metrics. A developer builds what data points need to be
3214+
collected into the server side or client side code. MixPanel captures that
3215+
data and provides metrics and visualizations based on the data.</p>
3216+
</li>
3217+
<li>
3218+
<p><a href="https://www.kissmetrics.com/">KISSmetrics</a>' analytics provides context
3219+
for who is visiting a website and what actions they are taking while on
3220+
the site.</p>
3221+
</li>
3222+
<li>
3223+
<p><a href="https://heapanalytics.com/">Heap</a> is a recently founded analytics service
3224+
with a free introductory tier to get started.</p>
3225+
</li>
3226+
<li>
3227+
<p><a href="http://www.crazyegg.com/">CrazyEgg</a> is tool for understanding a
3228+
user's focus while using a website based on heatmaps generated from mouse
3229+
movements. </p>
3230+
</li>
3231+
</ul>
3232+
<h2>Web analytics resources</h2>
3233+
<ul>
3234+
<li>
3235+
<p><a href="http://blog.arkency.com/2012/12/google-analytics-for-developers/">Google Analytics for Developers</a> </p>
3236+
</li>
3237+
<li>
3238+
<p><a href="http://blog.yhathq.com/posts/pandas-google-analytics.html">Pandas and Google Analytics</a>
3239+
shows how to use pandas for data analysis with Google Analytics' API to
3240+
perform calculations not available in the tool itself.</p>
3241+
</li>
3242+
<li>
3243+
<p>This beginner's guide to
3244+
<a href="http://www.seotakeaways.com/beginners-guide-maths-stats-web-analytics/">math and stats behind web analytics</a>
3245+
provides some context for understanding and reasoning about web traffic. </p>
3246+
</li>
3247+
<li>
3248+
<p>This post provides context for determining if a given metric is
3249+
<a href="http://fizzle.co/sparkline/vanity-vs-actionable-metrics">"vanity" or actionable</a>.</p>
3250+
</li>
3251+
<li>
3252+
<p>Read this post on <a href="http://www.bayesianwitch.com/blog/2013/howyouranalyticswork.html">how your analytics software actually works</a>
3253+
to get a better understanding of what's going on behind the scenes from
3254+
a technical perspective.</p>
3255+
</li>
3256+
<li>
3257+
<p><a href="http://substantial.com/blog/2014/04/03/heap-analytics-vs-mixpanel/">Heap vs MixPanel</a>
3258+
compares the two analytics services.</p>
3259+
</li>
3260+
</ul>
3261+
<h2>Web analytics learning checklist</h2>
3262+
<p><i class="fa fa-check-square-o"></i>
3263+
Add Google Analytics or Piwik to your application. Both are free and while
3264+
Piwik is not as powerful as Google Analytics you can self-host the application
3265+
which is the only option in many environments.</p>
3266+
<p><i class="fa fa-check-square-o"></i>
3267+
Think critically about the factors that will make your application successful.
3268+
These factors will vary based on whether it's an internal enterprise app,
3269+
an e-commerce site or an information-based application.</p>
3270+
<p><i class="fa fa-check-square-o"></i>
3271+
Add metrics generated from your web traffic based on the factors that drive
3272+
your application's success. You can add these metrics with either some custom
3273+
code or with a hosted web analytics service.</p>
3274+
<p><i class="fa fa-check-square-o"></i>
3275+
Continuously reevaluate whether the metrics you've chosen are still the
3276+
appropriate ones defining your application's success. Improve and refine the
3277+
metrics generated by the web analytics as necessary.</p>
3278+
<h3>What's the next topic you want to learn about?</h3>
32793279
<h1>Web Application Security</h1>
32803280
<p>Website security must be thought about while building every level of the web
32813281
stack. However, this section includes topics that deserve particular

api-creation.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -466,9 +466,9 @@ <h3 class="panel-head">Table of Contents</h3>
466466
<a href="/application-programming-interfaces.html" class="list-group-item smaller-item ">Application Programming Interfaces</a>
467467
<a href="/api-integration.html" class="list-group-item smaller-item ">API Integration</a>
468468
<a href="/api-creation.html" class="list-group-item smaller-item active">API Creation</a>
469-
<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>
470469
<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>
471470
<a href="/monitoring.html" class="list-group-item smaller-item ">Monitoring</a>
471+
<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>
472472
<a href="/web-application-security.html" class="list-group-item smaller-item ">Web Application Security</a>
473473
<a href="/best-python-resources.html" class="list-group-item smaller-item ">Best Python Resources</a>
474474
<a href="/about-author.html" class="list-group-item smaller-item ">About the Author</a>

api-integration.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -412,9 +412,9 @@ <h3 class="panel-head">Table of Contents</h3>
412412
<a href="/application-programming-interfaces.html" class="list-group-item smaller-item ">Application Programming Interfaces</a>
413413
<a href="/api-integration.html" class="list-group-item smaller-item active">API Integration</a>
414414
<a href="/api-creation.html" class="list-group-item smaller-item ">API Creation</a>
415-
<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>
416415
<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>
417416
<a href="/monitoring.html" class="list-group-item smaller-item ">Monitoring</a>
417+
<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>
418418
<a href="/web-application-security.html" class="list-group-item smaller-item ">Web Application Security</a>
419419
<a href="/best-python-resources.html" class="list-group-item smaller-item ">Best Python Resources</a>
420420
<a href="/about-author.html" class="list-group-item smaller-item ">About the Author</a>

application-dependencies.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -489,9 +489,9 @@ <h3 class="panel-head">Table of Contents</h3>
489489
<a href="/application-programming-interfaces.html" class="list-group-item smaller-item ">Application Programming Interfaces</a>
490490
<a href="/api-integration.html" class="list-group-item smaller-item ">API Integration</a>
491491
<a href="/api-creation.html" class="list-group-item smaller-item ">API Creation</a>
492-
<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>
493492
<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>
494493
<a href="/monitoring.html" class="list-group-item smaller-item ">Monitoring</a>
494+
<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>
495495
<a href="/web-application-security.html" class="list-group-item smaller-item ">Web Application Security</a>
496496
<a href="/best-python-resources.html" class="list-group-item smaller-item ">Best Python Resources</a>
497497
<a href="/about-author.html" class="list-group-item smaller-item ">About the Author</a>

application-programming-interfaces.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -413,9 +413,9 @@ <h3 class="panel-head">Table of Contents</h3>
413413
<a href="/application-programming-interfaces.html" class="list-group-item smaller-item active">Application Programming Interfaces</a>
414414
<a href="/api-integration.html" class="list-group-item smaller-item ">API Integration</a>
415415
<a href="/api-creation.html" class="list-group-item smaller-item ">API Creation</a>
416-
<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>
417416
<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>
418417
<a href="/monitoring.html" class="list-group-item smaller-item ">Monitoring</a>
418+
<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>
419419
<a href="/web-application-security.html" class="list-group-item smaller-item ">Web Application Security</a>
420420
<a href="/best-python-resources.html" class="list-group-item smaller-item ">Best Python Resources</a>
421421
<a href="/about-author.html" class="list-group-item smaller-item ">About the Author</a>

best-python-resources.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -499,9 +499,9 @@ <h3 class="panel-head">Table of Contents</h3>
499499
<a href="/application-programming-interfaces.html" class="list-group-item smaller-item ">Application Programming Interfaces</a>
500500
<a href="/api-integration.html" class="list-group-item smaller-item ">API Integration</a>
501501
<a href="/api-creation.html" class="list-group-item smaller-item ">API Creation</a>
502-
<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>
503502
<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>
504503
<a href="/monitoring.html" class="list-group-item smaller-item ">Monitoring</a>
504+
<a href="/web-analytics.html" class="list-group-item smaller-item ">Web Analytics</a>
505505
<a href="/web-application-security.html" class="list-group-item smaller-item ">Web Application Security</a>
506506
<a href="/best-python-resources.html" class="list-group-item smaller-item active">Best Python Resources</a>
507507
<a href="/about-author.html" class="list-group-item smaller-item ">About the Author</a>

0 commit comments

Comments
 (0)