AMP-история выпуска JSON Bookend

Question

Я создал историю Google AMP. Он размещен здесь для тестирования. Bookendv1.json не работает. Ниже приведен код.

Любая помощь будет принята с благодарностью, так как я только учусь кодировать. Я не знаю, что я делаю не так. Я следовал за всей документацией и скопировал код точно из примера, предоставленного гидом по истории AMP Google.

     
      
<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.

Окончательный результат должен быть:

https://codeshare.io/5ejvjl

Надеюсь, поможет.

Answer 2

Похоже, что на последней странице вашей истории отсутствует закрытие </amp-story-page> тег, и как таковой <amp-story-bookend> тег рассматривается как находящийся внутри <amp-story-page>,

Исправление разметки HTML должно решить проблему.