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