如何通过已部署的Google Analytics统计网页各搜索框使用频率？

完全可以通过Google Analytics实现这个需求，核心是给每个搜索框的交互行为添加事件追踪，具体操作如下：

1. 给搜索框添加唯一标识 #

先给三个搜索框（或对应的搜索触发按钮）设置唯一的ID或类名，方便JS识别：

<!-- 示例：给搜索按钮加ID -->
<button id="first-name-search-btn">搜索姓名</button>
<button id="address-search-btn">搜索地址</button>
<button id="phone-search-btn">搜索电话</button>

2. 编写事件追踪代码 #

根据你使用的GA版本（UA或GA4），编写对应的事件触发逻辑：

如果你用的是GA4（gtag.js） #

给每个搜索按钮绑定点击事件，触发GA4的自定义事件：

// 姓名搜索框
document.getElementById('first-name-search-btn').addEventListener('click', function() {
  gtag('event', 'search_submit', {
    'event_category': '搜索框交互',
    'event_label': '姓名搜索框',
    'value': 1 // 可选，用于统计触发次数的累计值
  });
});

// 地址搜索框
document.getElementById('address-search-btn').addEventListener('click', function() {
  gtag('event', 'search_submit', {
    'event_category': '搜索框交互',
    'event_label': '地址搜索框',
    'value': 1
  });
});

// 电话号码搜索框
document.getElementById('phone-search-btn').addEventListener('click', function() {
  gtag('event', 'search_submit', {
    'event_category': '搜索框交互',
    'event_label': '电话号码搜索框',
    'value': 1
  });
});

如果你用的是旧版UA（analytics.js） #

代码逻辑类似，只是GA的调用方式不同：

document.getElementById('first-name-search-btn').addEventListener('click', function() {
  ga('send', 'event', '搜索框交互', '提交搜索', '姓名搜索框', 1);
});
// 地址和电话搜索框同理，替换对应的label即可

3. 在GA后台查看数据 #

• GA4后台：进入报告>事件，找到search_submit事件，点击后可以按event_label维度筛选，就能看到每个搜索框的触发频次、用户数等数据。
• UA后台：进入行为>事件>事件类别，找到"搜索框交互"类别，就能看到每个标签（对应不同搜索框）的使用次数、独立访客数等详细数据。

额外优化（可选） #

如果需要追踪搜索框的输入行为（比如用户是否点击了搜索框但没提交），可以监听focus事件，把事件action改成"激活搜索框"，这样能更全面了解各搜索框的使用情况。

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