Skip to main content

How to Track SPA Sites

Last updated over a year ago

How to track SPA sites

We've updated our pixels. Currently, the same pixel can be used with all kinds of technology: Ajax, SPA, etc.


1. Tracking Page Views

<script>
/* SealMetrics Tracker Code */
var oSm = window.oSm || {};
oSm.account = '60a52f6ac660b269d13c3f53';
oSm.event = 'pageview';
!function(e){
var t="//app.sealmetrics.com/tag/tracker";
window.oSm=oSm,
window.smTrackerLoaded
? sm.tracker.track(e.event)
: Promise.all([
new Promise(function(e){
var n=document.createElement("script");
n.src=t;
n.async=!0;
n.onload=function(){e(t)};
document.getElementsByTagName("head")[0].appendChild(n)
})
]).then(function(){ sm.tracker.track(e.event) })
}(oSm);
/* End SealMetrics Tracker Code */
</script>

2. Tracking Conversions

<script>
/* SealMetrics Tracker Code */
var oSm = window.oSm || {};
oSm.account = '60a52f6ac660b269d13c3f53';
oSm.event = 'conversion';
!function(e){
var t="//app.sealmetrics.com/tag/tracker";
window.oSm=oSm,
window.smTrackerLoaded
? sm.tracker.track(e.event)
: Promise.all([
new Promise(function(e){
var n=document.createElement("script");
n.src=t;
n.async=!0;
n.onload=function(){e(t)};
document.getElementsByTagName("head")[0].appendChild(n)
})
]).then(function(){ sm.tracker.track(e.event) })
}(oSm);
/* End SealMetrics Tracker Code */
</script>

Note:
This conversion pixel can be added before or after the pageview tracking pixel. The order does not matter.