Ative tags Open Graph para compartilhar seu conteúdo no Facebook

Essencialmente, o Open Graph consiste num conjunto de tags criadas pelo Facebook para descrever suas páginas de conteúdo. Estas tags melhoram a exibição do seu conteúdo na plataforma Facebook. 

a/ Ative as tags do Open Graph no seu back office:

Acesse o menu inferior à esquerda Configurações > Configurações do aplicativo > Conexões externas
Mude o botão para ON.

picture


b/ Configure a sua App Facebook:

  • Se você já configurou o login com o Facebook no seu app, não precisa fazer mais nada.
  • Se você ainda não configurou o login com o Facebook no seu app, por favor siga o processo descrito nas nossas ajudas online, dado que ele é o mesmo que você deve seguir para configurar o Open Graph. Você pode encontrar as informações necessárias no menu Configurações > Configurações do aplicativo > Conexões Externas se ainda não ativou o add-on de usuários:
Uma vez que você tenha criado o seu app Facebook, copie e cole o seu Facebook App ID no campo apropriado no menuConfigurações > Configurações do aplicativo > Conexões Externas do seu backoffice e clique OK

Pode agora recompilar o seu app (clique aqui para a ajuda online para iOS e aqui para a ajuda online para o Android.

picture

1

Ative o Twitter card

Assim como o Facebook Open Graph, o Twitter card permite a você melhorar a exibição do seu conteúdo na plataforma deles. 
A GoodBarber implementou o Summary Large Page, o que significa que quando você partilha o seu conteúdo no Twitter, você poderá mostrar o título do conteúdo, a imagem e um sumário com os primeiros 200 caracteres do primeiro parágrafo. 

a/ Ative o Twitter card no seu backoffice
Acesse o menu inferior à esquerda Configurações > Configurações do aplicativo > Conexões Externas
Clique no botão ON

picture

Atenção: Não esqueça de atualizar as modificações no menu Publicar > Selecionar a plataforma > Atualizar do seu back office. 
Você pode correr um URL do seu app no Twitter validator tool  para testar uma vez que tenha atualizado o seu app. 
Uma vez que tenha testado URL na ferramenta de validação, você pode tweetar para ver o Twitter Card abaixo na vista de detalhe. 
 

picture

Outros artigos