{"_id":"5714cd474007610e00c80464","version":{"_id":"56e96242d825061900d1abeb","hasReference":true,"__v":5,"hasDoc":true,"project":"56e96242d825061900d1abe8","createdAt":"2016-03-16T13:40:18.429Z","releaseDate":"2016-03-16T13:40:18.428Z","categories":["56e96242d825061900d1abec","56ebe6213de6a00e0041fd7a","570f4a00a38d470e0060cabf","570f6a3a620fdd190017f7ca","570f6a46986c040e008f7b0d"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"__v":17,"project":"56e96242d825061900d1abe8","category":{"_id":"570f4a00a38d470e0060cabf","project":"56e96242d825061900d1abe8","version":"56e96242d825061900d1abeb","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-04-14T07:42:56.518Z","from_sync":false,"order":2,"slug":"app-library","title":"App Library"},"githubsync":"","user":"57041be58c69510e00b1de4d","parentDoc":null,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-04-18T12:04:23.715Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":21,"body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2XXgdJXWSkFKUDNnRSgw_Gauges.png\",\n        \"Gauges.png\",\n        \"92\",\n        \"68\",\n        \"#22563b\",\n        \"\"\n      ],\n      \"border\": true\n    }\n  ]\n}\n[/block]\n###Real Time Web Analytics\nGauges is updated live as each view comes in. You never even have to refresh the dashboard. No more waiting for today’s metrics!\n[Go to Gauges](http://get.gaug.es/)\n***\n**StackPile** offers an easy way for you to install 3<sup>rd</sup> party apps and tools on your website in seconds without expensive code changes.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"1. Getting Started\"\n}\n[/block]\n**Note:** If you already have the **Gauges** snippet installed on your site, please remove it.\n\nOnce the [StackPile snippet](http://docs.stackpile.io/docs/getting-started) has been installed on your website, add **Gauges** to your stack in the [StackPile Dashboard](https://stackpile.io/dashboard), add your **Site ID** (see [Settings](#2-settings) on how to obtain this) and click on **Enable**.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/42c33d7-Site_ID.png\",\n        \"Site ID.png\",\n        438,\n        202,\n        \"#424553\"\n      ],\n      \"border\": true\n    }\n  ]\n}\n[/block]\nThe **StackPile - Gauges** integration will then start gathering your website traffic in real-time!\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"2. Settings\"\n}\n[/block]\n**Site ID**\n\nYou can find the **Site ID** on your **Gauges Site Dashboard** under **Tracking Code** in the JavaScript snippet as the 24 character hexadecimal number after the `data-site-id` tag , e.g.\n`t.setAttribute('data-site-id', '132466f547364cc2763b5455');`\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<script type=\\\"text/javascript\\\">\\n  var _gauges = _gauges || [];\\n  (function() {\\n    var t   = document.createElement('script');\\n    t.type  = 'text/javascript';\\n    t.async = true;\\n    t.id    = 'gauges-tracker';\\n    t.setAttribute('data-site-id', '132466f547364cc2763b5455');\\n    t.setAttribute('data-track-path', 'https://track.gaug.es/track.gif');\\n    t.src = 'https://d36ee2fcip1434.cloudfront.net/track.js';\\n    var s = document.getElementsByTagName('script')[0];\\n    s.parentNode.insertBefore(t, s);\\n  })();\\n</script>\",\n      \"language\": \"javascript\"\n    }\n  ]\n}\n[/block]\n[TOP](#top)","excerpt":"###Website Analytics you can **Actually Understand**\n**Gauges** <i>helps you focus on your most important web traffic stats - in real time.</i>","slug":"gauges","type":"basic","title":"Gauges"}

Gauges

###Website Analytics you can **Actually Understand** **Gauges** <i>helps you focus on your most important web traffic stats - in real time.</i>

[block:image] { "images": [ { "image": [ "https://files.readme.io/2XXgdJXWSkFKUDNnRSgw_Gauges.png", "Gauges.png", "92", "68", "#22563b", "" ], "border": true } ] } [/block] ###Real Time Web Analytics Gauges is updated live as each view comes in. You never even have to refresh the dashboard. No more waiting for today’s metrics! [Go to Gauges](http://get.gaug.es/) *** **StackPile** offers an easy way for you to install 3<sup>rd</sup> party apps and tools on your website in seconds without expensive code changes. [block:api-header] { "type": "basic", "title": "1. Getting Started" } [/block] **Note:** If you already have the **Gauges** snippet installed on your site, please remove it. Once the [StackPile snippet](http://docs.stackpile.io/docs/getting-started) has been installed on your website, add **Gauges** to your stack in the [StackPile Dashboard](https://stackpile.io/dashboard), add your **Site ID** (see [Settings](#2-settings) on how to obtain this) and click on **Enable**. [block:image] { "images": [ { "image": [ "https://files.readme.io/42c33d7-Site_ID.png", "Site ID.png", 438, 202, "#424553" ], "border": true } ] } [/block] The **StackPile - Gauges** integration will then start gathering your website traffic in real-time! [block:api-header] { "type": "basic", "title": "2. Settings" } [/block] **Site ID** You can find the **Site ID** on your **Gauges Site Dashboard** under **Tracking Code** in the JavaScript snippet as the 24 character hexadecimal number after the `data-site-id` tag , e.g. `t.setAttribute('data-site-id', '132466f547364cc2763b5455');` [block:code] { "codes": [ { "code": "<script type=\"text/javascript\">\n var _gauges = _gauges || [];\n (function() {\n var t = document.createElement('script');\n t.type = 'text/javascript';\n t.async = true;\n t.id = 'gauges-tracker';\n t.setAttribute('data-site-id', '132466f547364cc2763b5455');\n t.setAttribute('data-track-path', 'https://track.gaug.es/track.gif');\n t.src = 'https://d36ee2fcip1434.cloudfront.net/track.js';\n var s = document.getElementsByTagName('script')[0];\n s.parentNode.insertBefore(t, s);\n })();\n</script>", "language": "javascript" } ] } [/block] [TOP](#top)