跳至正文
帮助
编辑器设计与设置

如何为整个店铺添加自定义 JavaScript?

使用建站工具的“自定义 Javascript”标签,把您自己的 JavaScript 添加到店铺的每个页面。了解代码何时运行、为什么不会在每个页面重新运行、错误处理,以及为什么跟踪标签和验证代码应改用应用。

阅读时间 3 分钟

自定义 Javascript标签会在您的店铺中运行您自己的 JavaScript。它适用于建站工具设置和应用都无法实现的小功能。

在哪里找到它

打开建站工具,点击齿轮图标,然后打开自定义 Javascript标签。输入框名为Javascript 代码:应用于整个店铺。粘贴代码时不要带 <script> 标签。只写纯 JavaScript。

代码何时运行

  • 顾客打开您的店铺时,在页面显示之后运行一次。
  • 它不会在每个页面重新运行。顾客在店铺内切换到其他页面时,页面会在不完全重新加载的情况下切换,所以您的代码不会再运行一次。如果您的代码要修改某个页面上的元素,请让它能处理页面切换,或改在该页面上使用自定义代码版块。
  • 在建站工具的预览中,代码也会运行,并在您修改时重新运行。
  • 您的代码在独立的空间中运行,所以您声明的名称不会与店铺冲突。如果代码运行时出错,错误会被捕获,不会破坏您的店铺。错误是隐藏的,所以如果什么都没发生,请逐步测试您的代码。

尽量改用应用

商家在这里粘贴的许多脚本都有专门的应用,效果更好:

  • Facebook、TikTok、Snapchat、Pinterest、X 或 Google Ads 跟踪:使用像素应用。请参阅像素和转化 API。
  • Google Analytics 或您在 Google Tag Manager 中管理的标签:使用Google Tag Manager应用。
  • Google Search Console、Meta、TikTok 或 Snapchat 的验证代码:使用域名验证器应用。此标签中的代码无法按照验证所需的方式进入页面的 head 部分。
  • 在线聊天:请参阅Crisp 在线聊天。

这些应用会在恰当的时机替您发送购买等事件。

全店代码还是自定义代码版块

  • 自定义 Javascript 标签:所有页面,每次访问运行一次。
  • 自定义代码版块:单个页面,有自己的 HTML、CSS 和 JavaScript,并且每次显示该版块时都会运行。请参阅自定义代码。

技巧

  • 永远不要粘贴密钥或密码。任何人都可以在浏览器中读到这段代码。
  • 发布后,在手机和电脑上测试您的线上店铺。
  • 第三方脚本可能会拖慢店铺。只添加您需要的内容。
  • 如果出了问题,请清空输入框并发布,然后一部分一部分地把代码加回去。
  • 连接到您店铺的 AI 助手需要获得您的许可才能修改自定义代码。请参阅管理助手访问权限。

小贴士

自定义 Javascript 属于您正在编辑的市场。请在每个需要的市场中重复添加。点击发布后更改才会上线。

仍需帮助?

给我们留言,我们会回复你。

联系我们