AMP 故事 json 书挡问题

Question

我创建了一个 Google AMP 故事。托管 here 用于测试。 bookendv1.json 不工作。下面是代码。

任何帮助将不胜感激，因为我只是在学习如何编码。我不知道我做错了什么。我遵循了所有文档并从 Google AMP 故事指南提供的示例中完全复制了代码。

     
      
<amp-story-bookend src= "http://buddhismforkids.github.io/bookendv1.json" layout="nodisplay"></amp-story-bookend>
   </amp-story>

`

Answer 1

我认为您的 json 无效。首先，您有 2 行缺少逗号：

"image": "bookend_KidsMeditation.jpg"
"image": "bookend_meditationhandbook.png"

您也有以下行的错误：

"category": "booklet"

另一个元素需要在外面。我建议您先使用 https://jsonlint.com/ 来验证 JSON 格式。

最终结果应该是：

希望对您有所帮助。

Answer 2

您故事的最后一页似乎缺少结束 </amp-story-page> 标签，因此 <amp-story-bookend> 标签被视为在 <amp-story-page> 内。

修复 HTML 标记应该可以解决问题。

AMP-story json bookend issue