Plausible 自部署

Plausible 自部署

Google Analytics 用起来不是太习惯,就弄个 Plausible 在自己的 VPS 上部署一下。

官方部署文档可以参考: community-edition ,官方文档是使用 Let's Encrypt 生成证书的,我这里使用的是 Nginx 配置自己的 SSL 证书,记录一下过程。

$ git clone -b v2.1.4 --single-branch https://github.com/plausible/community-edition plausible-ce
​
$ cd plausible-ce
​
$ touch .env
​
$ echo "BASE_URL=https://plausible.domain" >> .env
​
$ echo "SECRET_KEY_BASE=$(openssl rand -base64 48)" >> .env
​
$ touch compose.override.yml
​
# 新建 compose.override.yml, 内容如下,我将端口改为了 8100,防止与别的服务冲突
$ cat compose.override.yml 
  services:
    plausible:
      ports:
        - 127.0.0.1:8100:${HTTP_PORT}

新建 nginx 配置文件, plausible.conf

server {
    listen 80;
    listen [::]:80;
    server_name plausible.domain;
    return 301 https://$server_name$request_uri; # 将所有 HTTP 请求重定向到 HTTPS
}

server {
    listen 443 ssl http2;
    listen [::]:443 ssl http2;
    server_name plausible.domain;

    ssl_certificate /root/certs/domain.pem; # 证书文件路径
    ssl_certificate_key /root/certs/domain.key; # 私钥文件路径

    ssl_protocols TLSv1.2 TLSv1.3; # 推荐使用 TLS 1.2 和 1.3
    ssl_prefer_server_ciphers on;
    ssl_ciphers 'ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384'; # 安全的加密套件

    location / {
        proxy_pass http://127.0.0.1:8100;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

    location = /live/websocket {
        proxy_pass http://127.0.0.1:8100;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
    }
}

配置 Nginx 并重启,使其生效

$ ln -s /etc/nginx/sites-available/plausible.conf /etc/nginx/sites-enabled/plausible.conf

# 重启 nginx 服务
$ systemctl restart nginx

再检查服务器的端口和防火墙策略是否对这个服务放开,没问题的话就可以用了~

🎉 Bingo!这样就完工了,部署完成,在页面输入用户名和密码即可

添加站点信息

我给站点打开了如下配置,将这里面的 script 脚本嵌入到目标网站即可。

下面逐个解释这些配置的含义:

  • Outbound links(出站链接): 跟踪用户点击离开你网站的链接。这可以帮助你了解用户访问了哪些外部网站,以及你的网站为其他网站带来了多少流量。例如,你可以知道用户点击了哪些广告链接、合作伙伴链接或社交媒体链接。
  • File downloads(文件下载): 启用此功能后,Plausible 会跟踪用户在你网站上下载的文件。这可以帮助你了解哪些文件最受欢迎,以及用户如何使用你的资源。例如,你可以知道用户下载了哪些 PDF 文档、软件安装包或电子书。
  • 404 error pages(404 错误页面): 启用此功能后,Plausible 会跟踪用户访问的 404 错误页面。这可以帮助你发现网站上的死链接或错误配置,并及时修复,改善用户体验。通过分析 404 错误页面,你可以了解用户尝试访问哪些不存在的页面,从而发现潜在的内容缺失或导航问题。
  • Hashed page paths(哈希页面路径): 默认情况下,Plausible 会记录完整的页面路径。启用此功能后,Plausible 会对页面路径进行哈希处理,只记录哈希值,而不是原始路径。这可以提高用户隐私,尤其是在页面路径包含敏感信息(例如用户 ID、订单号)时。但需要注意的是,哈希处理后,你将无法直接看到原始的页面路径,只能通过哈希值进行分析。
  • Custom events(自定义事件): Plausible 最强大的功能之一。它允许你跟踪任何你想要跟踪的用户行为,例如:
    • 点击按钮
    • 提交表单
    • 播放视频
    • 滚动到页面底部
    • 添加到购物车
    • 完成购买 通过定义自定义事件,你可以收集非常精细的用户行为数据,并进行更深入的分析。
  • Custom properties(自定义属性): 自定义属性允许你为事件添加额外的上下文信息。例如,你可以为“添加到购物车”事件添加产品 ID、产品类别、价格等属性。这可以帮助你更详细地分析事件数据,例如了解哪些产品最受欢迎、哪些类别的产品转化率最高。
  • Ecommerce revenue(电子商务收入): 这是一个专门用于跟踪电子商务网站收入的功能。启用此功能后,Plausible 会跟踪用户的购买行为,并记录订单金额。这可以帮助你了解你的电子商务业务表现,例如总收入、平均订单价值、转化率等。要使用此功能,你需要将订单数据发送到 Plausible。

将代码嵌入之后,Plausible 就开始收集用户的访问了

Read more

RAG不是万能的,附常见误解与澄清

RAG不是万能的,附常见误解与澄清

能给人理清目前 AI 在生产落地的问题,是一件难能可贵的事情,AI 在生产落地会有哪些阻碍的讲解,讲干货的真的是很少,至少我自己曾经在这个问题上困惑了很久。 因为之前我在 AI 电商团队,做具体的 AI Sass 落地的时候,团队经常会沟通做到生产级可用的 AI,需要哪些东西,大概的门槛还是了解到一些的,我的能力也顶多在应用层面去做一些工作量的定制与代码衔接,涉及到模型层面,一概歇菜,很多人估计只是想着,写一个 Prompt ,就是真正的拥抱 AI 了。 当我看到自媒体里面铺天盖地的在讲 AI 如何帮助企业提效,如果重塑行业的时候,有种很复杂的感觉,他们真的懂 AI 吗,甚至他们真的懂软件吗? 基本上现在大家接触到的方式就几种: * 割韭菜卖课,讲概念,前景,这些基本上都是拿别人的产品来给自己做嫁衣,自己顶多是个工具的使用者和营销者,比如用 Midjourney,Kimi,豆包,海螺什么的,告诉大家用了就能提效,获得流量,

Shopify 构建商城页面的几种方式

Shopify 构建商城页面的几种方式

当用户需要对 Shopify 商城页面有自定义的需求时,一般会选择: 1、直接使用官方商城的 theme 来构建,可以使用,但是免费模板较少,只有 13 个。 2、使用第三方 theme 来构建,也有很多的模板可以选择,比如 envato 上有数百个 shopify 的模板,这是个非常大的市场。 3、完全自定义开发,自由度最高 当用户对 Shopify 商城页面,有完全自定义的需求,通常是常规主题无法满足需求,推荐使用 Shopify Hydrogen 的官方方案,开发人员可以对商城进行完全的页面级别的自定义。 而对于开发人员来说,官方的 Shopify Liquid 开发起来的效率和体验,是不如 Shopify Hydrogen 来的舒服,而且使用 Shopify Hydrogen ,还可以对性能有提升,

Meepo 要找一份远程前端(全栈)开发的工作

Meepo 要找一份远程前端(全栈)开发的工作

为什么找远程岗位 我一直是比较喜欢远程合作的方式,基本上从事远程开发的团队,都是奔着做事去的,大家能筛选到一起,为一个目标而努力,是一件很难得的事情,远程协作的方式,在自由度和产出之间能保持非常好的平衡,没有必要在通勤以及办公室的无效沟通上浪费太多的时间。 技术特点如何 前端: React + TypeScript 生态体系,常规的网页开发,浏览器插件,Electron 客户端开发都 OK,对各种前端技术方案有一定的沉淀和实践。 后端: Nextjs + Nestjs 开发全栈站点及后端 API 服务 个人特点 即插即用,对于大多数的前端场景和技术方案,都有所涉及。 多年的开发经验,对企业自有产品开发,大客户定制,以及独立开发,有一定的观察和沉淀。 拥抱 AI,对当下比较热门的 AI 技术有一定的了解和沉淀。 喜欢分享和交流,对技术和业务,以及营销都感兴趣。 之前接触的一些业务形态 公司层面: 主要是国内客服领域,涉及到全流程客服,IM,音视频等

从事 SEO 12 年的大佬总结的要点

从事 SEO 12 年的大佬总结的要点

从事 SEO 12 年后,以下是我能想到的所有 SEO 技巧: 1. 在 H1、H2 和 URL 部分中使用主要关键词。 2. 停止追逐虚荣指标。流量固然重要,但转化率才是最重要的。 3. 内部链接可以将“几乎完成”的页面转变为表现最佳的页面。 4. 定期检查你的网站是否有坏链接,这是一个简单的 SEO 胜利。 5. Google Search Console 是您最好的朋友,使用它来重新优化排名在第 3-7 位的页面。 6. 90% 的反向链接应来自相关的高权威网站。 7. 速度决定一切——或许应该说,速度不足会扼杀一切。确保加载时间在 2 秒以内。 8. 持续更新内容将帮助你的页面保持更高的排名。 9. 使用 NLP