Gostaria de desbloquear: como construir um portão básica fã no facebook sem pagar por hospedagem

Ame-o ou deteste-o, todos e seu cão está no Facebook nowadays- assim como qualquer coisa que é popular na vida, foi totalmente subvertida por tipos de marketing. Um uso extremamente eficaz de um Facebook hospedado página da marca é incentivar as pessoas a gostar da página, criando alguns membros-único segredo conteúdo- comumente referido como um “portão de fã”. Este é preenchido com vídeos exclusivos, downloads ou talvez um cupom de compras - que usamos um aqui no MakeUseOf para dar aos nossos fãs acesso fácil a todas as competições atuais.

Esse tipo de aplicativo básico Facebook era relativamente simples para criar no passado, mas o Facebook agora exige que todos os aplicativos guia de página para ter uma versão segura - uma HTTPS acesso url - mas isso é outra US $ 100 por ano em cima de seus custos de hospedagem existentes para o seu site. Mesmo se você executar uma loja de e-commerce pequeno, você pode usar o PayPal como um provedor de pagamento e, portanto, não têm necessidade de certificados SSL. Mas não se preocupe, como Facebook também fez uma parceria com Heroku - uma nuvem empresa de hospedagem - que significa que você pode criar seu próprio aplicativo básico Facebook, e hospedá-lo gratuitamente, em um servidor seguro. Quer saber mais? Leia sobre como eu fazer uma aplicação guia Facebook fan page-gate básico, hospedados gratuitamente, em Heroku.

Registre-se como um desenvolvedor

Antes de fazer qualquer apps, você precisa ser um desenvolvedor registrado. Ir para developers.facebook.com para começar, e clique no verde registo botão no canto superior direito, se não tiver já. Você precisa de um número de telefone para se registar, mas por outro lado é grátis.

Se você já está registrado grande - clique Apps na barra de ferramentas superior para obter uma visão geral de seus aplicativos atuais.

Criar um novo aplicativo

Aqui é onde a diversão começa. Clique em Criar Novo App. A nomeação não importa realmente, mas, obviamente, escolher algo relevante. O campo namespace será anexado ao URL da página de fãs quando o usuário clica no tabulação pode deixá-lo em branco, mas, em seguida, eles vão ver o ID do aplicativo no URL em vez disso, que é um pouco mais feia. O namespace também deve ser único, por isso nem sequer se preocupar com algo como “testapp” ou você obterá um erro. Finalmente, marque a caixa que diz que você quer hospedagem gratuita de Heroku.

Depois de preencher o captcha você será convidado a escolher o tipo de hospedagem que você quer de Heroku - selecione PHP, e aceitar. Facebook irá criar automaticamente uma nova conta para você em Heroku se você não tiver um, e pré-preencher as configurações de URL em seus princípios, o que é legal da parte deles. Na verdade, é muito difícil de confusão este passo.

Video: CRIAR RADIO ONLINE GRATIS,E TRANSMITIR,O MELHOR PASSO A PASSO 2017 atualizado

Na página de detalhes do app, você também gostaria de definir o tipo de aplicativo a ser um “Guia Page”, e garantir os URLs relevantes são introduzidos lá também - mais uma vez, este deve ser automática. Em seguida, salve.

Heroku Primeiros Passos

Quando concluída, você receberá um e-mail de Heroku com detalhes de como alterar sua senha e fazer o download do “toolbelt” Heroku para o seu sistema. Para aqueles que não estão familiarizados com Heroku, que não é uma série tradicional no sentido de que você pode entrar para um endereço de FTP e fazer upload de Arquivos- vez Heroku trabalha com Git, um sistema de controle de versão. Depois de ter o toolbelt instalado, você primeiro precisa clonar o site para sua unidade local - isto dá-lhe um diretório que é um espelho do que está hospedado em Heroku. Sempre que você fizer alterações a esses arquivos, você sincronizá-los todos de volta novamente para atualizar Heroku.

As instruções para fazer isso primeira sincronização estão contidos dentro de seu e-mail de boas-vindas, e é um simples comando de uma linha única para o seu endereço de hospedagem - basta copiar e colar a partir do e-mail. O seu URL de hospedagem é completamente arbitrária - no meu caso, foi seca-floresta-7743 - é gerado aleatoriamente e não importa em tudo, porque os usuários não vai vê-lo. Abra o diretório recém-criado, e dar uma olhada ao redor.

Heroku colocou em um monte de funcionalidade, mas nós não precisamos de mais do mesmo. Abrir index.php e dar uma olhada ao redor. Localizar as seguintes linhas perto do início do arquivo:

$ Facebook = new Facebook (array ( `APPID` = gt; AppInfo :: appID (), `segredo` = gt; AppInfo :: appSecret (), `sharedSession` = gt; verdade, `trustForwarded` = gt; verdadeiro, )) -

