{"_id":"5878f78c3e27c82500097dd9","project":"56e96242d825061900d1abe8","githubsync":"","parentDoc":null,"user":"57041be58c69510e00b1de4d","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"},"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":0,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2017-01-13T15:51:40.723Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":45,"body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/fac1e2b-SessionStack.png\",\n        \"SessionStack.png\",\n        285,\n        41,\n        \"#476076\"\n      ],\n      \"border\": true\n    }\n  ]\n}\n[/block]\n###Reproducing bugs shouldn't be hard\nDevelopers shouldn’t ask users and QAs for screenshots and steps to reproduce bugs.\n[Go to SessionStack](https://www.sessionstack.com/)\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 **SessionStack** 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 **SessionStack** to your stack in the [StackPile Dashboard](https://stackpile.io/dashboard), add your **Sessionstack 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/e0f2387-Sessionstack_ID.png\",\n        \"Sessionstack ID.png\",\n        506,\n        212,\n        \"#454556\"\n      ],\n      \"border\": true\n    }\n  ]\n}\n[/block]\nThe **StackPile** - **SessionStack** integration will then start real-time error tracking in your application, capturing user actions allowing you to reproduce bugs that your users encountered.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"2. Settings\"\n}\n[/block]\n**Sessionstack ID**\n\nYou can find your **Sessionstack ID** on your **SessionStack Dashboard**. Select your **Website** and select **Code Snippet**. \n\nIt is the 32 character hexadecimal number in the `sessionstack` line just before the closing `</script>` tag, i.e.\n`(\"sessionstack\",\"0aac858445ef3f2bb84cc7e60d4e7c64\");`.\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<!-- Begin SessionStack code -->\\n<script type=\\\"text/javascript\\\">\\n!function(a,b){var c=window;c.SessionStack=a,c[a]=c[a]||function(){\\nc[a].q=c[a].q||[],c[a].q.push(arguments)},c[a].t=b;var d=document.createElement(\\\"script\\\");\\nd.async=1,d.src=\\\"https://cdn.sessionstack.com/sessionstack.js\\\";\\nvar e=document.getElementsByTagName(\\\"script\\\")[0];e.parentNode.insertBefore(d,e);\\n}(\\\"sessionstack\\\",\\\"0aac858445ef3f2bb84cc7e60d4e7c64\\\");\\n</script>\\n<!-- End SessionStack Code -->\",\n      \"language\": \"javascript\"\n    }\n  ]\n}\n[/block]\n[TOP](#top)","excerpt":"###Fix bugs in your web apps by seeing what actually happened\nSessionStack will visually recreate your issues the way they happened to your users.","slug":"sessionstack","type":"basic","title":"SessionStack"}

SessionStack

###Fix bugs in your web apps by seeing what actually happened SessionStack will visually recreate your issues the way they happened to your users.

[block:image] { "images": [ { "image": [ "https://files.readme.io/fac1e2b-SessionStack.png", "SessionStack.png", 285, 41, "#476076" ], "border": true } ] } [/block] ###Reproducing bugs shouldn't be hard Developers shouldn’t ask users and QAs for screenshots and steps to reproduce bugs. [Go to SessionStack](https://www.sessionstack.com/) *** **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 **SessionStack** 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 **SessionStack** to your stack in the [StackPile Dashboard](https://stackpile.io/dashboard), add your **Sessionstack ID** (see [Settings](#2-settings) on how to obtain this) and click on **Enable**. [block:image] { "images": [ { "image": [ "https://files.readme.io/e0f2387-Sessionstack_ID.png", "Sessionstack ID.png", 506, 212, "#454556" ], "border": true } ] } [/block] The **StackPile** - **SessionStack** integration will then start real-time error tracking in your application, capturing user actions allowing you to reproduce bugs that your users encountered. [block:api-header] { "type": "basic", "title": "2. Settings" } [/block] **Sessionstack ID** You can find your **Sessionstack ID** on your **SessionStack Dashboard**. Select your **Website** and select **Code Snippet**. It is the 32 character hexadecimal number in the `sessionstack` line just before the closing `</script>` tag, i.e. `("sessionstack","0aac858445ef3f2bb84cc7e60d4e7c64");`. [block:code] { "codes": [ { "code": "<!-- Begin SessionStack code -->\n<script type=\"text/javascript\">\n!function(a,b){var c=window;c.SessionStack=a,c[a]=c[a]||function(){\nc[a].q=c[a].q||[],c[a].q.push(arguments)},c[a].t=b;var d=document.createElement(\"script\");\nd.async=1,d.src=\"https://cdn.sessionstack.com/sessionstack.js\";\nvar e=document.getElementsByTagName(\"script\")[0];e.parentNode.insertBefore(d,e);\n}(\"sessionstack\",\"0aac858445ef3f2bb84cc7e60d4e7c64\");\n</script>\n<!-- End SessionStack Code -->", "language": "javascript" } ] } [/block] [TOP](#top)