Post e videos do Facebook com o amp-facebook – AMP

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>