为Discourse添加Plausible Analytics或Fathom追踪

数据与报告
,
1

Plausible Analytics

  • First, add your domain to your Plausible Analytics instance and grab your tracking code. It should look something like this:
<script async defer data-domain="community.example.com" src="https://plausible.example.com/js/plausible.js"></script>

  • Create a new theme component from Admin > Customize > Themes.

  • Then paste the tracking code in the </head> section.

  • Click Save.

Make sure to add this to all available themes so you can track analytics across all users!

That’s it!

:information_source: If you don’t see data flowing, the script may be blocked by your CSP settings. Check your browser console and if you’re getting errors, add https://plausible.io/js/script.js to your CSP settings.

Edit: Adding the Fathom or Plausible Content security policy script src is no longer required due to this update Content-Security-Policy now uses 'strict-dynamic'

Fathom

Please see the Fathom guide for Discourse.

Updated May 14, 2025 with Fathom’s guide for Discourse
For further info, see Fathom’s guide here:

Note: For both Plausible and Fathom, their scripts work fine in a component attached to your theme(s) and inserted into head of each template you want to track. The new guide from Fathom does not use the “component method”.

27 个赞
3

According to Plausible’s roadmap on Github it seems that it’s going to be possible sometime in the near future to embed one’s Plausible page into one’s website.

https://github.com/plausible/analytics/discussions/213

Would something like this be embeddable into Discourse, or might it require a plugin, or…?

5 个赞
4

You need a theme-component for that.

6 个赞
5

Hey @Falco, has anything changed about your frontend routing? I can see you recommend people use the hash version of our script which is provided for hash-based routers. It seems to me like Discourse is using the HTML5 PushState API now, is that correct?

3 个赞
6

Not sure why @justin picked the hash version here, since we use HTML5 History API since forever. Made the OP a wiki, so it’s editable by all.

1 个赞
7

I use plausible and I can confirm that the regular plausible.js does NOT log the urls if a user moves from topic to topic. So if I need accurate representation of my visitors, I have to use the hashed plausible js.

8

I have same issue with the hashed version though

9

Weird to have these conflicting reports. Theoretically since Discourse uses the HTML5 history API, I would think that our standard script (not the hash script) would be the one that tracks correctly.

Unfortunately I don’t have a discourse instance set up that I could test with.

10

Probably my lack of knowledge about that :slight_smile: I originally went with the hash version due to us being a SPA and having custom tracking for other analytics providers. If plausible.js works, feel free to change it!

1 个赞
11

Hi @ukutaht

I switched from plausible.hash.js to plausible.js for one of my two discourse sites and this is what happens when I do that.

The site is opened in another tab and it shows no activity at all

SmartSelect_20210707-000518_Firefox
SmartSelect_20210707-000518_Firefox1080×1709 95.6 KB

Here is my other site with plausible.hash.js which correctly shows 1 online and generally, correct pages are also shown in the top pages widget.

SmartSelect_20210707-000834_Firefox
SmartSelect_20210707-000834_Firefox1080×1470 95 KB

I’m happy to try out any troubleshooting in case it helps eliminate need for the hashed js

3 个赞
12

Ah yes I recall seeing the same behavior now that you say this – which is why I went with the hashed script route.

3 个赞
13

Dumb question. Does adding this feature track what’s going on inside your discourse community or does it track outbound traffic to another domain the community is linked to?

What sort of metrics can you find out from this?

1 个赞
14

I can (in my plausible dashboard) see which links of my discourse forum are being visited and from which country.

2 个赞
15

使用 Plausible 作为分析工具存在一些 bug 吗？

16

不，它应该可以正常工作。我已经在我的社区使用了一段时间，没有发现任何问题。

1 个赞
17

我已经编辑了 OP 以包含使用 Fathom 的简单说明。请根据需要进行扩展并进一步测试。

2 个赞
18

太棒了 :smiley:

2 个赞
19

您好，感谢您的指南。

我想将 Fathom 集成到 Discourse 中，我是否需要像您在 Plausible 中那样将 hash.js 添加到代码中？

20

我认为是 script.js，正如 OP 中所指出的（阅读至**添加对 Fathom 的支持**）。

2 个赞
21

更新： Fathom 的技术人员整理了一份简单的文档，指导您完成所需的操作。请享用！

Fathom 注意： 可能有一种方法可以更改它，但 Discourse 会为所有页面添加指向主页的 rel="canonical" 标签。因此，我们在 Fathom 中看到的所有页面浏览量都显示为仅来自主页。

我与 Fathom 沟通后，他们建议在您的跟踪脚本中添加 canonical="false"，使其如下所示：

<!-- Fathom - beautiful, simple website analytics -->
<script src="https://cdn.domain.com/script.js" data-spa="auto" data-site="ADHGFREZ" data-canonical="false" defer></script>
 <!-- / Fathom -->

这解决了问题。

3 个赞