如何用Rails 7 Importmap建立可信分析

Question

可信分析是一种替代谷歌分析跟踪页面浏览。我正在尝试将rails 7中的导入映射集成起来，但它不起作用。

有理提供指示将以下脚本标记作为唯一需要的内容：

<script defer data-domain="yourdomain.com" src="https://plausible.io/js/script.js"></script>

在尝试使用"Rails 7 Way“的方法时，我尝试以重要的方式完成以下工作：

bin/importmap pin plausible-tracker --download

在我的布局中，我添加了：

<%= javascript_import_module_tag 'plausible-tracker', "data-turbo-track": "reload", defer: true, "data-domain": "amorc.org.au" %>

(这是基于我对上述似乎合理的脚本标签的解释)。

当我检查想要的页面时，我可以在头上看到这段代码，但是没有一个跟踪是可信的，所以它显然还没有正确的设置。

(到目前为止，我还没有在application.js中添加任何内容)

我该如何正确地做这件事？

编辑1:那么我的布局目前有这三个与javascript相关的标记，需要保留哪一个呢？

1. <%= javascript_include_tag "application", "data-turbo-track": "reload", defer: true %>

2. <%= javascript_importmap_tags %>

3. <%= javascript_import_module_tag 'plausible-tracker', "data-turbo-track": "reload", defer: true, "data-domain": "amorc.org.au" %>

Answer 1

你走到一半了。

如果你安装了可信的跟踪器，你有npm软件包，它与cdn版本略有不同。

您需要在您的application.js文件中导入脚本，这就是导入映射负责加载/捆绑脚本的地方。

import Plausible from 'plausible-tracker'

const plausible = Plausible({
    domain: 'YOURDOMAIN'
});
console.log(plausible);

确保在视图中加载了application.js：

<%= javascript_include_tag "application", "data-turbo-track": "reload", defer: true %>

您应该会看到登录到浏览器控制台中的可信对象。