适用版本
Windows 7/8/10
Matomo 3.6.1
IIS10
AngularCli 6.0.1
所需组件
PHP >= 5.5.9
该方案中使用PHP7.2.11,下载地址http://php.net/downloads.php#v7.2.11
Matomo3.6.1,下载地址https://matomo.org/download/
安装及配置
安装php
- 解压php压缩文件到任意目录,比如C:\Program Files (x86)\php-7.2.11-nts-Win32-VC15-x64
- 配置环境变量:
Win10:
在系统环境变量Path中加入:C:\Program Files (x86)\php-7.2.11-nts-Win32-VC15-x64,
加入C:\Program Files (x86)\php-7.2.11-nts-Win32-VC15-x64\ext
win7:
则在path后面追加; C:\Program Files (x86)\php-7.2.11-nts-Win32-VC15-x64; C:\Program Files (x86)\php-7.2.11-nts-Win32-VC15-x64\ext;
- 配置php
1、Php的文件夹下有php.ini-development和php.ini-production两个文件
备份php.ini-development,修改原php.ini-developmen 为php.ini
2、Matomo要求开启php的部分扩展
所以开启这些扩展
extension=mysqli
session.auto_start = 0
max_execution_time = 0 OR >= 30
安装matomo
- 解压matomo到iis站点目录
- 创建IIS站点
- 配置iis【处理程序映射】
点击右侧【添加模块映射】
配置如下
可执行文件目录即为PHP安装目录下\php-cgi.exe
- 浏览该刚才创建的matomo站点
如果缺失web.config
创建web.config
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<security>
<requestFiltering>
<hiddenSegments>
<add segment="config" />
<add segment="core" />
<add segment="lang" />
<add segment="tmp" />
</hiddenSegments>
<fileExtensions>
<add fileExtension=".tpl" allowed="false" />
<add fileExtension=".twig" allowed="false" />
<add fileExtension=".php4" allowed="false" />
<add fileExtension=".php5" allowed="false" />
<add fileExtension=".inc" allowed="false" />
<add fileExtension=".in" allowed="false" />
<add fileExtension=".csv" allowed="false" />
<add fileExtension=".pdf" allowed="false" />
<add fileExtension=".log" allowed="false" />
</fileExtensions>
</requestFiltering>
</security>
<directoryBrowse enabled="false" />
<defaultDocument>
<files>
<remove value="index.php" />
<add value="index.php" />
</files>
</defaultDocument>
<staticContent>
<remove fileExtension=".svg" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
</staticContent>
</system.webServer>
</configuration>
浏览:localhost:port/index.php
按照提示配置数据库,超级用户,网站名称,网站地址
Matomo使用
- 页面跟踪
npm install angulartics2@7.0.1 –save-dev
app.modules.ts中引入,并且在@NgModule中import
Angulartics2Module.forRoot()
index.html中添加跟踪代码
<script type="text/javascript">
var userData = window.sessionStorage.getItem("userInfo_rawData");
var userDataJson = JSON.parse(userData);
alert(userDataJson.account.id);
var userId = userDataJson.account.id+ "|" + userDataJson.account.name;
if(userId != null){
console.log("执行tracker");
var _paq = _paq || [];
_paq.push(['enableLinkTracking']);
(function() {
// alert("tacker work");
_paq.push(['setUserId', userId]);
var u="//localhost:9700/";
_paq.push(['setTrackerUrl', u+'piwik.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+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
}
</script>
// App.compnent.ts
import {Angulartics2Piwik} from
constructor(angulartics2Piwik : Angulartics2Piwik) {
// TODO
angulartics2Piwik.startTracking();
}
- 事件跟踪
angulartics2On="click"
angularticsAction="试验分配列表搜索"
angularticsLabel="样品搜索"
angularticsValue="搜索"
[angularticsCategory] = "angularticsCategory"
[angularticsProperties] = "{'custom-property': 'Fall Campaign'}"
- 设置用户Id
_paq.push(['setUserId', userId]);