---
title: "Configurar Facebook Open Graph e X (Twitter) Cards"
description: "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"
canonical_url: "https://pt.goodbarber.com/help/promover-seu-app-e-engajar-seus-usuarios-r52/configurar-facebook-open-graph-e-x-twitter-cards-a292/"
lang: pt
---

# Configurar Facebook Open Graph e X (Twitter) Cards

Source: https://pt.goodbarber.com/help/promover-seu-app-e-engajar-seus-usuarios-r52/configurar-facebook-open-graph-e-x-twitter-cards-a292/

## 1. 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.**

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038164-27898845.jpg?v=1782139565.9380155)

**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 - 1/2 | Registrar como desenvolvedor Facebook](https://pt.goodbarber.com/help/gerenciar-o-acesso-de-usuario-e-os-grupos-r102/registrar-se-como-desenvolvedor-do-facebook-a89/)
[Autenticação Facebook - 2/2 | Configurar o login com o Facebook](https://pt.goodbarber.com/help/gerenciar-o-acesso-de-usuario-e-os-grupos-r102/configurar-o-login-com-o-facebook-para-apps-nativos-ios-e-android-a39/)

Uma vez que você tenha criado o seu app Facebook, copie e cole o seu Facebook App ID no campo apropriado no menu**Configurações > Configurações do aplicativo > Conexões Externas** do seu backoffice e clique **OK**.

Pode agora recompilar o seu app (clique [aqui](https://pt.goodbarber.com/help/delegar-a-publicacao-ao-servico-gbtc-r80/solicitar-a-atualizacao-do-app-ios-servico-gbtc-a328/) para a ajuda online para iOS e [aqui](https://pt.goodbarber.com/help/publicar-seu-app-android-em-solo-r62/construir-e-testar-a-versao-ad-hoc-do-android-a71/) para a ajuda online para o Android).

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038164-27898846.jpg?v=1782139565.9500155)

## 2. 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 Image**, o que significa que quando você partilha o seu conteúdo no X (Twitter), você poderá exibir o título do conteúdo, a imagem e um resumo ou 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**.

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038164-27898847.jpg?v=1782139565.9660156)

**Atenção**: Não esqueça de atualizar as modificações no menu **Publicar > Selecionar a plataforma > Atualizar** do seu back office.
Você pode testar uma URL do seu app na [ferramenta de validação](https://cards-dev.twitter.com/validator) X (Twitter) para testar uma vez que tenha atualizado o seu app.
Uma vez que tenha testado o URL na ferramenta de validação, você pode tweetar para ver o X (Twitter) Card abaixo na vista de detalhe.

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038164-27898848.jpg?v=1782139566.0020158)