A single-page application (SPA) is a web application or web site that fits on a single web page with the goal of providing a more fluid user experience akin to a desktop application.
In order to track events for single-page websites, your webpage must use URLs that use the hashtag appended to the URL.
This article will detail how to track single-page applications.
Article Contents
Available With:
Trial | ✓ | |
Essential | ✓ | |
Advanced | ✓ | |
Ultimate | ✓ |
Users:
Administrators | ✓ | |
Company Managers | ||
Marketing Managers | ||
Sales Managers | ||
Salespersons | ||
Jr. Salespersons |
Adding Code
If you are looking to track events on a single page, your website must use tracking code. To add tracking code, do the following:
|
Note: SharpSpring offers Professional Services to assist with custom coding.
|
<!-- TRACKING CODE GOES HERE -->
<!-- Script Example of Catching URL hash changes -->
<script type='text/javascript'>
if ("onhashchange" in window) {
window.onhashchange = function () {
_ss.push(['_trackPageView']);
}
} else {
var prevHash = window.location.hash;
window.setInterval(function () {
if (window.location.hash != prevHash) {
prevHash = window.location.hash;
_ss.push(['_trackPageView']);
}
}, 100);
}
</script>
This will run _ss.push(['_trackPageView'])
when the URL hash changes, which will track a new page view.