You may have noticed the menu items called User Var 1, User Var 2 (and so on) in the confetti, overlay views of your reports or Recordings. By default, no data is attached to these menu options. If you were to select User Var 1 from one of your own reports, you’d see that every click on confetti under that option is marked Unknown.
These variables are purposely left undefined so that you can fill them with your own custom data. For example, you could track clicks by logged-in users vs. clicks by unregistered visitors, or segment your visitors’ clicks by the number of previous clicks they made on the page. With a little Javascript code, you can categorize clicks on your pages just about any way you might want.
CE2.set(userVar, value)
userVar: A number from 1 to 5
value: Any string value (it may be truncated if it is over 100 characters)
You set the value of a user variable with the CE2.set Javascript function:
CE2.set(1, 'some string');
Any clicks on the page will include the custom values you specified with CE2.set. Those values will appear in the confetti and overlay views of your reports. You are not restricted to just calling set once, of course. You could fill up all 5 user vars.
window.CE_READY = function () {
CE2.set(1, 'some string');
CE2.set(2, 'another value');
CE2.set(3, 'yet another value');
CE2.set(4, 'more');
CE2.set(5, 'and more');
}
You can also change a variable after it was initially set. In the sample code below, each click will have User Var 1 set to initial value. However, after a visitor clicks the image button.png, any subsequent clicks on that page will have User Var 1 set to the clicked button:
<script type="text/javascript">
window.CE_READY = function () {
CE2.set(1, "initial value");
}
</script>
<a href="javascript:void(CE2 && CE2.set(1, 'clicked link'))"> link </a>