shopify - 将自定义分析与 Shopify 集成

标签 shopify

我正在开发一款类似于 Google Analytics(分析)的分析产品,并希望为我们的 Shopify 用户提供集成。

我只需要做两件事:

1) 将我们的 JavaScript 代码片段插入到商店所有页面的正文中

2) 在购买后仅在“谢谢”页面的正文中插入第二个转化代码段,以记录销售情况,传回订单总额和订单号

你能指出我正确的方向吗?


ScriptTag 端点看起来很理想,只是它似乎没有提供任何方法来区分“谢谢”页面和其他页面,或者将订单详细信息从“谢谢”页面传递到脚本中。

看来我要么需要一个可以将任意代码注入(inject)所有页面的端点,要么需要一个允许我更改主题布局文件以在 </body> 之前添加代码的端点。标签。

如果我能做到这么多,看起来我也许可以在模板语言中使用条件,仅在网址与“谢谢”页面网址匹配时显示转换代码,并使用 {{total_price }}以及该代码中的 {{ order_number }}。

卸载 Webhook 是否允许我在应用程序的权限被撤销之前进行更改?如果允许我编辑布局文件,我似乎需要一种在卸载时进行清理的方法,以从主题中删除我的代码。

最佳答案

有两种方法可以解决这个问题:

ScriptTags:您已经了解此方法。确实,脚本会加载到每个页面中,但您可以查看 js 中的 document.url 来确定您所在的页面,并根据该页面有条件地执行代码。

以这种方式插入的脚本将在“onLoad”事件期间执行。那时您就可以访问 DOM,并且基本上可以对页面执行任何您想要的操作。

片段:使用Assets端点您可以对用户的主题进行任意更改。 请小心使用此功能!对页面进行复杂更改的推荐方法是在主题中使用添加内容创建自定义代码段,然后告诉用户插入 include 标记到需要出现的代码中。这减少了主主题文件中的困惑。

我建议尽可能使用 ScriptTags。如下所述,它们不需要进行清理,并且无需在设置应用程序时进行用户交互。

--

至于卸载 Webhook:该应用程序从商店卸载后会被触发,因此您不再具有访问权限。它旨在用于触发您端的清理(删除数据库条目等)。请注意,ScriptTags 和 Webhook 订阅会自动清除,但不会自动清除您对主题所做的任何更改

关于shopify - 将自定义分析与 Shopify 集成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12186267/

相关文章:

jquery - Modernizr 导致 jQuery Isotope 错误

themes - Shopify 的新主题编辑器未显示自定义部分

shopify webhook - 识别不同的客户端

php - Shopify 自定义支付网关实现

twitter-bootstrap - 如何在循环中使用 Bootstrap Div ..?

javascript - 使用 JavaScript 导入 Node 模块

php - 无法在 PHP 中访问或解析已解码的 json 结构

html - 我怎样才能将一个表格单元格排在一行中,并且单元格比其他单元格少?

javascript - 隐藏输入字段,除非选择特定变体 - Shopify

for-loop - Liquid - if contains 语句在 for 循环中不起作用