Aprenda a fazer um "Clique e descubra" para fan Pages do facebook

Recentemente eu percebi uma nova moda nas fan pages do facebook o "Clique e descubra". Pensando em trazer conhecimento aos leitores do Rede Social Beta, eu procurei (muito) como fazer um "Clique e descubra" para sua fã page.
Para fazer este tutorial, eu usei como "cobaia" a minha fan page no facebook: Bruno Mars Fã Clube
(não inseri imagens diretamente anexadas para não pesar a página e causar problemas)


Materiais:

  • As imagens que você irá usar, veja abaixo quais:
    • Uma com o texto: "Primeiro clique em curtir" (ou semelhantes - não necessário) Veja este exemplo;
    • Uma com o texto: "Para descobrir, clique no botão abaixo"  (ou semelhantes) Veja este exemplo;
    • Imagens com as alternativas, pode ver estes exemplos!
  • Você deve ter instalado este aplicativo no seu Facebook.
Mão na massa!

  1. Alterando o Nome (não necessário)
    1. Primeiro acesse a página que você instalou o aplicativo, depois clique emEditar informações;
    2. Acesse a aba "Aplicativos" e procure por "Page Tabs: Static HTML + iFrame";
    3. Clique em "Editar configurações" e escolha um nome para o aplicativo, depois clique em "Salvar" e "OK";
  2. Agora faça upload das imagens com os textos principais (as duas primeiras) em um servidor externo ao facebook (recomendo imageshack.us)
    1. Começando a editar
      1. Acesse a página onde o aplicativo foi instalado e procure pelo nome que você inseriu no passo 1.3 (do lado esquerdo, abaixo da imagem);
      2. Você verá algo parecido com isto, não feche esta página;
      3. Códigos
        1. Código 1 - baixar - neste código não deve-se alterar nada, apenas pegue-o, copie-o e cole-o em um novo arquivo .txt;
        2. Código 2 - baixar - este código será alterado em breve - não insira espaço entre os 2 códigos não cole-o até que seja requisitado no tutorial;
        3. Código 3 - baixar - neste código você deve alterar apenas a imagem, para isso basta pressionar CTRL+F e digitar "Imagem" (com aspas) e substituir a palavra Imagem pelo url da imagem que você fez upload (a 1ª). Se quiser, também pode alterar o texto do botão ("Clique aqui para descobrir!");
        4. Código 4 - baixar - é  o último código, nele também não deve ser alterado nada;
        5. OBS.: Cole apenas o código 1 em um novo arquivo;
      4. Escolhendo as alternativas
        1. Esta talvez seja uma das partes mais chatas, portanto você deve ser preciso e prestar atenção em cada passo;
        2. Faça upload de todas as imagens de alternativa para um novo álbum em sua página
        3. Copie o seguinte código: "http://www.facebook.com/sharer/sharer.php?u=URL" (copie até as aspas);
        4. Abra o arquivo code2.txt e procure por "URLs Aleatórias", substitua-o pelo código copiado acima, depois substitua "URL" pelo link da imagem, exemplo: http://www.facebook.com/sharer/sharer.php?u=http://www.facebook.com/media/set/?set=a.291690460895632.72558.204476396283706&type=3
          (obs.: não deve ser a imagem em si, mas sim o link do facebook no modo "Teatro");
        5. Depois de  inserir o primeiro código, insira uma "," (vírgula) depois do link, dê um espaço e repita o passo 4 com outra imagem;
        6. Veja o seguinte exemplo:
          "http://www.facebook.com/sharer/sharer.php?u=http://www.facebook.com/media/set/?set=a.291690460895632.72558.204476396283706&type=3", "http://www.facebook.com/sharer/sharer.php?u=http://www.facebook.com/photo.php?fbid=291690817562263&set=a.291690460895632.72558.204476396283706&type=3&theater", "http://www.facebook.com/sharer/sharer.php?u=http://www.facebook.com/photo.php?fbid=291690910895587&set=a.291690460895632.72558.204476396283706&type=3&theater", "http://www.facebook.com/sharer/sharer.php?u=http://www.facebook.com/photo.php?fbid=291691120895566&set=a.291690460895632.72558.204476396283706&type=3&theater", "http://www.facebook.com/sharer/sharer.php?u=http://www.facebook.com/photo.php?fbid=291691220895556&set=a.291690460895632.72558.204476396283706&type=3&theater", "http://www.facebook.com/sharer/sharer.php?u=http://www.facebook.com/photo.php?fbid=291691277562217&set=a.291690460895632.72558.204476396283706&type=3&theater";
      5. Finalizando
        1. Com todos os 4 códigos abertos junte-os em um novo arquivo (não insira espaços entre eles) e copie o código final;
        2. Agora vem o mais simples: na página do facebook aberta no paço 3.1 cole o código do paço 5.1 (na 1ª caixa "Content");
        3. Na caixa "Non-fans content" altere para "URL" e copie  o URL da 2ª imagem;
        4. Clique em "Save and Publish" e comece a desfrutar!
    Gostou do tutorial? Encontrou algum erro? Têm dificuldades? Comente!
    Se tiver qualquer dúvida que quiser me perguntar pessoalmente, me adicione ao Google Plus/Talk ou me envie um e-mail: wesley.thbst@gmail.com

      7 comentários:

      Postar um comentário