lundi 6 avril 2020

On cached AMP page dont work am-list with amp-carousel

I prepare modul for user post on my AMP version page.

I put libs:

<script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script>
<script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js"></script>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>

And code:

<amp-list height="320" src="<?php echo LN_URL_SERWISU; ?>amp-social-data.json" binding="no" items="." single-item="." > 
 <template type="amp-mustache"> 
  <amp-carousel height="320" layout="flex-item" type="carousel" controls>
  <a href=""><div class="di8b">
  <div class="fixed-container"><amp-img src="" alt="" class="socialimg" layout="fill"></amp-img></div> 
  <div class="di8c"><h3 class="tytul"></h3></div>
  <div class="di8d"><span class="cena"><b>@</b></span>/<sub></sub></div>
  </div></a>
  <a href=""><div class="di8b">
  <div class="fixed-container"><amp-img src="" alt="" class="socialimg" layout="fill"></amp-img></div> 
  <div class="di8c"><h3 class="tytul"></h3></div>
  <div class="di8d"><span class="cena"><b>@</b></span>/<sub></sub></div>
  </div></a>
  <a href=""><div class="di8b">
  <div class="fixed-container"><amp-img src="" alt="" class="socialimg" layout="fill"></amp-img></div> 
  <div class="di8c"><h3 class="tytul"></h3></div>
  <div class="di8d"><span class="cena"><b>@</b></span>/<sub></sub></div>
  </div></a>
  <a href=""><div class="di8b">
  <div class="fixed-container"><amp-img src="" alt="" class="socialimg" layout="fill"></amp-img></div> 
  <div class="di8c"><h3 class="tytul"></h3></div>
  <div class="di8d"><span class="cena"><b>@</b></span>/<sub></sub></div>
  </div></a>
  <a href=""><div class="di8b">
  <div class="fixed-container"><amp-img src="" alt="" class="socialimg" layout="fill"></amp-img></div> 
  <div class="di8c"><h3 class="tytul"></h3></div>
  <div class="di8d"><span class="cena"><b>@</b></span>/<sub></sub></div>
  </div></a>
  <a href=""><div class="di8b">
  <div class="fixed-container"><amp-img src="" alt="" class="socialimg" layout="fill"></amp-img></div> 
  <div class="di8c"><h3 class="tytul"></h3></div>
  <div class="di8d"><span class="cena"><b>@</b></span>/<sub></sub></div>
  </div></a>
  <a href=""><div class="di8b">
  <div class="fixed-container"><amp-img src="" alt="" class="socialimg" layout="fill"></amp-img></div> 
  <div class="di8c"><h3 class="tytul"></h3></div>
  <div class="di8d"><span class="cena"><b>@</b></span>/<sub></sub></div>
  </div></a>
  <a href=""><div class="di8b">
  <div class="fixed-container"><amp-img src="" alt="" class="socialimg" layout="fill"></amp-img></div> 
  <div class="di8c"><h3 class="tytul"></h3></div>
  <div class="di8d"><span class="cena"><b>@</b></span>/<sub></sub></div>
  </div></a>
  <a href=""><div class="di8b">
  <div class="fixed-container"><amp-img src="" alt="" class="socialimg" layout="fill"></amp-img></div> 
  <div class="di8c"><h3 class="tytul"></h3></div>
  <div class="di8d"><span class="cena"><b>@</b></span>/<sub></sub></div>
  </div></a>
  </amp-carousel>
 </template> 
 </amp-list> 

On the site from my server everything is ok. Amp-list and amp-carousel show all 9 post. But if website is cached on Google and I browse it from CDN Google serps, the amp-list and amp-carousel is empty. I validate website on AMP validator and there is no errors.

I don't know why post are not showing. Modul "SPOŁECZNOŚĆ" on the bottom!

Website from my server: https://kolumna24.pl/magazyn/ampnews-lask.lotnisko.wojskowe.historia.i.rozbudowa.w.strefie.podmiejskie-5.html

Cached version: https://google.com/amp/s/kolumna24.pl/magazyn/ampnews-lask.lotnisko.wojskowe.historia.i.rozbudowa.w.strefie.podmiejskie-5.html




Aucun commentaire:

Enregistrer un commentaire