当按照各自网站类型(Shopify, WooCommerce或自定义)的代码片段执行时,仍然看不到retraced的组件,这将帮助调试根本原因。
先决条件
在对组件进行技术方面的故障诊断之前,请检查以下内容:
至少有一个活跃的产品,其SKU与网店/后台的产品SKU相匹配。
产品有一个供应链
这个故事在那个特定的产品上是可行的
如果满足上述所有条件,应该至少能够看到供应链透明度徽章
需要介绍一下我们的徽章制度吗?请查看我们的指南Retraced徽章指南 | Retraced Help Center
仍然有问题?
我们收集了设置rentraced小部件时最常见的问题。请看如下情况:
1. 不含retraced标头
这是首先要检查的。这里,商店组件没有正确加载:
在这段摘录中,retraced标头,也就是商店组件被正确加载:
2. 没有组件放在DOM中
要查看组件是否正确地放置在DOM(发送到客户端的HTML文件)中,可以通过F12在Chrome中打开调试器。然后切换到网络选项卡,重新加载产品页面。确保已经将retraced卡放置到DOM中,并且可以简单地在网络检查器中搜索它们。
这是一个找不到卡片的例子:
这个例子展示了一个网店,其中卡片组件被正确加载:
3. 未经授权的
请寄给我们商店网址前期白名单,从而能够检索产品的故事
可以通过查看状态码401的产品故事检索调用是否失败来检查是否未授权:
如果卡片?sku=XYZ成功包含200状态码,商店被列入白名单。
4. 在retraced主界面中不存在SKU
为了确保产品在我们的系统中确实可以匹配到SKU,请按照下面的网络呼叫进行操作。如果我们无法将商店中的SKU与retraced账户中的SKU匹配,它将返回isskummatched value false。
我们的小部件还将通过返回productchived值为true或isProductNotFoundOrStoryDisabled值为true来知道产品是否被移除或故事是否被禁用
我们从商店请求的SKU显示在最底部的标题标签中。
看到这里的SKU传输到我们的系统URI编码(意味着特殊字符被转义):
请注意,根据正在使用的小部件,需要在搜索字段中插入其名称。例如,在上面的屏幕截图中,使用的小部件是卡片。但是,如果使用图标,则需要输入图标。
仍然遇到问题?
请确保设置符合我们帮助中心的文章