ember.js 如何在ember应用程序中使用piwik?

wlwcrazw  于 2022-11-05  发布在  其他
关注(0)|答案(3)|浏览(190)

是否有任何组件或插件,我可以使用,集成piwik到一个ember应用程序?

wmvff8tz

wmvff8tz1#

实际上这很简单。遗憾的是我还没有找到如何跟踪个人视图。但这将让你使用一个基本的设置,也很好地扩展。
把它放在你的ApplicationRoute中,它会勾住路线的didTransition,这样每次你在路线之间转换时,数据都会被发送到Piwik服务器。

actions: {
        didTransition: function () {
            Ember.run.once(this, function () {
                window._paq = _paq || [];
                _paq.push(['trackPageView']);
                _paq.push(['enableLinkTracking']);
                _paq.push(['setTrackerUrl', 'https://[Piwik server]/piwik.php']);
                _paq.push(['setSiteId', 1]);
            });
        }
    }

不要忘记在您的应用程序模板中放置对Piwik.js的引用,以加载Piwik跟踪库。

<script src="https://[Piwik server]/piwik.js" async defer></script>
4uqofj5v

4uqofj5v2#

似乎没有一个全集成的解决方案,为Ember一样,有为AngularJS。
您可以看一下this forum thread,它可能会让您开始。
您可能还想看看它在AngularJS中是如何工作的:http://luisfarzati.github.io/angulartics/https://github.com/mike-spainhower/angular-piwik

ne5o7dgx

ne5o7dgx3#

您可以使用ember-cli-piwik。它非常简单:
安装附加组件:

ember install ember-cli-piwik

然后在您的config/environment.js中进行配置

piwik: {
  sid: 123,
  url: 'https://your-piwik.endpoint.com'
}

有关详细信息,请阅读文档。

相关问题