Chrome扩展集成GA4 Measurement Protocol问题及解决

• 我曾找到过介绍Universal Analytics在Chrome扩展中实现的内容，但没有针对GA4的适配方案。
• 我将谷歌官方文档中的代码复制到扩展的service worker中（已通过Event Builder验证）：

const measurement_id = `G-XXXXXXXXXX`;
const api_secret = `<secret_value>`;

fetch(`https://www.google-analytics.com/mp/collect?measurement_id=${measurement_id}&api_secret=${api_secret}`, {
  method: "POST",
  body: JSON.stringify({
    client_id: 'XXXXXXXXXX.YYYYYYYYYY',
    events: [{
      name: 'tutorial_begin',
      params: {},
    }]
  })
});

• 扩展控制台无报错，但GA4始终接收不到任何事件数据。

更新 #

我将常量值直接写入fetch的URL后，问题得以解决：

fetch(`https://www.google-analytics.com/mp/collect?measurement_id=G-XXXXXXXXXX&api_secret=secret_value`, {
  method: "POST",
  body: JSON.stringify({
    client_id: 'XXXXXXXXXX.YYYYYYYYYY',
    events: [{
      name: 'tutorial_begin',
      params: {},
    }]
  })
});

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