是否有任何组件或插件,我可以使用,集成piwik到一个ember应用程序?
wmvff8tz1#
实际上这很简单。遗憾的是我还没有找到如何跟踪个人视图。但这将让你使用一个基本的设置,也很好地扩展。把它放在你的ApplicationRoute中,它会勾住路线的didTransition,这样每次你在路线之间转换时,数据都会被发送到Piwik服务器。
ApplicationRoute
didTransition
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跟踪库。
Piwik.js
<script src="https://[Piwik server]/piwik.js" async defer></script>
4uqofj5v2#
似乎没有一个全集成的解决方案,为Ember一样,有为AngularJS。您可以看一下this forum thread,它可能会让您开始。您可能还想看看它在AngularJS中是如何工作的:http://luisfarzati.github.io/angulartics/或https://github.com/mike-spainhower/angular-piwik
ne5o7dgx3#
您可以使用ember-cli-piwik。它非常简单:安装附加组件:
ember install ember-cli-piwik
然后在您的config/environment.js中进行配置
config/environment.js
piwik: { sid: 123, url: 'https://your-piwik.endpoint.com' }
有关详细信息,请阅读文档。
3条答案
按热度按时间wmvff8tz1#
实际上这很简单。遗憾的是我还没有找到如何跟踪个人视图。但这将让你使用一个基本的设置,也很好地扩展。
把它放在你的
ApplicationRoute
中,它会勾住路线的didTransition
,这样每次你在路线之间转换时,数据都会被发送到Piwik服务器。不要忘记在您的应用程序模板中放置对
Piwik.js
的引用,以加载Piwik跟踪库。4uqofj5v2#
似乎没有一个全集成的解决方案,为Ember一样,有为AngularJS。
您可以看一下this forum thread,它可能会让您开始。
您可能还想看看它在AngularJS中是如何工作的:http://luisfarzati.github.io/angulartics/或https://github.com/mike-spainhower/angular-piwik
ne5o7dgx3#
您可以使用ember-cli-piwik。它非常简单:
安装附加组件:
然后在您的
config/environment.js
中进行配置有关详细信息,请阅读文档。