如何在 Qualtrics 中精准追踪用户点击的特定外部链接

本文介绍在 qualtrics 问卷中通过 jquery 和嵌入式数据，准确识别并记录用户点击的每一个唯一外部链接（而非仅检测“有链接被点击”），解决因重复 id 导致的追踪失效问题。

在 Qualtrics 中实现精细化链接点击追踪，关键在于确保 html 元素标识的唯一性与事件处理的可扩展性。原始代码使用 id=”extLink” 绑定点击事件，但由于 HTML 规范要求 id 必须全局唯一，而您的三个链接均使用相同 id，导致 jquery 仅能捕获第一个匹配元素，无法区分具体点击目标。

✅ 正确做法是：

1. 移除重复 id，改用统一 class 标识同类链接（如 class=”extLink”）；
2. 为每个链接设置语义化、唯一的 id（如 id=”link_directrelief”），用于后续数据标记；
3. 利用事件委托与 this.id 动态生成嵌入式数据键名，实现一键绑定、多路区分。

以下是优化后的完整实现：

Qualtrics.SurveyEngine.addOnload(function() {   jQuery('.extLink').click(function(event) {     event.preventDefault(); // 阻止默认跳转，确保嵌入数据先写入     const linkId = this.id; // 获取被点击链接的唯一ID，如 "link_directrelief"     Qualtrics.SurveyEngine.setEmbeddedData(linkId + "_clicked", "1");     // 可选：延迟跳转，确保数据提交成功（Qualtrics v107+ 推荐）     setTimeout(() => {       window.open(this.href, '_blank', 'noopener');       jQuery("#NextButton").click();     }, 300);   }); });

对应修正后的 HTML 示例（注意：id 唯一、class 统一、保留 href 和 target）：

   Direct Relief    — Support for people affected by emergencies 
  
   Water.org    — Provision of safe and accessible water 
  
   Feeding America    — Works on hunger relief 

? 重要注意事项：

• ✅ 必须移除所有重复 id：浏览器只识别首个同名 id，其余无效；
• ✅ Event.preventDefault() 是关键：避免用户瞬间跳转导致嵌入数据未写入即离开页面；
• ✅ 使用 setTimeout 延迟跳转与提交，为 Qualtrics 异步数据写入留出安全窗口（尤其在弱网环境）；
• ✅ 生成的嵌入式数据字段名为 link_directrelief_clicked 等，可在 Qualtrics 后台「Embedded Data」中直接筛选分析；
• ⚠️ 若需支持移动端或 safari，请确保 window.open() 在用户手势上下文中调用（当前 click 事件已满足）。

通过该方案，您将获得结构清晰、可扩展、符合 Web 标准的链接行为追踪能力——每个选项独立可辨，数据粒度精确到单个 URL，为后续归因分析与A/B测试提供可靠基础。