Facebook com o amp-facebook, o componente permite a incorporação de postagens e vídeos em páginas AMP.
Para utilizar o componente amp-facebook adicione em seu projeto:
<script async custom-element="amp-facebook" src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js"></script>
Utilização basica
O componente amp-facebook só requer a URL do post no Facebook para carrega-lo na página.
Exemplo:
<amp-facebook width="552" height="303" layout="responsive" data-href="https://www.facebook.com/zuck/posts/10102593740125791"> </amp-facebook>
Já para os videos, utilize:
<amp-facebook width="552" height="310" layout="responsive" data-href="https://www.facebook.com/zuck/videos/10102509264909801/"> </amp-facebook>
Você terá apenas que editar o conteúdo do parâmetro “data-href”, a estrutura da Tag é a mesma para ambos os conteúdos.
Ao definir o parâmetro data-embed-as=”video”, o mesmo irá incorporá o vídeo sem a descrição.
<amp-facebook width="552" height="310" layout="responsive" data-embed-as="video" data-href="https://www.facebook.com/zuck/videos/10102509264909801/"> </amp-facebook>