Elsker det eller bedrager det, alle og deres hund er på Facebook i dag; sådan som noget, der er populært i livet, er det blevet fuldstændig undergravet af marketingtyper. En utrolig effektiv brug af en Facebook-hosted brandside er at incitere folk til at kunne lide siden ved at oprette nogle hemmelige medlemmer-kun indhold; almindeligvis omtalt som en "fan gate". Dette er fyldt med eksklusive videoer, downloads eller måske en indkøbskupon - vi bruger en her på MakeUseOf for at give vores fans nem adgang til alle de nuværende konkurrencer.
Denne form for grundlæggende Facebook-app var relativt simpel at skabe tidligere, men Facebook kræver nu, at alle sidefanevisningsapps skal have en sikker version - en HTTPS- adgangsadresse - men det er en anden $ 100 om året ud over dine eksisterende hostingomkostninger til dit websted . Selvom du driver en lille e-handelsbutik, kan du bruge PayPal som betalingsudbyder og har derfor ikke brug for SSL-certifikater. Men bekymre dig ikke, da Facebook også har samarbejdet med Heroku - et cloud hostingfirma - hvilket betyder at du kan oprette din egen grundlæggende Facebook-app og hoste den gratis på en sikker server. Vil du vide mere? Læs videre, da jeg laver en grundlæggende Facebook fan-gate side fan app, hostet gratis på Heroku.
Tilmeld dig som udvikler
Inden du foretager nogen apps, skal du være en registreret udvikler. Gå til developers.facebook.com for at komme i gang, og klik på den grønne Register- knap øverst til højre, hvis ikke allerede. Du har brug for et telefonnummer til at registrere, men ellers er det gratis.
Hvis du allerede er registreret, skal du højreklikke på Apps øverst på værktøjslinjen for at få et overblik over dine aktuelle apps.
Opret en ny app
Her er hvor sjovet starter. Klik på Opret ny app . Navngivningen betyder ikke noget, men vælger selvfølgelig noget relevant. Navnefeltfeltet vil blive vedhæftet til din fan-side-URL, når brugeren klikker på fanen du kan lade det være tomt, men så vil de se app-id'en i webadressen i stedet, hvilket er lidt grimler. Navneområdet skal også være unikt, så ikke engang forstyrre noget som "testapp" eller du får en fejl. Endelig skal du markere boksen, der siger, at du vil have gratis hosting fra Heroku.
Efter at have udfyldt captcha vil du blive inviteret til at vælge den type hosting, du ønsker fra Heroku - vælg PHP, og accepter. Facebook vil automatisk oprette en ny konto til dig hos Heroku, hvis du ikke allerede har en, og forudindfatte URL-indstillingerne i dit grundlæggende, hvilket er rart af dem. Faktisk er det meget svært at ødelægge dette trin op.
Fra siden for appdetaljer vil du også gerne indstille typen af app til at være en "sidefane", og sikre, at de relevante webadresser er indtastet der også - igen skal dette være automatisk. Gem derefter.
Heroku første skridt
Når du er færdig, får du en email fra Heroku med oplysninger om, hvordan du ændrer din adgangskode, og download Heroku "værktøjsbæltet" til dit system. For dem, der ikke er bekendt med Heroku, er det ikke en traditionel vært i den forstand, at du kan logge ind på en FTP-adresse og uploade filer. i stedet arbejder Heroku med Git, et versionsstyringssystem. Når du har installeret værktøjsbæltet, skal du først klone webstedet til dit lokale drev - dette giver dig en mappe, der er et spejl af, hvad der er hostet på Heroku. Når du ændrer disse filer, synkroniserer du dem alle tilbage igen for at opdatere Heroku.
Instruktionerne til at gøre denne første synkronisering er indeholdt i din velkomst e-mail, og det er en enkel en-linjekommando, der er unik for din hosting-adresse. Du skal bare kopiere og indsætte fra emailen. Din hosting-URL er fuldstændig vilkårlig - i mit tilfælde var det tørskov-7743 - det er tilfældigt genereret og er ligegyldigt, fordi brugere ikke kan se det. Åbn den nyoprettede mappe, og kig rundt.
Heroku har lagt en hel del funktionalitet, men vi har ikke brug for det meste. Åbn indeks.php og kig rundt. Find følgende linjer i nærheden af starten af filen:
$ facebook = ny Facebook (array ('appId' => AppInfo :: appID (), 'hemmelig' => AppInfo :: appSecret (), 'sharedSession' => true, 'trustForwarded' => true)); og straks efter det, kopi i disse:
$ signed_request = $ facebook-> getSignedRequest (); $ liked = $ signed_request ['page'] ['ønsket'];
Bare rolig, hvis dette er alt for kompliceret til dig - jeg giver dig en færdig skabelon snart. En underskrevet anmodning sendes til din app fra Facebook, som indeholder nogle oplysninger om brugeren - om de har administratoradgang, og om de har ønsket siden eller ikke. Hvis du vil vide præcist, hvad der sendes, skal du tilføje følgende:
print_r ($ signed_request);
og du får en fuld udskrift af den underskrevne forespørgselsobjekt.
På dette tidspunkt må jeg indrømme, at jeg havde reelle problemer med at få den underskrevne forespørgsel til at fungere - det viste sig, at Heroku fjernede dataene på sidebelastning, og det var først efter at have læst JS API'en (en god 10 sekunder efter den første sidebelastning ) at siden ville opdatere og angive den korrekte "lide" status. Takket være dette Stack Overflow-spørgsmål syntes løsningen at fjerne koden, der håndhæver HTTPS for usikrede brugere. Slet følgende kodenummer i starten af skabelonen:
// Foretag https om produktion hvis (substr (AppInfo :: getUrl (), 0, 8)! = 'Https: //' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {header : https: // '. $ _SERVER [' HTTP_HOST ']. $ _SERVER [' REQUEST_URI ']); Afslut(); } Nu, når siden er indlæst, har du en boolsk variabel - det er en sand eller en falsk - der fortæller dig om brugeren har set siden eller ikke. Du kan bruge dette med en simpel if- sætning til at vise enten indhold a eller b :
Placer det lige efter åbningstaggen i index.php . Nu, hvis du har forhåndsviset din side på Heroku, vil du bemærke, at den har en masse ekstra funktionaliteter, viser sider, du har ønsket, knapper til post opdateringer osv. - vi behøver ikke noget af det virkelig, så jeg fjernet det hele sammen med JavaScript SDK for Facebook, forlader kun CSS og vores fan-gate. Her er den fjernede kode, jeg endte med at bruge (dette er et billede - kopi indsæt fra PasteBin, hvis du ønsker det) :
Du skal redigere de afsnit, der siger "ikke en fan" og "fan" for at indeholde dit standard og hemmeligt indhold. Hvis du foretrækker at holde dit indhold i en separat fil, skal du bruge:
indbefatter ( "secret.html");
at importere eksterne filer.
Synkroniser med Heroku
Når du har lavet alle nødvendige redigeringer til din fil, skal du synkronisere backup med Heroku - det gør vi ved at "skubbe" vores lokale kopi til "master branchen" på Heroku. Sørg for at du er i den korrekte mappe fra kommandolinjen, skriv:
git commit -am "ændrer meddelelser"
(du kan erstatte ændringsmeddelelser med en note til dig selv om, hvilke ændringer du faktisk har foretaget denne gang - det er god praksis at beholde disse optegnelser)
og så
git push heroku master
Vent til kommandoen er færdig, da det kan tage et stykke tid.
Endelig trin: Tilføj appen til din side
Nu da appen er opbygget, skal vi faktisk tilføje den som en fane til din varemærke side. Det er nysgerrigt, at dette sker ved hjælp af en specielt designet URL:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_APP_URL_ON_HEROKU
Udskift YOUR_APP_ID med det id, der er angivet på dine appoplysninger, og YOUR_APP_URL_ON_HEROKU med webadressen til din Heroku-hosting. Hvis du læser denne særlige webadresse, starter du dialogen "Tilføj til din side", hvorfra du kan vælge den rigtige brandside for at tilføje din sidefaneblad til.
Så hej presto - det bliver en ny knap på din side, som denne:
Som du kan se, har vi ikke angivet et billede for fanen endnu, men det er tilbage som standard - det kan du gøre på din side med appoplysninger. Det er dybest set det dog; Hvis du læser fanen, vil min erstatning index.php enten vise dig som fan eller en ikke fan . Eller hvad du tilpassede det til at vise:
Jeg indrømmer - denne proces var sværere end forventet, men det undgår fuldstændigt behovet for at være vært for noget på din egen server eller få SSL-certificeret. Hvis du har spørgsmål eller problemer, spørg væk i kommentarerne, og jeg vil forsøge at hjælpe. Hvis kommentarerne er lukkede, gå videre til vores Answers site; og vær venlig at dele den på dit yndlings sociale netværk, hvis du fandt denne vejledning nyttig. Du vil også sandsynligvis gerne tjekke vores gratis, komplette guide til social media marketing, og overvej også at tilføje Pinterest til din strategi.