https://time-friend.com/zh/tags/google-analytics/Recent content in Google Analytics on Time FriendHugozh-CNSun, 15 Jun 2025 13:20:00 +0000https://time-friend.com/zh/archive/blog-architecture-analytics/Sun, 15 Jun 2025 13:20:00 +0000https://time-friend.com/zh/archive/blog-architecture-analytics/<p>写博客不知道有没有人看, 会很空虚. 统计不是为了 KPI, 就是图一乐.</p> <p>这个博客的页面统计有两套系统, 各管各的.</p> <p><strong>Busuanzi</strong> 显示在文章页面上, 读者能看到每篇文章被看了多少次. 它是开源的, 不需要注册, 脚本一引就行.</p> <p><strong>Google Analytics</strong> 在后台跑, 只有我自己能看到. 用来分析流量来源, 用户分布, 热门内容等.</p> <p>两套互不干扰.</p> <h1 id="busuanzi-前端展示">Busuanzi (前端展示)</h1> <p>Busuanzi 是不蒜子的英文名, 一个极简的阅读统计工具. 没有后台, 没有 Dashboard, 只有一个计数器和一段 JS 脚本.</p> <h2 id="引入脚本">引入脚本</h2> <p>在 <code>layouts/partials/js.html</code> 里加载:</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>{{ if .IsPage }} </span></span><span style="display:flex;"><span>&lt;<span style="color:#f92672">script</span> <span style="color:#a6e22e">async</span> <span style="color:#a6e22e">src</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js&#34;</span>&gt;&lt;/<span style="color:#f92672">script</span>&gt; </span></span><span style="display:flex;"><span>{{ end }} </span></span></code></pre></div><p>只在文章页加载, 首页和列表页不用.</p> <h2 id="显示阅读量">显示阅读量</h2> <p>在文章页模板 <code>layouts/_default/single.html</code> 里:</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#f92672">div</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;article-tag&#34;</span>&gt; </span></span><span style="display:flex;"><span> &lt;<span style="color:#f92672">i</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;fa fa-eye&#34;</span>&gt;&lt;/<span style="color:#f92672">i</span>&gt; </span></span><span style="display:flex;"><span> &lt;<span style="color:#f92672">span</span> <span style="color:#a6e22e">id</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;busuanzi_container_page_pv&#34;</span>&gt; </span></span><span style="display:flex;"><span> &lt;<span style="color:#f92672">span</span> <span style="color:#a6e22e">id</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;busuanzi_value_page_pv&#34;</span>&gt;0&lt;/<span style="color:#f92672">span</span>&gt; </span></span><span style="display:flex;"><span> &lt;/<span style="color:#f92672">span</span>&gt; </span></span><span style="display:flex;"><span>&lt;/<span style="color:#f92672">div</span>&gt; </span></span></code></pre></div><p>Busuanzi 的脚本加载后会自动查找 <code>id=&quot;busuanzi_value_page_pv&quot;</code> 的元素, 把阅读量填进去. 数据存在 Busuanzi 的服务端, 不需要自己维护.</p>