Ajuda online de GoodBarber
Ativar o Open Graph (Facebook) e o X (Twitter) card
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.
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:
Autenticação Facebook - 2/2 | Configurar o login com o Facebook
Pode agora recompilar o seu app (clique aqui para a ajuda online para iOS e aqui para a ajuda online para o Android.
Ative o Twitter card
Assim como o Facebook Open Graph, o X (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 X (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 X (Twitter) card no seu backoffice
Acesse o menu inferior à esquerda Configurações > Configurações do aplicativo > Conexões Externas
Clique no botão ON.
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 X (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 X (Twitter) Card abaixo na vista de detalhe.