如何在Adobe Analytics中追踪PWA安装按钮的点击量

核心实现步骤： #

• 1. 创建Adobe Analytics自定义事件
  登录Adobe Analytics后台，进入对应报表包的设置页面，在「转化 > 事件」选项中新建一个自定义事件，比如命名为PWA安装按钮点击，并记录分配给它的事件ID（例如event10，根据你的报表包可用ID调整）。

• 2. 给安装按钮绑定点击追踪代码
  找到页面中PWA安装按钮的DOM元素，添加点击事件监听器，调用Adobe Analytics的s.tl()方法发送追踪请求。示例代码如下：

  // 替换成你页面中安装按钮的实际选择器
  const installBtn = document.querySelector('.pwa-install-button');
  if (installBtn) {
    installBtn.addEventListener('click', () => {
      // 发送自定义事件，events值替换为你创建的事件ID
      s.tl(installBtn, 'o', 'PWA安装按钮点击', { events: 'event10' });
    });
  }
  

• 3. 可选：追踪浏览器原生安装提示的确认操作
  如果你的PWA会触发浏览器原生的安装提示，想要追踪用户确认安装的行为，可以监听beforeinstallprompt事件，在用户确认后发送追踪：

  let installPrompt = null;
  window.addEventListener('beforeinstallprompt', (e) => {
    e.preventDefault();
    installPrompt = e;
    // 当用户确认安装时
    installPrompt.userChoice.then((result) => {
      if (result.outcome === 'accepted') {
        s.tl(null, 'o', 'PWA原生安装确认', { events: 'event10' });
      }
      installPrompt = null;
    });
  });
  

• 4. 验证数据准确性
  设置完成后，可通过Adobe Analytics的实时报表查看事件触发情况，或用浏览器开发者工具检查网络请求中是否包含对应的事件参数，确保追踪生效。

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