Exemplos de aplicativos do Facebook

Quando um usuário clica na guia de um aplicativo do Facebook, ela é exibida em um espaço com 810 pixels de largura. O Adobe Campaign usa um aplicativo web para permitir a definição e a personalização do conteúdo exibido no aplicativo do Facebook, facilitando a aquisição de perfis.

OBSERVAÇÃO

Também é possível integrar o Adobe Campaign a um aplicativo do Facebook desenvolvido por um parceiro. Nesse caso, não há necessidade de usar o aplicativo web do Adobe Campaign para adquirir os perfis do Facebook. Para obter mais informações, consulte Configuração de contas externas.

IMPORTANTE

Siga as etapas de configuração descritas em Criação de um aplicativo do Facebook.

OBSERVAÇÃO

Esta seção detalha os elementos vinculados aos aplicativos web do tipo Facebook. Todos os elementos compartilhados com aplicativos web padrão são detalhados nesta seção.

Exemplos de aplicativos web do tipo Facebook são detalhados aqui:

IMPORTANTE

Estes casos de uso simples são fornecidos como exemplos para ilustrar as funcionalidades de aplicativos web do tipo Facebook.

Recomendações

As seguintes limitações estão vinculadas diretamente ao Facebook:

  • Deve criar todos os aplicativos web em HTTPS.
  • Um aplicativo do Facebook exibido por meio de uma guia tem uma largura de 810 pixels.

Início rápido: criação de um aplicativo do Facebook em 7 etapas

Este exemplo fornece um processo passo a passo de como exibir um aplicativo criado pelo Adobe Campaign no Facebook. Nesse caso, queremos criar um aplicativo que permita exibir a mensagem Welcome quando o usuário clicar na guia do aplicativo (App01).

