在Matomo（piwik）中跟踪动态变化的自定义变量

Question

我正在使用Matomo在在线仪表板上跟踪用户；这是标准票价，没有任何异常，而且我只使用了两个自定义变量。可以这么说，这两个自定义变量值是静态的，因为在使用用户名及其角色生成页面时，它们会被填充。静态的东西，只要登录就不会改变。

现在，我还想跟踪他们正在执行的一些不涉及页面加载的操作。更准确地说，主导航可以在超薄/折叠版本和完全扩展版本之间动态切换。我想跟踪用户是否展开了菜单。问题是用户可以即时更改它。

我有两种检查用户是否展开导航的方法：检查元素上的类或cookie。当用户在展开的导航之间切换时，这些设置将保存到Cookie中，因此该选择会在整个页面加载期间保持不变。

如何跟踪可以动态更改的内容？我不是经验丰富的matomo用户，所以我真的不知道显而易见的答案。我还注意到了一个称为“自定义尺寸”的东西，也许可以帮上忙吗？

如果有帮助，尽管是很标准的票价，但这里是代码：

        <script type="text/javascript">
        var _paq = window._paq || [];
        _paq.push(["setCustomVariable", 1, "UserName", "value set on page generation", "visit"]);
        _paq.push(["setCustomVariable", 2, "RoleTemplate", "value set on page generation", "visit"]);
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);
        (function () {
            var u = "https://myanalyticsurl.com/";
            _paq.push(['setTrackerUrl', u+'matomo.php']);
            _paq.push(['setSiteId', '1']);
            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
            g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
        })();
    </script>

该网站基于asp.net mvc 5。

Answer 1

无论如何，这是我想出的，这不是我想要的，但现在可以完成工作。这里的想法是，我使用Cookie.js来获取cookie并将cookie的值附加到自定义变量：

<script type="text/javascript">
var _paq = window._paq || [];
_paq.push(["setCustomVariable", 1, "UserName", "value set on page generation", "visit"]);
_paq.push(["setCustomVariable", 2, "RoleTemplate", "value set on page generation", "visit"]);
_paq.push(["setCustomVariable", 3, "ExpandedNavigationSetting", Cookies.get("sidenav-state") ? Cookies.get("sidenav-state") : "NA", "visit"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function () {
    var u = "https://myanalyticsurl.com/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '1']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();

如果有人偶然遇到相同问题，我将把这个问题发给我自己的问题。