Skip to content

設定 Google Analytics

要在 Zensical 中加入 Google Analytics 4 很簡單，可以使用底下兩種方式的其中一種即可。

從 zensical.toml 設定檔插入

只要在 zensical.toml 中加入底下設定即可。

[project.extra.analytics]
provider = "google"
property = "G-XXXXXXXXXX"

這是官方建議的做法，也跟本專案實際使用的方式相同。

手動加入追蹤程式碼

除了 的方式之外，也可以手動將底下程式碼加到 overrides/main.html 中！

{% extends "base.html" %}

{% block extrahead %}
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXX');
</script>
{% endblock %}

記得把 G-XXXXXXXXXX 換成你的 GA4 評估 ID。

搜尋追蹤

若要追蹤站內搜尋，到 Google Analytics 後台的資料串流 → 增強型評估，確認 網站搜尋 已開啟。

參考資料