scratch/content/html/en/blog/2010-06-17-hide-yourself-to-analytics.md

86 lines
2.7 KiB
Markdown
Raw Normal View History

-----
isHidden: false
menupriority: 1
kind: article
created_at: 2010-06-17T16:37:22+02:00
title: Hide Yourself to your Analytics
author_name: Yann Esposito
author_uri: yannesposito.com
tags:
- analytics
- statistics
- hide
- blog
2010-06-17 16:05:42 +00:00
- jQuery
- javascript
-----
This is a way not to count your own visits to your blog.
2011-04-20 12:29:01 +00:00
First you should look on how [I handle analytics](/n3blog/en/blog/2010-06-17-track-events-with-google-analytics). All analytics are handled in one javascript file, this make things really convenient.
2010-06-18 05:17:19 +00:00
Then you need to know my method use the `jquery-cookie`.
2010-06-18 05:17:19 +00:00
I check if the key `admin` is not set in the cookie before adding the visit.
<code class="javascript">
var admin = $.cookie('admin');
if (! admin) {
// put your analytics code here
} else {
console.log("[WARNING] you're HIDDEN to analytics");
}
</code>
then create two <sc>html</sc> files. One to hide:
<code class="html" file="become_hidden.html">
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<script>
$(document).ready(function(){
$.cookie('admin',1);
$('#info').html('Analytics can no more see you.')
});
</script>
<title>Hide to analytics</title>
</head>
<body>
<div id="info"></div>
</body>
</html>
</code>
the other to be visible again (it can be useful):
<code class="html" file="become_visible.html">
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<script>
$(document).ready(function(){
$.cookie('admin',null);
$('#info').html('Analytics can see you.')
});
</script>
<title>Hide to analytics</title>
</head>
<body>
<div id="info"></div>
</body>
</html>
</code>
Now accessing these files with you browser you can *hide* or *appear* in your statistics. You just have to think to access these file from all you browser.