使用Shopify API向Shopify主題添加純JavaScript代碼

Question

我開發了一個Shopify應用程序，我在Shopify Store上安裝，我希望我的應用程序在所有商店頁面中添加一個JavaScript代碼段。爲此，我希望我的應用程序通過使用Shopify API修改當前主題，並將javascript片段添加到該主題。

我知道的幾種方法可以做到這一點，但他們有幾個缺點：

• 添加Shopify資產/快報 - 店主手工修改商店的主題鏈接到資產/片段。
• 添加腳本標記 - 我希望我的javascript被嵌入，而不是從其他來源下載。不同的來源意味着更長的頁面加載時間，我不希望我的網站延長頁面加載時間。
• 添加應用程序代理 - 這也可以延長加載時間。

你可以建議什麼是正確的方法嗎？

Answer 1

添加一個腳本標籤並完成它。沒有其他模式可以提供相同的客戶體驗。當他們安裝您的應用程序時，您的腳本可用。當他們卸載你的應用程序時，他們的主題很好地恢復。如果您已完成工作，擔心資產的加載時間並不值得，並且儘量減少代碼併爲其提供快速CDN地址。

Answer 2

您使用的是embedded apps SDK嗎？我非常確定他們有一些讓這更容易的選項，就像你可以在每個頁面上創建一個「側邊欄」並將它放在任何你想要的位置（如果需要隱藏的話）。

Answer 3

回答你的問題：好的方法是使用ScriptTag。考慮這篇文章：https://docs.shopify.com/api/unlinked/using-javascript-responsibly

如果你需要添加代碼片段作爲資產，我想指出的是，客戶不必手動更新主題。據我所知，你可以添加你的代碼片段作爲資產，然後更新另一個主題液體模板。 https://docs.shopify.com/api/asset#update

由於我在上面提供的文章中描述的原因，您不應該那樣做。