Como criar página HTML personalizada no Facebook

quarta-feira, 27 de março de 2013

Como inserir uma página HTML no Facebook com uma nova tab

No final de Março de 2012 a Jamile fez uma pergunta legal no comentário do artigo 'destacando uma publicação no Facebook', algo que eu ia mesmo falar mas acabei esquecendo com o tempo (e não tomei nota), então façam diferente, sempre anotem as coisas, mesmo que em uma postagem rascunho aqui no Blogger para não esquecerem. A pergunta em resumo é ‘Como criar uma página HTML estática no Facebook?’.

Já falei antes sobre como mudar o ícone do aplicativo do facebook, usei como exemplo o um aplicativo de sorteio, mas sei que ainda falta falar sobre como inserir o aplicativo de sorteio em uma página de fãs, podem me cobrar, mas eu anotei também. Ensinei também a destacar publicações, agendar conteúdo para ser postado automaticamente, indicar outras páginas na sua e falei outras coisas. Como o Facebook está sempre buscando meios para otimizar a interação entre usuário final e investidores, há muitas mudanças.

Quando eu coloquei minha página de teste de HTML no perfil do Arruma Blog no Facebook, não tinha o espaço ‘Central de Aplicativos’ na coluna lateral do site. Se não me engano eu tive que acessar um link do aplicativo acessando o site do fabricante desenvolvedor e não tinha muitos recursos para encontra-lo dentro do Facebook. Hoje o recurso ‘Central de Aplicativos’ envolve (para a minha alegria) não só jogos, mas também o aplicativo para tornar sua página de fãs ainda mais legal.

INSERINDO UMA PÁGINA (GUIA) EM SEU PERFIL
No perfil do Arruma Blog eu uso o sistema da empresa Oracle chamado ‘Involver’, muito eficiente e estável, mas limitado quanto a iframes e frames. Vou falar sobre ele pois já o tenho e uso. No print, o mais usado é o ‘Static HTML Iframe tab by Woobox’ e eu não conheço mas pela quantidade de uso, creio que é tão simples usar e melhor pra quem deseja usar formulários e outros comandos HTML dentro da página.



ATENÇÃO: Se você não deseja usar o aplicativo Involver que limita a edição da página, não precisa continuar lendo o passo a passo e pode ler as instruções do próprio aplicativo no facebook.

Após selecionar o aplicativo desejado, clique sobre ele e a tela de ‘boas vindas’ aparecerá. Cada aplicativo tem sua tela diferente uma da outra. Clique em ‘Click here to install’.

Agora escolha a página que receberá a Tab do aplicativo . Após este passo o aplicativo já estará instalado e você terá que configurar algumas coisas.
Você pode usar apenas uma imagem, usar um HTML customizado parecido com a nossa e uma customização SML que é resumidamente uma forma de pagamento cuja a ponte é o Facebook e o aplicativo em questão (não recomendo este SML nem mesmo para criar loja virtual ainda. Ele é mais burocrático e eu nunca ouvi falar). Você pode customizar o nome da Tab e até criar uma nova Tab em sua página, veja na imagem abaixo. Não se esqueça de Salvar em ‘Save chances’

Agora, é só ver o resultado e ir moldando-a conforme desejar.

DICAS DE USO
Eu usei a minha no começo para chamar a atenção à ultima promoção que fiz aqui, mas depois passei a usar o Sortei.me então a aba ficou meio sem sentido. Ainda assim, ela serve como um apelo a quem chega no Facebook e gosta de explorar. Não desejei excluí-la pois foi bem difícil encontra-la e hoje vejo que há mais alternativas.

Hoje, vejo que podemos usá-la para inserir o mesmo formulário do ‘Google Docs’ que está no site ou blog na página, centralizando todos os resultados possíveis em um único local. Podemos inserir um formulário de contato por lá também, se bem que eu acho isso muito redundante pois há a opção ‘mensagem’ que é nada menos que um e-mail pro dono do perfil e há uma infinidade de interação com o usuário que você pode criar (vídeos do YouTube e players com os melhores podscast). Aceito comentários para visitar páginas criativas feitas com base nesse artigo.

Você ainda pode ler outro tutorial com outro aplicativo aqui, um tutotial para criar seu próprio aplicativo com página estática e ser 'mega_fodão' (recomendável para empresas ou desenvolvedores) lendo este tutorial ou ainda ler um resumão dos 10 melhores aplicativos para criar este tipo de página no Facebook aqui.

VOCÊ JÁ CRIOU SUA PÁGINA?