Para criar este aplicativo, execute as seguintes etapas:

  1. Crie um aplicativo no Facebook ( https://developers.facebook.com/apps). Para obter mais informações, consulte: Criação de um aplicativo do Facebook.

  2. Crie uma conta externa do tipo Facebook Connect e insira os parâmetros do aplicativo do Facebook. Para obter mais informações, consulte: Configuração de contas externas.

  3. Digite os links Terms of service e Privacy policy que serão exibidos na tela de solicitação de permissão do Facebook. Para obter mais informações, consulte: Inserir os links dos Termos de serviço e da Política de privacidade.

  4. Crie um aplicativo web tipo Facebook no Adobe Campaign. Para obter mais informações, consulte: Criação de um aplicativo web tipo Facebook.

  5. Edite seu aplicativo web. Neste exemplo, adicionamos uma atividade Page e definimos um título para ela.

  6. Implante seu aplicativo.

  7. Configure seu aplicativo do Facebook para que ele seja exibido como uma guia em sua página do Facebook. Para obter mais informações, consulte: Configuração das guias do Facebook.

Verifique se a guia do aplicativo App01 é exibida em sua página do Facebook. Clicar nele deve chamar uma mensagem Welcome.

Como encaminhar configurações para um aplicativo do Facebook?

IMPORTANTE

Siga as etapas de configuração detalhadas em Criação de um aplicativo do Facebook.

No exemplo 1, personalizamos a exibição da página do Facebook de acordo com o valor no campo Fan of the page. Também é possível processar o campo Application settings. Esse campo permite recuperar dados contidos em um link gerado pelo Adobe Campaign, via Facebook.

Vejamos o exemplo de uma empresa que decide enviar uma campanha por email. No delivery, um link aponta para o aplicativo do Facebook. Esse link é personalizado graças ao parâmetro app_data adicionado ao final do URL. O valor desse parâmetro pode ser um indicador que reflete a importância do cliente. Em nosso exemplo, os valores do parâmetro app_data são big (cliente importante) e small (cliente menos importante).

Depois de personalizado, o URL fica assim:

  • http://<path of the Facebook application>&app_data=big (para um cliente importante)
  • http://<path of the Facebook application>&app_data=small (para um cliente menos importante)

Entre os dados anônimos encaminhados ao Adobe Campaign pelo Facebook, o valor do campo Application parameters é coletado, permitindo que o Adobe Campaign personalize a exibição do aplicativo com base nesse parâmetro.

Se o usuário for um cliente importante (o valor do parâmetro app_data é big), a seguinte imagem será exibida:

Se o usuário for um cliente menos importante (o valor do parâmetro app_data é small), a seguinte imagem será exibida:

Para recriar esse caso de uso, criamos uma aplicação web composta pelos seguintes elementos:

  • Uma atividade Test com base no campo Application parameter.
  • duas páginas que contêm as imagens a serem exibidas de acordo com o valor do campo Application parameter.

Como adquirir dados de fãs?

IMPORTANTE

Siga as etapas de configuração detalhadas em Criação de um aplicativo do Facebook.

Este exemplo mostra como entrar em contato com usuários do Facebook e oferecer a eles que compartilhem suas informações de perfil. Vejamos o exemplo de uma empresa que quer adquirir prospectos e organiza um concurso em sua página do Facebook para atraí-los.

Sempre que um usuário clica na guia App03, perguntamos se ele deseja participar do concurso.

Se decidirem participar do concurso, oferecemos a eles a opção de compartilhar suas informações de perfil.

Se eles concordarem em compartilhar suas informações, a tela a seguir será exibida.

Para construir esse caso de uso, criamos uma aplicação web composta pelos seguintes elementos:

  • uma atividade Test
  • três páginas
  • uma atividade Access control
  • uma atividade Pre-loading
  • uma atividade Save
  • uma atividade End

Atividade de teste

A atividade Test é baseada na ID e no campo Application parameters.

Ela é composta por três ramos:

  • identifier (UID) is empty : o identificador só será encaminhado pelo Facebook se o usuário já tiver concordado em compartilhar suas informações. O primeiro ramo da atividade Test permite disponibilizar o concurso somente para usuários que nunca entraram, ou seja, aqueles com uma ID vazia.
  • application parameter equals ‘thanks’ : para evitar um erro de exibição vinculado ao Facebook, a página final do aplicativo web aponta para o URL do aplicativo do Facebook ao qual o parâmetro app_data é adicionado usando o valor thanks (para obter mais informações, consulte: Finalizar atividade). O segundo ramo permite descobrir se o usuário vem da atividade End do primeiro ramo (e acabou de entrar no concurso) para exibir uma mensagem de agradecimento. Para obter mais informações sobre como usar parâmetros de URL adicionais, consulte: Como encaminhar configurações para um aplicativo do Facebook?.
  • Default branch : se o usuário já tiver entrado no concurso (ID já inserida) em uma data anterior (parâmetro de aplicativo diferente de thanks), exibiremos uma página informando que já estão participando.

Página do concurso

Para contornar o erro de exibição vinculado ao Facebook, também é preciso selecionar Parent window ou In the top window no campo Window da página do concorrente.

Atividade de controle de acesso

A atividade Access control permite exibir a página de solicitação de permissão do Facebook quando o usuário entra no concurso. Se eles concordarem em compartilhar suas informações, elas serão recuperadas durante o pré-carregamento. Para obter mais informações, consulte Atividade de pré-carregamento.

Se tiver inserido previamente a conta externa ao criar o aplicativo web (consulte Criar um aplicativo web tipo Facebook), não será necessário editar a atividade. Caso contrário, vá para o campo Application e selecione a conta externa vinculada ao aplicativo do Facebook.

Atividade de pré-carregamento

Selecione a fonte de dados a ser usada para o pré-carregamento:

  • Marketing database : esta opção permite pré-carregar dados pelo banco de dados do Adobe Campaign.
  • Facebook : essa opção permite pré-carregar dados usando o Facebook.

Banco de dados de marketing

Essa opção permite recuperar os dados de um perfil que exista na tabela de visitantes. A verificação é realizada com base na ID externa do Facebook recuperada quando o usuário clica na guia do aplicativo do Facebook. Se um formulário for adicionado após a atividade Pre-loading, os campos que contêm informações no banco de dados serão pré-carregados.

OBSERVAÇÃO

Para obter mais informações sobre como pré-carregar dados pelo banco de dados do Adobe Campaign, consulte esta seção.

Facebook

Essa opção permite definir as informações de perfil do Facebook que serão coletadas, dentre as quais o usuário concordou em compartilhar, para salvá-las.

A opção Database information permite coletar os seguintes dados:

  • External ID: ID do usuário
  • Gender: gênero do usuário
  • Verified : esse campo especifica se o usuário tem ou não uma conta verificada do Facebook.
  • Full name: nome completo do usuário
  • First name: primeiro nome do usuário
  • Last name: sobrenome do usuário
  • Language: idioma do usuário

Também é possível coletar a foto do perfil, a lista de amigos, o endereço de email, a data de nascimento, os interesses e o local, marcando as caixas apropriadas.

Antes de clicar em Ok, marque a caixa I agree to comply with Facebook conditions of use.

OBSERVAÇÃO

Se marcar uma ou mais caixas na seção Private information, a tela de solicitação de permissão do Facebook exibirá automaticamente a solicitação de acesso para esses dados.

Para coletar as informações selecionadas, o usuário deve concordar em compartilhá-las.

Se quiser os dois tipos de pré-carregamento (via Adobe Campaign e via Facebook), adicione duas caixas de pré-carregamento uma após a outra.

Atividade Save

A atividade Save permite armazenar as informações coletadas durante os estágios anteriores na tabela dos visitantes.

Se o perfil já existir na tabela dos visitantes, seus dados serão atualizados com os novos dados coletados.

Se o perfil não existir no banco de dados e o endereço de email do usuário do Facebook tiver sido coletado, um visitante será criado na tabela dos visitantes.

  1. No campo Visitor creation folder, selecione a pasta na qual o perfil será criado. No caso de um aplicativo web tipo Facebook, a pasta de criação padrão é Visitors.

  2. No campo Reconciliation mode, selecione o modo de reconciliação que deseja usar:

    • Automatic : A reconciliação é realizada com base no email, sobrenome, primeiro nome e data de nascimento.
    • Manual : Selecione uma ou mais chaves de reconciliação.
    • None : Não haverá reconciliação.
  3. No campo Mapping, selecione o schema no qual deseja realizar a reconciliação.

    IMPORTANTE

    Verifique se os campos da guia Social networks foram inseridos corretamente no mapeamento do delivery. Os mapeamentos de delivery são acessados pelo nó Administration > Campaign management > Target mappings.

  4. É possível selecionar uma pasta de pesquisa para a reconciliação e uma pasta de criação para novos perfis. Se os campos estiverem vazios, os perfis serão pesquisados e criados na pasta padrão do schema de mapeamento.

Finalizar atividade

Para contornar o erro de exibição vinculado ao Facebook, é necessário marcar a caixa Use an external URL e inserir o URL do aplicativo do Facebook, seguido pelo parâmetro app_data e um valor. Esse valor será usado na atividade Test para detectar se o usuário acabou de entrar no concurso, e para exibir uma mensagem de agradecimento se for o caso. Para obter mais informações, consulte Atividade de teste.

Em nosso exemplo, o valor usado é thanks.

Tela de detalhes de um visitante

Assim como para os seguidores do Twitter (consulte: Princípio operacional), os perfis do Facebook recuperados são armazenados na tabela dos visitantes. Para exibir a lista de visitantes, vá para o nó Profiles and Targets > Visitors.

Cada prospecto do Facebook que concorda em compartilhar suas informações de perfil é adicionado à lista de visitantes. Se a caixa Friends estiver marcada na atividade Pre-load (consulte: Atividade de pré-carregamento), os amigos também são adicionados.

Na seção Summary da janela de detalhes do visitante, há dois estados possíveis para o indicador New Contact:

Se uma marca de seleção verde for exibida, significa que o visitante não foi reconciliado com nenhum destinatário. Nesse caso, um novo perfil é criado na lista de recipients.

Uma cruz vermelha significa que o visitante foi reconciliado com um recipient. Você pode clicar na lente de aumento à direita do campo Recipient para exibir o recipient correspondente.

Vá para a janela detalhada de um destinatário para exibir o visitante correspondente, se for o caso. Selecione a guia Others e clique duas vezes no nome do visitante na seção Web identities.

A tela Activities da página de detalhes do visitante contém as seguintes informações:

  • Atividades do fã do tipo "Open Graph": música reproduzida, vídeos assistidos, artigos lidos e deduções dos aplicativos instalados (Deezer, Spotify, Dailymotion, Yahoo News etc.)

  • "Curtidas" e comentários adicionados pelo fã após o envio de deliveries pelo Adobe Campaign

  • páginas curtidas pelo fã

  • check-ins feitos pelo fã

    OBSERVAÇÃO

    Para que o Adobe Campaign colete os check-ins de um fã, é necessário clicar no botão Subscribe na tela de configuração do serviço. Para obter mais informações, consulte Configuração de contas externas.

Como pré-carregar os campos de um formulário usando dados de perfil do Facebook

O aplicativo Social Marketing também permite adicionar um botão a um formulário, para pré-carregar campos usando informações de perfil do Facebook. Esta opção, que está disponível em todos os templates de aplicativos web (atividades do tipo Page), está detalhada nesta seção.

OBSERVAÇÃO

Antes de começar a usar essa função, é necessário criar um aplicativo do Facebook e uma conta externa do tipo Facebook Connect . Para obter mais informações, consulte Configuração de contas externas.

Nesta página