如何为Google Colab页面添加Google Analytics跟踪代码统计访问流量

Google Colab默认不开放全局页面代码注入权限，我们可以通过单元格的HTML渲染能力实现GA埋点，满足页面访问统计需求。

操作步骤 #

1. 提前在Google Analytics后台创建Web类型的数据流，获取你的GA4媒体ID，格式为G-XXXXXXXXXX
2. 打开你需要统计的Colab笔记本，在顶部插入一个代码单元格，粘贴以下代码：

%%html
<!-- Google Analytics 4 埋点代码 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-替换为你的GA4ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  // 配置页面上报信息
  gtag('config', 'G-替换为你的GA4ID', {
    'page_title': '该Colab对应的项目名称',
    'page_path': '/colab/自定义项目标识'
  });
</script>

3. 替换代码中的占位信息：

• 把G-替换为你的GA4ID修改为你自己的GA4媒体ID
• 为每个Colab笔记本设置独立的page_title和page_path，方便在GA后台区分不同页面的流量数据

4. （可选）点击单元格右上角的菜单，选择隐藏代码内容，避免用户打开后看到冗余的埋点代码

注意事项 #

• 该埋点会在用户打开Colab并运行该单元格时触发统计，如果你需要统计仅打开页面但未运行任何单元格的访问行为，目前没有官方支持的实现方案
• 你可以在GA后台配置渠道规则，匹配从你个人作品集跳转的访问来源，即可区分不同渠道的流量占比

内容的提问来源于stack exchange，提问作者Litmon