3 plug-ins sociais para personalizar guias iFrame do Facebook: examinador de mídia social

Agora que o Facebook está oferecendo suporte total a guias iframe personalizadas e eliminando o suporte FBML e FBML estático, muitos administradores de página estão imaginando a melhor forma de adicionar funcionalidade às suas guias de iFrame.

Por exemplo, como você adiciona tags FBML populares que facilitam a interação no Facebook, como Revelar / Fan-Gating, Convite de vários amigos, botão Compartilhar, botão Curtir e Comentários.

Plug-ins sociais do Facebook para o resgate!

Felizmente, um subconjunto das tags XFBML (a.k.a. Plugins Sociais) destinado ao uso em sites para integrá-los ao “gráfico social”Também funcionam muito bem em guias iFrame.

Agora os administradores da página podem simplesmente adicionar um aplicativo gratuito da guia iFrame a sua página, o que torna muito fácil adicionar um recurso de fan-gating, e eles podem adicionar Como botões, Botões de envio e / ou Caixas de comentários para suas guias.

Neste artigo, explicarei como adicione esses três plug-ins sociais à sua guia iframe personalizada.

Gerando o código da tag XFBML - o Facebook faz isso por você!

Você pode obter o código para os plug-ins sociais no Facebook Página de plug-ins sociais. Basta navegar até a tag desejada, inserir as opções na página dessa tag e clicar em “Obter código”.

Se você estiver gerando o botão Curtir sem o botão Enviar, certifique-se de copiar o XFBML versão do código (NÃO a versão “iframe” - não funcionará) para a área de transferência.

Nº 1: O botão Curtir: da guia aos feeds de notícias dos usuários

O botão Curtir é facilmente o mais popular dos plug-ins sociais. Você pode tenha quantos botões Curtir em uma guia iFrame desejar. Para cada botão Curtir, você pode especificar um URL de destino, que pode ser uma página de fãs do Facebook ou qualquer outro URL na web. Contudo, você não pode vincular a uma guia de página de fã específica, apenas para a própria página de fã.

Os usuários têm a opção de adicione uma mensagem personalizada na caixa de diálogo Curtir que aparece quando o botão Curtir é clicado. Se o usuário não adicionar uma mensagem, uma mensagem de texto simples será postada em seu mural com um link para o URL de destino na imagem abaixo:

No entanto, se o usuário adicionar uma mensagem, seu gosto aparecerá em seu mural e feed de notícias com o comentário, seu logotipo e um link para o URL de destino, MAIS:

• Se o URL de destino for uma página de fãs do Facebook, a postagem também incluirá o nome da empresa e o conteúdo da Caixa Sobre (na coluna à esquerda após a navegação), seguido por ”| Facebook":

• Se o URL de destino for um site externo, a postagem no mural usará uma imagem e conteúdo especificado nas "meta" tags desse site E se eles são especificados no código do URL de destino. Se eles não forem especificados, o Facebook pegará uma imagem aleatória na página, bem como um texto aleatório. (Aprenda como controlar imagens e texto com meta tags.)

A imagem abaixo é uma postagem de parede em que o URL do botão Curtir tem uma metatag que especifica uma imagem (“image_src”), bem como uma metatag de “descrição” que fornece o texto abaixo do link.

Nº 2: O botão Enviar: compartilhamento / mensagens diretas

Em 25 de abril de 2011, um ano após a introdução dos plug-ins sociais, Facebook lançou o botão Enviar.

O botão Enviar sozinho ou emparelhado com o botão Curtir

Existem duas maneiras de implementar o Botão enviar: 1) emparelhado com o botão Curtir (conforme mostrado acima) ou 2) autônomo. Usar o gerador de código do botão Curtir para criar uma combinação Curtir / Enviar marcando a opção “botão Enviar” no gerador de código:

O botão Enviar substitui “Compartilhar com amigos” e o seletor de vários amigos FBML

Antigamente (antes de abril de 2011), as páginas podiam incorporar a tag FBML “fb: multi-friend-selector”, que exibia fotos de seus amigos para clicar e selecionar para a mensagem:

E havia o link de texto “sugerir aos amigos” próximo ao topo da coluna da direita que exibia uma caixa de diálogo semelhante. Na verdade, ele ainda está lá (!) E você pode selecionar amigos e clicar em “enviar recomendações”... mas a mensagem nunca chega.

o Botão enviar agora traz esse recurso de volta às páginas do Facebook, mas muito melhorado.

Mensagens diretas para amigos do Facebook, grupos e endereços de e-mail

Quando um usuário clica no botão Enviar, uma caixa de diálogo é exibida (conforme mostrado abaixo) onde os usuários podem inserir os dados de seus amigos nomes, grupos do Facebook ou simplesmente endereços de e-mail e qualquer mensagem que eles enviem, mais o alvo especificado URL.

• Se enviado para amigos, eles recebem uma mensagem do Facebook que inclui seus comentários, a imagem associada ao URL e a descrição (derivada conforme descrito acima para o botão Curtir).
• Se enviado para um grupo do Facebook, a mensagem aparecerá no mural do grupo.
• Se for enviado para um endereço de e-mail, os destinatários receberão um e-mail com o assunto “conversa com [seu nome]”, a mensagem adicionada e o URL.

# 3: A caixa de comentários: aprimorada

Do Facebook plugin social de caixa de comentários permite que você adicione uma caixa de comentários semelhante ao antigo FBML fb: tag de comentários, mas muito melhor, pois permite discussões encadeadas e reproduz mais de perto a parede.

Exclusivo dos botões Curtir e Enviar, você pode especificar um URL de guia do Facebook para cada caixa de comentários que criar.

Ao gerar o código na página de plug-ins sociais da caixa de comentários, você não precisa ter “ http://www.” no campo URL. O Facebook irá preencher isso em:

tem uma série de recursos de moderação ao usar este plug-in em um site externo, mas eles não parecem estar disponíveis quando a caixa Comentários está em uma guia iFrame.

Grandes oportunidades para marcas que usam guias iframe personalizadas

Essas tags novas e aprimoradas são apenas o começo. Eu imagino que os administradores de páginas verão uma série de melhorias em plugins sociais nos próximos meses. E não vamos sentir falta do FBML de forma alguma!

O que você acha? Você tem algum plug-in social específico que gostaria de ver e que ainda não foi desenvolvido? Deixe seus comentarios na caixa abaixo.