如何在 Chrome 扩展程序中包含 Hubspot 脚本？

Question

我需要在 Chrome 扩展中使用 Hubspot 跟踪代码，但我遇到了一些与 Chrome URI 协议相关的问题，因为它使用 chrome:// 而不是 http(s)://

这些是我到目前为止所遵循的步骤：

1. 替换src以强制https：https://js.hs-analytics.net/analytics/
2. 将域添加到manifest.json

但是当脚本运行时，它会尝试从相对网址下载资源，该网址会变成 chrome://track.hubspot.com 并且失败。

是否存在任何方法可以修改此行为而无需下载文件并进行修改？

Answer 1

要将 HubSpot 脚本包含在 Chrome 扩展程序中，您可以按照以下步骤操作：

1. 在您首选的代码编辑器中打开 Chrome 扩展程序的代码库。

2. 找到要包含 HubSpot 脚本的文件。这可能是您的后台脚本、内容脚本或与您的扩展功能相关的任何其他文件。

3. 从您的 HubSpot 帐户或 HubSpot 文档获取 HubSpot 脚本代码。它通常看起来像：

   javascript // 这里是你的 HubSpot 脚本代码

4. 复制 HubSpot 脚本代码。

5. 将复制的 HubSpot 脚本代码粘贴到 Chrome 扩展代码库的所需文件中。

6. 保存文件。

7. 确保在 Chrome 扩展程序的清单文件 (manifest.json) 中声明必要的权限。对于 HubSpot，您可能需要包含以下权限：

   json
   "permissions": [
     "https://api.hubspot.com/*"
   ]
   

   根据您的 HubSpot API 或跟踪需求调整 URL。

8. 现在，您可以根据您的要求在 Chrome 扩展程序中访问和使用 HubSpot 脚本。

请记住彻底测试您的扩展，以确保 HubSpot 脚本在扩展的环境中无缝运行。

祝您的 Chrome 扩展程序和 HubSpot 集成顺利！如果您还有其他疑问，请随时提问。 😊