Skip to content

Commit b00ca45

Browse files
committed
adding diff between monitoring and logging section
1 parent b0d156c commit b00ca45

39 files changed

+472
-149
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>
356357
<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>
357358
<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: 125 additions & 113 deletions
Original file line numberDiff line numberDiff line change
@@ -2885,6 +2885,119 @@ <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>
28883001
<h1>Logging</h1>
28893002
<p>Logging saves output such as errors, warnings and event information to
28903003
files for debugging purposes. </p>
@@ -3021,6 +3134,18 @@ <h2>Why is monitoring necessary?</h2>
30213134
<p>Capturing and analyzing data about your production environment is critical
30223135
to proactively deal with stability, performance, and errors in a web
30233136
application.</p>
3137+
<h2>Difference between monitoring and logging</h2>
3138+
<p>Monitoring and logging are very similar in their purpose of helping to
3139+
diagnose issues with an application and aid the debugging process. One way
3140+
to think about the difference is that logging happens based on explicit events
3141+
while monitoring is a passive background collection of data. </p>
3142+
<p>For example, when an error occurs, that event is explicitly logged through
3143+
code in an exception handler. Meanwhile, a monitoring agent instruments the
3144+
code and gathers data not only about the logged exception but also the
3145+
performance of the functions.</p>
3146+
<p>This distinction between logging and monitoring is vague and not necessarily
3147+
the only way to look at it. Pragmatically, both are useful for maintaining a
3148+
production web application.</p>
30243149
<h2>Monitoring layers</h2>
30253150
<p>There are several important resources to monitor on the operating system
30263151
and network level of a web stack.</p>
@@ -3151,119 +3276,6 @@ <h2>Monitoring learning checklist</h2>
31513276
two projects will give you fine-grained control over the system metrics
31523277
you're collecting and visualizing.</p>
31533278
<h3>What topic do you want to learn next?</h3>
3154-
<h1>Web analytics</h1>
3155-
<p>Web analytics involves collecting, processing, visualizing web data to enable
3156-
critical thinking about how users interact with a web application.</p>
3157-
<h2>Why is web analytics important?</h2>
3158-
<p>User clients, especially web browsers, generate significant data while users
3159-
read and interact with webpages. The data provides insight into
3160-
how visitors use the site and why they stay or leave. The key concept to
3161-
analytics is <em>learning</em> about your users so you can improve your web
3162-
application to better suit their needs. </p>
3163-
<h2>Web analytics concepts</h2>
3164-
<p>It's easy to get overwhelmed at both the number of analytics services and
3165-
the numerous types of data points collected. Focus on just a handful of
3166-
metrics when you're just starting out. As your application scales and you
3167-
understand more about your users add additional analytics services
3168-
to gain further insight into their behavior with advanced visualizations such
3169-
as heatmaps and action funnels. The
3170-
<a href="http://spenczar.com/posts/2013/Sep/07/seven-stages-analytics-grief/">seven stages of startup analytics grief</a>
3171-
post is an amusing read and provides context for how to begin and then grow
3172-
tracked metrics over time.</p>
3173-
<h3>User funnels</h3>
3174-
<p>If your application is
3175-
selling a product or service you can ultimately build a
3176-
<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)
3177-
to better understand why people buy or don't buy what you're selling. With
3178-
a funnel you can visualize drop-off points where visitors leave your
3179-
application before taking some action, such as purchasing your service.</p>
3180-
<h2>Open source web analytics projects</h2>
3181-
<ul>
3182-
<li>
3183-
<p><a href="http://piwik.org/">Piwik</a> is a web analytics platform you can host yourself.
3184-
Piwik is a solid choice if you cannot use Google Analytics or want to
3185-
customize your own web analytics platform.</p>
3186-
</li>
3187-
<li>
3188-
<p><a href="http://www.openwebanalytics.com/">Open Web Analytics</a> is another
3189-
self-hosted platform that integrates through a JavaScript snippet that
3190-
tracks users' interactions with the webpage.</p>
3191-
</li>
3192-
</ul>
3193-
<h2>Hosted web analytics services</h2>
3194-
<ul>
3195-
<li>
3196-
<p><a href="http://www.google.com/analytics/">Google Analytics</a> is a widely used
3197-
free analytics tool for website traffic.</p>
3198-
</li>
3199-
<li>
3200-
<p><a href="https://mixpanel.com/">MixPanel</a>'s analytics platform focuses on mobile
3201-
and sales funnel metrics. A developer builds what data points need to be
3202-
collected into the server side or client side code. MixPanel captures that
3203-
data and provides metrics and visualizations based on the data.</p>
3204-
</li>
3205-
<li>
3206-
<p><a href="https://www.kissmetrics.com/">KISSmetrics</a>' analytics provides context
3207-
for who is visiting a website and what actions they are taking while on
3208-
the site.</p>
3209-
</li>
3210-
<li>
3211-
<p><a href="https://heapanalytics.com/">Heap</a> is a recently founded analytics service
3212-
with a free introductory tier to get started.</p>
3213-
</li>
3214-
<li>
3215-
<p><a href="http://www.crazyegg.com/">CrazyEgg</a> is tool for understanding a
3216-
user's focus while using a website based on heatmaps generated from mouse
3217-
movements. </p>
3218-
</li>
3219-
</ul>
3220-
<h2>Web analytics resources</h2>
3221-
<ul>
3222-
<li>
3223-
<p><a href="http://blog.arkency.com/2012/12/google-analytics-for-developers/">Google Analytics for Developers</a> </p>
3224-
</li>
3225-
<li>
3226-
<p><a href="http://blog.yhathq.com/posts/pandas-google-analytics.html">Pandas and Google Analytics</a>
3227-
shows how to use pandas for data analysis with Google Analytics' API to
3228-
perform calculations not available in the tool itself.</p>
3229-
</li>
3230-
<li>
3231-
<p>This beginner's guide to
3232-
<a href="http://www.seotakeaways.com/beginners-guide-maths-stats-web-analytics/">math and stats behind web analytics</a>
3233-
provides some context for understanding and reasoning about web traffic. </p>
3234-
</li>
3235-
<li>
3236-
<p>This post provides context for determining if a given metric is
3237-
<a href="http://fizzle.co/sparkline/vanity-vs-actionable-metrics">"vanity" or actionable</a>.</p>
3238-
</li>
3239-
<li>
3240-
<p>Read this post on <a href="http://www.bayesianwitch.com/blog/2013/howyouranalyticswork.html">how your analytics software actually works</a>
3241-
to get a better understanding of what's going on behind the scenes from
3242-
a technical perspective.</p>
3243-
</li>
3244-
<li>
3245-
<p><a href="http://substantial.com/blog/2014/04/03/heap-analytics-vs-mixpanel/">Heap vs MixPanel</a>
3246-
compares the two analytics services.</p>
3247-
</li>
3248-
</ul>
3249-
<h2>Web analytics learning checklist</h2>
3250-
<p><i class="fa fa-check-square-o"></i>
3251-
Add Google Analytics or Piwik to your application. Both are free and while
3252-
Piwik is not as powerful as Google Analytics you can self-host the application
3253-
which is the only option in many environments.</p>
3254-
<p><i class="fa fa-check-square-o"></i>
3255-
Think critically about the factors that will make your application successful.
3256-
These factors will vary based on whether it's an internal enterprise app,
3257-
an e-commerce site or an information-based application.</p>
3258-
<p><i class="fa fa-check-square-o"></i>
3259-
Add metrics generated from your web traffic based on the factors that drive
3260-
your application's success. You can add these metrics with either some custom
3261-
code or with a hosted web analytics service.</p>
3262-
<p><i class="fa fa-check-square-o"></i>
3263-
Continuously reevaluate whether the metrics you've chosen are still the
3264-
appropriate ones defining your application's success. Improve and refine the
3265-
metrics generated by the web analytics as necessary.</p>
3266-
<h3>What's the next topic you want to learn about?</h3>
32673279
<h1>Web Application Security</h1>
32683280
<p>Website security must be thought about while building every level of the web
32693281
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>
469470
<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>
470471
<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>
415416
<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>
416417
<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>
492493
<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>
493494
<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>
416417
<a href="/logging.html" class="list-group-item smaller-item ">Logging</a>
417418
<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>

0 commit comments

Comments
 (0)