12 comentários:

  1. Adorei a matéria, obrigada pelas informações,estou sempre passando por aqui! Ah só uma duvida essa instalação do aplicativo é cobrada?
    Desde já agradeço a atenção.
    Jamile.

    ResponderExcluir
    Respostas
    1. Olá Jamile, que bom que gostou.
      Bem, pelo que notei não há custo algum no uso do aplicativo. Recomendo que fique atenta na hora da instalação do aplicativo e sempre leia tudo antes de aceitar.
      Até mais

      Excluir
    2. Oi Rafa, tentei inúmeras vezes instalar mas não consegui,não encontro esse aplicativo rs. Uma pena!

      Excluir
    3. Jamile, o link direto para o aplicativo está logo após o subtítulo 'Como inserir....' ou aqui https://apps.facebook.com/involver_wmzssnae/

      Espero que dê tudo certo.

      Excluir
    4. Rafael deu tudo certo rs... Finalmente consegui,quero agradecer a atenção,sem essas dicas eu não teria conseguido. A minha página está melhorando a cada dia, graças a Arruma Blog,Parabéns pelo trabalho.

      Excluir
    5. =D Agradeço as palavras e fico feliz que agora deu tudo certo. Sucesso viu

      Excluir

  2. Rafa, vim só desejar um ótimo final de semana pra ti, e mtos chocolates nessa Páscoa pq né... Nós merecemos!

    Abraço.
    Evelyn Oliveira

    cupcakerock.blogspot.com
    @evelyncmo

    ResponderExcluir
    Respostas
    1. Evenlyn,
      Agradeço a passagem e comentário. Visitei seu blog a tempo mas respondo aqui só para constar. Um bjo

      Excluir
  3. Olá! CAra, tentei com esse aplicativo e tbm tive o mesmo problema. Na hora de mudar a imagem da do icone aparece a seguinte mesangem: The image you are trying to upload are invalid. It may be corrupt, of wrong file format or the wrong size. Mas te juro, já tentei mais de um milhão de imagens, todas sendo ajustadas para esse tamanho exato e sempre nesses file formats. Sabe o que pode ser?

    ResponderExcluir
    Respostas
    1. Olá Fabi,
      Pelos comentários que fez aqui no Arruma Blog notei que deseja mesmo arrumar o ícone da sua página. Não consegui um contato direto com vc (e-mail ou rede social), então vai por aqui mesmo.
      No facebook, sei que você já pode ter lido isso lá mas e importante verificar se a img foi no formato JPG, GIF ou PGN. Também se o 'tamanho' da imagem é 111 x 74 pixels e não pode passar o limite de 5 MB.
      A edição das minhas imagens foram feitas na suite de aplicativos Adobe que tem uma boa quantidade de informação relevantes como por exemplo o tamanho exato que ela vai ficar no final (largura e altura) e também o tamanho da imagem em MB. Qualquer coisa, me mande mais informações no formulário de contato.

      Excluir
    2. Rafa.. minha imagem está nessas mesma medidas e limite de mb, mas não estão sendo aceitas.. o que será!?

      Excluir
    3. Olá Bruno,
      é difícil falar o que realmente pode estar dando errado quando não estou vendo ou acompanhando o processo. O caso da Fabi ela me mandou um e-mail dizendo que encontrou o problema, e era o software de edição de imagem que ela estava usando "Embora eu tivesse reduzido o tamanho das imagens para 111x74, o aplicativo que usei para fazer isso automaticamente reajustava para dar proporção" em resumo, mesmo colocando os valores necessários, o programa fazia modificações no resultado final.
      Recomendo que faça o processo de 'descarte de hipóteses' ou seja, faça testes e em determinadas etapas faça verificações pra ver qual parte do processo está sendo feita errada. Sucesso

      Excluir

Use este espaço para perguntar, questionar ou dar algum complemento sobre o artigo em questão. Todos os comentários publicados no Arruma Blog são de inteira responsabilidade dos seus respectivos autores. A finalidade do comentário é proporcionar ao leitor o poder de resposta sobre a postagem apenas. Neste campo não será aprovado comentários para publicar link e/ou material com conteúdo pornográfico de qualquer espécie, discriminatório ou ofensivo de qualquer natureza; que enviar informações sobre atividades ilegais e/ou incitar crimes ou violência. Para finalidades comerciais ou contato direto com o autor damos a opção de 'entrar em contato no topo da página'.

É expressamente proibido utilizar o espaço de comentários para engajar-se em atividades de cunho comercial, como vender produtos, procurar anunciantes e patrocinadores, divulgar informações pessoais de contato, além de veicular banners de qualquer espécie. Também serão apagados comentários de auto-promoção ou que não sejam pertinentes ao artigo em questão.

Todos os comentários são moderados e poderão ser excluídos caso sejam considerados inadequados, ofensivos ou alheios ao objetivo do blog. Este é blog é protegido pela lei de direitos autorais vigente no Brasil.


















 
Arruma Blog © 2009 - 2013 | Desenhado por Bubble Shooter | Direitos reservados | Obrigado pela visita