Você já se perguntou como algumas pessoas fazem Facebook Quais páginas exibem conteúdo ou ofertas específicas apenas para fãs? Se assim for, não procure mais.
(Atualização importante: Facebook Não é mais compatível com o FBML. Veja artigos sobre Facebook iFrame.) Uma das tags FBML mais populares é fb: visível na conexão. Favorita pelos vendedores, essa tag FBML permite Facebook página a Mostrar vários conteúdos para fãs e não fãs. Quando um não fã clicar no botão "Curtir", faça isso! – O conteúdo que não é fã desaparece e o conteúdo que exclui fãs o substitui. Este é um método muito eficaz de motivar o usuário a se tornar um fã do site.
Essa tag FBML é frequentemente e incorretamente chamada "hacking"; no entanto, foi criado por Facebook faça exatamente o que ele faz: exibir conteúdo dentro da tag no usuário ou em Facebook perfil da página apenas se o espectador for amigo ou fã do usuário Facebook página. "
Exemplos de marcas que usam conteúdo apenas para fãs
Existem muitas maneiras motivar os visitantes a gostar do seu site. Aqui estão alguns exemplos de marcas em Facebook:
Levi promete "acesso instantâneo a conteúdo exclusivo".
1-800 flores oferecem um código de desconto para 20% de desconto no seu próximo pedido.
Teesey Tees mantém o segredo: "Veja o que está acontecendo."
A DIGISTORE oferece "Códigos de desconto, ofertas especiais sem aviso prévio, brindes mensais gratuitos".
Eles te dão uma foto. "Temos um ótimo conteúdo aqui, MAS PRIMEIRO, você deve gostar!"
Claro que você deveria verifique se o "trailer" para não-fãs é atraente o suficiente para gostar do seu site. Muitos sites exigem que os visitantes se tornem fãs antes de exibir algum conteúdo, mas não transmitir o valor do conteúdo. As camisetas da Teesey acima são muito parecidas.
Abaixo estão as instruções sobre como adicionar conteúdo apenas para fãs no site.
Adicione um aplicativo FBML estático ao seu site
Você deve primeiro adicionar um aplicativo FBML estático ao seu site. Aqui está o tutorial.
CUIDADO: O FBML estático pode ser adicionado apenas a um arquivo Facebook página (ou seja, site comercial, site da empresa, site da marca). Não pode ser adicionado ao seu perfil pessoal.
O que é o FBML?
FBML é a própria linguagem de marcação do Facebook que permite que o conteúdo do cartão interaja com Facebook API ("Interface de programação de aplicativos"). É tão fácil de usar quanto HTML.
A maioria das tags FBML, incluindo as que eu uso neste artigo, possui uma tag de abertura e fechamento. O conteúdo de cada tag (HTML, CSS e / ou mais FBML) é colocado entre essas tags de abertura e fechamento.
Crie conteúdo apenas para fãs na guia personalizada
Depois de adicionar um aplicativo FBML estático, a implementação dessa tag FBML é bastante fácil. A única parte um pouco difícil é se livrar do espaço em branco que cria conteúdo apenas para os fãs, mesmo que ainda não esteja visível.
Facebook use "visibilidade: oculto"estilo ocultar o conteúdo dos fãs até que o usuário goste da página. No entanto, esta regra de estilo se aplica ao conteúdo; não é apenas conteúdo. Portanto, o conteúdo de uma página que não seja de fã é empurrado para a página! No entanto, isso pode ser facilmente resolvido com a ajuda de um pequeno CSS de "posicionamento absoluto". Eu incluo essa abordagem nos exemplos abaixo.
Código do campo FBML:__abENT__lt; div id = __ abENT__; otoki__abENT__quot; __ abENT__gt; CONTEÚDO SOMENTE PARA FÃS AQUI _abent__lt; div id = __ abent__quot; não-fani__abENT__quENT; abENT__gt; CONTEÚDO NÃO FÃS _ab_______
Como mostrado acima, todo o conteúdo do cartão estará contido no DIV do invólucro.
abra-o contendo DIV. Os estilos CSS são aplicados ao identificador 'container' através da folha de estilos.
Todo o conteúdo apenas para fãs e não fãs é colocado entre a abertura tag e fechamento tag. Esse conteúdo pode ser HTML, FBML e CSS.
O primeiro lugar é o conteúdo exclusivo para fãs, seguido pelo conteúdo não relacionado a fãs que se segue imediatamente após a abertura Tag FBML.
O conteúdo que não é fã está contido em
s
As tags de estilo CSS são aplicadas a identificadores "não fanáticos" por meio de uma folha de estilos.
Imediatamente após o conteúdo que não seja fã, ele fecha tag e fechando rotular e finalmente
etiqueta para fechar a DIV "embalagem".
Aqui está um campo FBML estático com o código acima, um link para uma folha de estilos externa:
Aqui está o CSS da folha de estilos externa (com um exemplo de URL): # wrapper {width: 520px; margin:0 auto; limite:0; padding:0; posição: relativa;} # não fãs {width: 520px; posição: absoluta; top:0; à esquerda:0};
Sua folha de estilos externa deve ter regras de estilo CSS. Não participe
etiquetas!
Se você não pode usar uma folha de estilos externa
Se você não possui um servidor no qual pode fazer upload de uma folha de estilos separada, pode Estilos "embutidos" em tags HTML. Embora isso não seja o ideal, é uma opção se você não puder criar uma folha de estilos separada, hospedá-la no servidor e conectar-se a tag.
Aqui está um exemplo acima com estilos para
tags incorporadas (lembre-se, não precisamos de identificadores se usarmos essa abordagem):
Teste e solução de problemas
Testar e solucionar problemas com essa tag FBML específica é um pouco difícil, porque Ao fazer login como usuário administrador do site, você verá conteúdo apenas para fãs e não para fãs ao navegar no cartão.
O que há no Facebook Anunciando a morte do FBML?
Em 19 de agosto de 2010, Namita Gupta anunciou a próxima fase da retirada da FBML. No entanto, espero que o suporte a tags estáticas FBML e fb: visible-to-connection esteja disponível indefinidamente. O Static FBML é um aplicativo do FacebookOwn e, há alguns meses atrás, ofereceu guias Static FBML personalizadas como um prêmio de consolação para usuários que estavam em uma situação difícil ao remover a guia Boxy. Espero que seja apoiado até 2011 e talvez até mais tarde.
Leia este artigo detalhado sobre o futuro do FBML estático e do FBML, que inclui as opiniões de vários programadores especializados.
Você já experimentou conteúdo exclusivo para fãs no seu dispositivo? Facebook Home? Qual foi sua experiência Deixe seu comentário no campo abaixo.