e logo em seguida, copiar em estes:

Video: Como começar a vender doces e salgados? Vida de doceira #01

$ Signed_request = $ facebook-gt; getSignedRequest () - $ gostaram = $ signed_request [ `page`] [ `gostava`] -

Não se preocupe se isso tudo é muito complicado para você - Vou dar-lhe um modelo acabado 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ê quer saber exatamente o que é enviado, adicione o seguinte:

print_r ($ signed_request) -

e você vai ter uma impressão completo do objeto do pedido assinado.

Neste ponto, devo admitir que eu estava tendo problemas reais recebendo o trabalho pedido assinado - parecia que Heroku foi tirando os dados no carregamento da página, e foi só depois de carregar a API JS (um bom 10 segundo após o carregamento da página inicial ) que a página seria atualizar e indicar o correto “gostei” status. Graças a esta pergunta Stack Overflow, a solução parecia estar tirando o código que impõe HTTPS para usuários inseguros. Excluir o seguinte bloco de código no início do modelo:

// Forçar https sobre productionif (substr (AppInfo :: getUrl (), 0, 8) =! `Https: //` && $ _SERVER [ `REMOTE_ADDR`] = `127.0.0.1`) {header ( `Location: https: //`.. $ _SERVER [ `HTTP_HOST`] $ _SERVER [ `REQUEST_URI`]) - exit () -}

Agora, quando a página é carregada, você tem uma variável booleana - que é um verdade ou um falso - que indica se o usuário tem gostado da página ou não. Você pode usar isso com um simples E se declaração para mostrar qualquer conteúdo uma ou b:

? Lt; phpif ($ gostei): echo ( `fã`) - // esta é a sua contentelse segredo:? Echo ( `não é um fã`) - // isso é mostrado para o potencial fansendif- gt;

Lugar que logo após a abertura tag em index.php. Agora, se você tiver visualizado sua página na Heroku, você vai perceber que tem uma enorme quantidade de funcionalidades adicionais, mostrando páginas que você gostava, botões para publicar actualizações etc - não precisamos de nada disso realmente, então eu despojado de tudo fora, incluindo o javascript SDK para o Facebook, deixando apenas o CSS e nosso fã-gate. Aqui está o código despojado acabei usando (Esta é uma imagem - copiar e colar a partir Pastebin, se desejar):

Você deve editar as seções que dizem “não é um fã” e “fã” para conter o seu padrão e conteúdo secreto respectivamente. Se você preferir manter o seu conteúdo em um arquivo separado, use:

incluir("secret.html") -

para importar arquivos externos.

Sincronia com Heroku

Depois de ter feito todas as alterações necessárias ao seu arquivo, você precisa sincronizar de volta com Heroku - fazemos isso por “empurrar” a nossa cópia local para o “branch master” no Heroku. Certificar-se de que você está no diretório correto na linha de comando, digite:

git commit -AM "muda mensagens"

(Você pode substituir mensagem de mudanças com uma nota a si mesmo de que mudanças você realmente fez desta vez - é uma boa prática para manter estes registros)

e depois

mestre heroku git push

Aguarde até que o comando ao fim, pois pode demorar um pouco.

Etapa final: Adicione o aplicativo à sua página

Agora que o aplicativo é construído, precisamos realmente de adicioná-lo como um guia para a sua página da marca. Curiosamente, isso é feito usando uma URL especialmente criada:

https://facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri = YOUR_APP_URL_ON_HEROKU

Substituir your_app_id com o ID listados em seus detalhes do app, e YOUR_APP_URL_ON_HEROKU com o URL para o seu hosting Heroku. Carregando este URL especial, então, iniciar a “adicionar à sua página” de diálogo, da qual você pode selecionar a página da marca direita adicionar seu guia página para.

Então hey presto - que vai ser um novo botão na sua página, como este:

Video: Cinema 4D: Como criar uma Intro/Vinheta GRÁTIS para YouTuber

Como você pode ver, nós não especificou uma imagem para a guia ainda assim é deixada como padrão - você pode fazer isso a partir de sua página de detalhes do app. Isso é basicamente ela embora se você carregar esse guia, o meu substituto index.php vão quer mostrar-lhe como ventilador ou um não fã. Ou o que você personalizou-o para mostrar:

Eu vou admitir - este processo foi mais difícil do que eu esperava, mas não evitar completamente a necessidade de acolher qualquer coisa em seu próprio servidor ou obter certificado SSL. Se você tiver dúvidas ou questões, pergunte nos comentários e eu vou tentar ajudar. Se os comentários estão fechados, sobre a cabeça em nosso respostas local- e por favor, se você encontrou este tutorial útil, não compartilhá-lo em sua rede social favorita. Além disso, você provavelmente vai querer verificar a nossa livre, guia completo para marketing de mídia social, e considere adicionar Pinterest a sua estratégia também.