Como colocar a caixa de curtir em AMP do Facebook e Google+ no blog


Um dos benefícios do widget de redes sociais é capturar leitores de blogs. Quanto mais seguidores, maior a possibilidade de publicar que compartilhamos nas mídias sociais em leitura pelo seguidor.

Esses widgets de seguidores de redes sociais incluem o widget Pagina do Facebook e Google+ Seguidores.

Para isso, vou compartilhar como exibir o Facebook Like Box e o Google+ Followers no blog HTML da AMP na barra lateral do blog.

1. Facebook Like Box

Copie o código abaixo e cole-o no gadget HTML / Javascript no layout.


<amp-iframe width="300"

      height="214"

      sandbox="allow-scripts allow-same-origin allow-popups"

      frameborder="0"

      scrolling="no"

      src="https://cdn.rawgit.com/KompiAjaib/kompi-html/master/like-boxfb.html?page=smartdicas">

  </amp-iframe>

Substitua smartdicas por seu  nome de usuário.

2. Google+ Followers

Copie o código abaixo e cole-o no gadget HTML / Javascript no layout.



<amp-iframe width="280"

      height="240"

      sandbox="allow-scripts allow-same-origin allow-popups"

      frameborder="0"

      scrolling="no"

      src="https://cdn.rawgit.com/KompiAjaib/kompi-html/master/gplus-followerbox.html?user=+Smartdicas&theme=dark">

  </amp-iframe>

Substitua +smartdicas pelo nome de usuário do perfil do Google+ . Tema dark para exibir em um fundo brilhante, para fundo escuro, substitua dark por light.

E não se esqueça de excluir sempre o código  <b:include name='quickedit'/>na edição de HTML depois de adicionar novos gadgets no layout para o blog sempre é AMP HTML válido.