Why my amp site with amp-facebook-comments not show?

Question

My website at: https://2top.xyz

My issues:

• AMP Facebook Comment plugin not show

• Test site: https://2top.xyz/dieu-khoan-cung-cap-va-su-dung-dich-vu-tai-website-2top.1574766128301

• I read at: https://amp.dev/documentation/examples/components/amp-facebook-comments/?format=websites and my code is:

• At header:

<script async custom-element="amp-facebook-comments" src="https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js"></script>

• At my body post:

    <amp-facebook-comments width="486"
      height="657"
      layout="responsive"
      data-href="https://2top.xyz/dieu-khoan-cung-cap-va-su-dung-dich-vu-tai-website-2top.1574766128301">
    </amp-facebook-comments>

I don't know why this plugin not show, please help me! Thanks!

Note: this is my custom site I build with golang, upcloud vps and cloudflare cdn!

Answer 1

I resolved this issues myself. Because I didn't define width of parent <div> which contains the <amp-facebook-comments> component. So my final code is:

<div class="comment" style="width:100%">
 <amp-facebook-comments
   width="480"
   height="720"
   layout="responsive"
   data-href="https://2top.xyz/dieu-khoan-cung-cap-va-su-dung-dich-vu-tai-website-2top.1574766128301">
 </amp-facebook-comments>
</div>

And it's working now!