如何在Tag Manager中基于meta name属性采集数据并统计页面浏览量

提示：如果你用的是WordPress、Shopify、凡科这类SaaS建站工具，不用挨个页面改代码，直接去后台找「全局脚本插入」「自定义头部/底部代码」的功能，把对应代码粘贴进去就会全站生效。

所有统计方案的核心逻辑都一致：页面加载时自动判断是否包含目标meta标签，符合条件就给统计工具传专属标记，后续在统计后台筛选标记即可直接求和总访问量，以下是无开发基础也能直接用的操作步骤：

如果你已经在用GA4（谷歌分析） #

• 第一步：把下面的代码直接粘贴到你原有GA4全局埋码的后面即可，无需修改任何内容：

window.addEventListener('load', function() {
  const hasTargetMeta = document.querySelector('meta[name="topic"][content="dogs"]');
  if (hasTargetMeta) {
    gtag('set', 'user_properties', { page_topic: 'dogs' });
  }
});

• 第二步：打开GA4后台，进入「自定义定义」模块，新建一个事件级自定义维度，维度参数填写page_topic，保存后等24小时数据同步，就可以在访问报告里筛选page_topic值为dogs的页面，直接查看总访问量。

如果你已经在用百度统计 #

• 第一步：把下面的代码直接粘贴到你原有百度统计全局代码的后面即可，无需修改任何内容：

window.addEventListener('load', function() {
  const hasTargetMeta = document.querySelector('meta[name="topic"][content="dogs"]');
  if (hasTargetMeta) {
    _hmt.push(['_setCustomVar', 1, 'page_topic', 'dogs', 3]);
  }
});

• 第二步：打开百度统计后台，进入「访问分析-自定义变量」模块，把自定义变量1的名称设置为page_topic，后续直接筛选变量值为dogs的条目，就能看到对应页面的总访问量。

如果你没装任何统计工具 #

可以用打服务器日志的方式实现，把下面的代码粘贴到全站底部</body>标签前面即可：

<script>
window.addEventListener('load', function() {
  if (document.querySelector('meta[name="topic"][content="dogs"]')) {
    // 下方路径换成你网站里任意存在的小图片路径即可
    new Image().src = '/favicon.ico?dog_topic_pv=1';
  }
})
</script>

后续只要去你的服务器访问日志里，搜索dog_topic_pv=1的请求数量，就是目标页面的总访问量。

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