Ame ou deteste, todo mundo e seu cachorro estão no Facebook hoje em dia; Assim como tudo que é popular na vida, foi totalmente subvertido por tipos de marketing. Um uso incrivelmente eficaz de uma página de marca hospedada no Facebook é incentivar as pessoas a curtirem a página criando algum conteúdo exclusivo para membros; comumente referido como um "portão do ventilador". Este é preenchido com vídeos exclusivos, downloads ou talvez um cupom de compras - usamos um aqui no MakeUseOf para dar aos nossos fãs fácil acesso a todas as competições atuais.
Esse tipo de aplicativo básico do Facebook era relativamente simples de criar no passado, mas o Facebook agora exige que todos os aplicativos de guia de página tenham uma versão segura - um URL de acesso HTTPS - mas são outros US $ 100 por ano além dos custos de hospedagem existentes em seu site . Mesmo que você administre uma pequena loja de comércio eletrônico, você pode usar o PayPal como provedor de pagamento e, portanto, não precisa de certificados SSL. Mas não se preocupe, pois o Facebook também fez uma parceria com a Heroku - uma empresa de hospedagem na nuvem - o que significa que você pode criar seu próprio aplicativo básico do Facebook e hospedá-lo gratuitamente em um servidor seguro. Quer saber mais? Continue lendo enquanto faço um aplicativo básico de aba de página de fan-gate no Facebook, hospedado gratuitamente no Heroku.
Registre-se como desenvolvedor
Antes de criar aplicativos, você precisa ser um desenvolvedor registrado. Vá para developers.facebook.com para começar, e clique no botão verde Register no canto superior direito, se ainda não o fez. Você precisa de um número de telefone para se registrar, mas de outra forma é grátis.
Se você já está registrado, clique em Aplicativos na barra de ferramentas superior para ter uma visão geral dos seus aplicativos atuais.
Crie um novo aplicativo
Aqui é onde a diversão começa. Clique em Criar novo aplicativo . A nomeação realmente não importa, mas obviamente escolha algo relevante. O campo de namespace será anexado ao URL da sua página de fãs quando o usuário clicar nessa guia. você pode deixar em branco, mas eles verão o ID do aplicativo no URL, o que é um pouco mais feio. O namespace também deve ser único, então nem se preocupe com algo como “testapp” ou você receberá um erro. Por fim, marque a caixa que diz que você quer hospedagem gratuita da Heroku.
Depois de preencher o captcha, você será convidado a escolher o tipo de hospedagem que você deseja do Heroku - selecione PHP e aceite. O Facebook criará automaticamente uma nova conta para você em Heroku, se você ainda não tiver uma conta, e pré-preencherá as configurações de URL em seus fundamentos, o que é bom para eles. Na verdade, é muito difícil sujar esse passo.
A partir da página de detalhes do aplicativo, você também deseja definir o tipo de aplicativo como "Página guia" e garantir que os URLs relevantes também sejam inseridos lá. Novamente, isso deve ser automático. Então salve.
Primeiros Passos do Heroku
Quando concluído, você receberá um e-mail da Heroku com detalhes sobre como alterar sua senha e faça o download do "cinto de ferramentas" Heroku para o seu sistema. Para aqueles que não estão familiarizados com o Heroku, ele não é um host tradicional no sentido de que você pode fazer login em um endereço FTP e fazer upload de arquivos; em vez disso, o Heroku trabalha com o Git, um sistema de controle de versão. Uma vez que você tenha o toolbelt instalado, primeiro você precisa clonar o site na sua unidade local - isso lhe dá um diretório que é um espelho do que está hospedado no Heroku. Sempre que você fizer alterações nesses arquivos, você os sincronizará novamente para atualizar o Heroku.
As instruções para fazer esta primeira sincronização estão contidas no seu e-mail de boas vindas, e é um simples comando de uma linha exclusivo para o seu endereço de hospedagem - basta copiar e colar do e-mail. Seu URL de hospedagem é completamente arbitrário - no meu caso foi dry-woodland-7743 - ele é gerado aleatoriamente e não importa, pois os usuários não o verão. Abra o diretório recém-criado e dê uma olhada.
O Heroku colocou bastante funcionalidade, mas não precisamos da maior parte dele. Abra o index.php e dê uma olhada. Encontre as seguintes linhas perto do início do arquivo:
$ facebook = new Facebook (matriz ('appId' => AppInfo :: appID (), 'secret' => AppInfo :: appSecret (), 'sharedSession' => true, 'trustForwarded' => true, )); e imediatamente depois disso, copie nestes:
$ signed_request = $ facebook-> getSignedRequest (); $ liked = $ signed_request ['page'] ['gostou'];
Não se preocupe se tudo isso for muito complicado para você - eu lhe darei um modelo pronto em breve. Um pedido assinado é enviado para o seu aplicativo do Facebook, que inclui algumas informações sobre o usuário - se eles têm acesso de administrador e se eles gostaram da página ou não. Se você quiser saber exatamente o que é enviado, adicione o seguinte:
print_r ($ signed_request);
e você terá uma impressão completa do objeto de solicitação assinado.
Neste ponto, devo admitir que estava tendo problemas para fazer a solicitação assinada funcionar - parecia que o Heroku estava removendo os dados no carregamento da página, e foi somente após carregar a API JS (uns bons 10 segundos após o carregamento inicial da página) ) que a página seja atualizada e indique o status "gostei" correto. Graças a essa pergunta do Stack Overflow, a solução parecia estar removendo o código que impõe o HTTPS para usuários não protegidos. Exclua o seguinte bloco de código no início do modelo:
// Aplique https na produção if (substr (AppInfo: getUrl (), 0, 8)! = 'Https: //' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {header ('Localização : https: // '. $ _SERVER [' HTTP_HOST ']. $ _SERVER [' REQUEST_URI ']]; Saída(); } Agora, quando a página é carregada, você tem uma variável booleana - verdadeira ou falsa - que informa se o usuário gostou ou não da página. Você pode usar isso com uma declaração if simples para mostrar o conteúdo a ou b :
Coloque isso logo após a tag de abertura em index.php . Agora, se você visualizou a sua página no Heroku, você perceberá que ela tem muitas funcionalidades adicionais, mostrando as páginas que você gostou, botões para postar atualizações, etc - nós não precisamos disso, então eu despojou tudo, incluindo o JavaScript SDK para o Facebook, deixando apenas o CSS e o nosso fan-gate. Aqui está o código despojado que acabei usando (esta é uma imagem - copie e cole no PasteBin se você quiser) :
Você deve editar as seções que dizem "não é um fã" e "fã" para conter seu conteúdo padrão e secreto, respectivamente. Se você preferir manter seu conteúdo em um arquivo separado, use:
include ("secret.html"); para importar arquivos externos.
Sincronizar Com Heroku
Uma vez que você tenha feito todas as edições necessárias no seu arquivo, você precisa sincronizar o backup com o Heroku - nós fazemos isso “empurrando” nossa cópia local para o “branch master” no Heroku. Certificando-se de que você está no diretório correto na linha de comando, digite:
git commit -am "muda mensagens"
(Você pode substituir a mensagem de alterações com uma nota para si mesmo sobre quais alterações você realmente fez desta vez - é uma boa prática manter esses registros)
e depois
git push heroku mestre
Aguarde o comando terminar, pois pode demorar um pouco.
Etapa final: adicione o aplicativo à sua página
Agora que o aplicativo foi criado, precisamos adicioná-lo como uma guia à sua página de marca. Curiosamente, isso é feito usando um URL especialmente criado:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_APP_URL_ON_HEROKU
Substitua YOUR_APP_ID pelo ID listado nos detalhes do aplicativo e YOUR_APP_URL_ON_HEROKU pelo URL da sua hospedagem Heroku. Ao carregar esse URL especial, você iniciará a caixa de diálogo "adicionar à sua página", na qual poderá selecionar a página de marca certa para adicionar a guia da página.
Então, ei pronto - vai ser um novo botão na sua página, assim:
Como você pode ver, ainda não especificamos uma imagem para a guia, então ela é deixada como padrão. Você pode fazer isso a partir da página de detalhes do aplicativo. Isso é basicamente isso embora; se você carregar essa aba, o meu index.php de substituição mostrará você como um fã ou não fã . Ou o que você personalizou para mostrar:
Eu admito - esse processo foi mais difícil do que eu esperava, mas evita completamente a necessidade de hospedar qualquer coisa em seu próprio servidor ou obter a certificação SSL. Se você tiver alguma dúvida ou problema, pergunte nos comentários e tentarei ajudar. Se os comentários estiverem fechados, vá para o nosso site de respostas; e, por favor, se você achou este tutorial útil, compartilhe-o na sua rede social favorita. Além disso, você provavelmente vai querer dar uma olhada no nosso guia completo e gratuito para o marketing de mídia social, e considere adicionar o Pinterest à sua estratégia também.