matomo安装及使用

适用版本

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

1. 解压php压缩文件到任意目录，比如C:\Program Files (x86)\php-7.2.11-nts-Win32-VC15-x64
2. 配置环境变量：

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;

1. 配置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

1. 解压matomo到iis站点目录
2. 创建IIS站点
3. 配置iis【处理程序映射】

 

 

点击右侧【添加模块映射】

 

配置如下

 

可执行文件目录即为PHP安装目录下\php-cgi.exe

 

1. 浏览该刚才创建的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使用

1. 页面跟踪

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();
    }

 

1. 事件跟踪

           angulartics2On="click"

           angularticsAction="试验分配列表搜索"

           angularticsLabel="样品搜索"

           angularticsValue="搜索"

           [angularticsCategory] = "angularticsCategory"

           [angularticsProperties] = "{'custom-property': 'Fall Campaign'}"

1. 设置用户Id

_paq.push(['setUserId', userId]);