前言

因为51统计最近一直出现问题，并且有传言称51统计的js文件会出现劫持跳转的问题，于是就想更换统计方式，Umami因此成为我的主要选择。

51统计好的地方在于能够显示出统计挂件，但是有大佬用umami的api也制作出了数据挂件。

参考

张洪HEO：https://blog.zhheo.com/p/61e9.html

木木木木木：https://immmmm.com/hi-umami-api/

教程

1.首先搭建属于自己的umami，具体可以访问

2.token可以到搭建好的umami站点，然后打开开发者工具，找到网络中的https://你的域名/api/auth/verify 里的请求头中的authorization 中Bearer 后面的内容

3.网站ID就是后台网站中的比如https://你的域名/websites/0ba3d4b8-95ec-4e33-a727-32b013d6cfa7 ，其中0ba3d4b8-95ec-4e33-a727-32b013d6cfa7就是网站ID

3.更改如下代码，并且添加到WordPress的自定义html中

<div class="tongji">
今日访问人数 <span id="todayUv">0</span> | 今日访问量 <span id="todayPv">0</span> | 本月访问量 <span id="monthPv">0</span> | 总访问量 <span id="totalPv">0</span>
</div>

<script>
  document.addEventListener('DOMContentLoaded', () => {
    umiTongji();
  });

  function umiTongji() {
    var umiToken = "你的token"; //获取到的 token
    var umiId = "网站ID"; //获取到的 websiteId
    var umiTime = Date.parse(new Date());
    var todayStart = new Date().setHours(0, 0, 0, 0);
    var monthStart = new Date(new Date().getFullYear(), new Date().getMonth(), 1).getTime();
    var umiUrl = "https://你的域名/api/websites/" + umiId + "/stats?startAt=" + todayStart + "&endAt=" + umiTime;

    fetch(umiUrl, {
        method: 'GET',
        mode: 'cors',
        cache: 'default',
        headers: {
          'Authorization': 'Bearer ' + umiToken,
          'Content-Type': 'application/json'
        }
      })
      .then(res => res.json())
      .then(resdata => {
        document.querySelector('#todayPv').innerHTML = resdata.pageviews.value;
        document.querySelector('#todayUv').innerHTML = resdata.visitors.value;
      });

    umiUrl = "https://你的域名/api/websites/" + umiId + "/stats?startAt=" + monthStart + "&endAt=" + umiTime;

    fetch(umiUrl, {
        method: 'GET',
        mode: 'cors',
        cache: 'default',
        headers: {
          'Authorization': 'Bearer ' + umiToken,
          'Content-Type': 'application/json'
        }
      })
      .then(res => res.json())
      .then(resdata => {
        document.querySelector('#monthPv').innerHTML = resdata.pageviews.value;
      });

    umiUrl = "https://你的域名/api/websites/" + umiId + "/stats?startAt=0&endAt=" + umiTime;

    fetch(umiUrl, {
        method: 'GET',
        mode: 'cors',
        cache: 'default',
        headers: {
          'Authorization': 'Bearer ' + umiToken,
          'Content-Type': 'application/json'
        }
      })
      .then(res => res.json())
      .then(resdata => {
        document.querySelector('#totalPv').innerHTML = resdata.pageviews.value;
      });
  }
</script>
<style>
  #todayUv, #todayPv, #monthPv, #totalPv {
    color: #00a0ff;
  }
</style>

前言

之前就说过需要清空网站的文章浏览量，那该如何做到呢？

教程

在网站根目录新建一个php文本，可以命名为postview.php ，将如下代码放入进去并且访问一次即可。当然我用的统计插件为wpopt，wp-postview也可以这么设置。

<?php
// Load WordPress environment
require( dirname(__FILE__) . '/wp-load.php' );

// Set the minimum and maximum views
$min_views = 0;
$max_views = 0;

// Get all published posts
$args = array(
    'post_type' => 'post',
    'post_status' => 'publish',
    'posts_per_page' => -1
);
$posts = get_posts( $args );

// Loop through each post and set a random view count
foreach ( $posts as $post ) {
    $views = rand( $min_views, $max_views );
    update_post_meta( $post->ID, 'views', $views );
}

其中的$min_views 和$max_views就是你需要设置的文章浏览量之间的值。

前言

搭建网站的朋友都需要用到数据统计，如果对数据统计没什么太大的要求，只想知道当天有多少访问量就可以使用这个Umami。

界面截图

教程

本次教程分为两个部分，一个是一键部署，一个是通过Docker-Compose。

1.一键部署

1.使用宝塔面板的朋友可以将宝塔面板升级到最新版本,自带的Docker应用商店搜索Umami就行了。

2.安装成功后在页面中选择管理

这里我已经安装了，所以显示是重建应用，一般是安装应用。

3.从访问信息中获取到应用的URL地址，一般为ip+端口3000。

4.宝塔面板新建网站php版本选择纯静态，设置中找到反向代理，填写名称和ip+端口3000即可。

2.Docker-Compose

1.新建docker-compose.yaml，并将如下代码加进去

version: '3'
services:
  umami:
    container_name: umami
    image: umamisoftware/umami:postgresql-latest
    ports:
      - "3000:3000"
    environment:
      DATABASE_URL: postgresql://umami:umami@db:5432/umami
      DATABASE_TYPE: postgresql
      HASH_SALT: replace-me-with-a-random-string
    depends_on:
      - db
    restart: always
  db:
    container_name: umami-db
    image: postgres:12-alpine
    environment:
      POSTGRES_DB: umami
      POSTGRES_USER: umami
      POSTGRES_PASSWORD: umami
    volumes:
      - ./sql/schema.postgresql.sql:/docker-entrypoint-initdb.d/schema.postgresql.sql:ro
      - ./umami-db-data:/var/lib/postgresql/data
    restart: always

2.启动docker-compose

docker-compose up -d

访问网站

默认账号密码：admin/umami

设置

先别添加网站，右上角地球标志设置语言为中文，再去后台把账号密码重新设置一下，然后再添加网站，并且获取到跟踪代码以及分享代码。