Wie man ein einfaches Facebook Fan Gate ohne Bezahlung für Hosting freischaltet

Lieben oder verabscheuen, heutzutage ist jeder und sein Hund bei Facebook. So wie alles, was im Leben beliebt ist, wurde es von Marketing-Typen völlig untergraben. Eine unglaublich effektive Nutzung einer von Facebook gehosteten Markenseite besteht darin, die Leute dazu anzuregen, die Seite zu mögen, indem sie geheimen, nur für Mitglieder bestimmten Inhalt erstellen. allgemein als a bezeichnet “Fanmeile”. Hier finden Sie exklusive Videos, Downloads oder vielleicht einen Einkaufsgutschein - wir verwenden einen hier bei MakeUseOf, um unseren Fans einen einfachen Zugang zu allen aktuellen Wettbewerben zu ermöglichen.

Diese Art einer einfachen Facebook-App war in der Vergangenheit relativ einfach zu erstellen, aber Facebook erfordert jetzt, dass alle Apps auf der Registerkarte "Seiten" eine sichere Version haben - eine HTTPS Zugriffs-URL - aber das sind weitere 100 US-Dollar pro Jahr zusätzlich zu Ihren bestehenden Hosting-Kosten für Ihre Website. Selbst wenn Sie einen kleinen E-Commerce-Store betreiben, können Sie PayPal als Zahlungsanbieter verwenden und benötigen daher keine SSL-Zertifikate. Aber keine Sorge, da Facebook auch mit Heroku - einem Cloud-Hosting-Unternehmen - eine Partnerschaft eingegangen ist, können Sie Ihre eigene einfache Facebook-App erstellen und diese kostenlos auf einem sicheren Server hosten. Möchten Sie mehr wissen? Lesen Sie weiter, während ich auf Heroku eine kostenlose App für Facebook-Fan-Gate-Seitenregisterkarten mache.

Registrieren Sie sich als Entwickler

Bevor Sie Apps erstellen, müssen Sie ein registrierter Entwickler sein. Gehen Sie zu Developers.facebook.com, um anzufangen, und klicken Sie auf das grüne Registrieren Taste oben rechts, wenn noch nicht. Sie benötigen eine Telefonnummer, um sich zu registrieren, ansonsten ist sie kostenlos.

Wenn Sie bereits registriert sind, klicken Sie in der oberen Symbolleiste auf Apps, um eine Übersicht über Ihre aktuellen Apps zu erhalten.

Erstellen Sie eine neue App

Hier beginnt der Spaß. Klicke auf Neue App erstellen. Die Benennung spielt keine Rolle, aber wählen Sie offensichtlich etwas relevantes aus. Das Namespace-Feld wird an die URL der Fan-Seite angehängt, wenn der Benutzer auf diese Registerkarte klickt. Sie können es leer lassen, aber stattdessen wird die App-ID in der URL angezeigt, was etwas hässlicher ist. Der Namespace muss auch sein einzigartig, Also stört euch nicht mal mit so etwas “testapp” oder Sie erhalten einen Fehler. Aktivieren Sie abschließend das Kästchen, in dem Sie das kostenlose Hosting von Heroku wünschen.

Nachdem Sie das Captcha ausgefüllt haben, werden Sie aufgefordert, die gewünschte Art des Hostings von Heroku auszuwählen - wählen Sie PHP und bestätigen Sie. Facebook erstellt automatisch ein neues Konto für Sie bei Heroku, wenn Sie noch kein Konto haben, und füllen Sie die URL-Einstellungen in Ihren Grundlagen auf. Dies ist eine gute Idee. In der Tat ist es sehr schwer, diesen Schritt durcheinander zu bringen.

Auf der Seite mit den App-Details möchten Sie auch festlegen, dass der App-Typ eine ist “Seite Tab”, und sicherstellen, dass auch dort die relevanten URLs eingegeben werden - dies sollte ebenfalls automatisch erfolgen. Dann speichern.

Heroku Erste Schritte

Wenn Sie fertig sind, erhalten Sie eine E-Mail von Heroku mit Informationen zum Ändern des Passworts und zum Herunterladen des Heroku “Werkzeuggürtel” für Ihr System. Für diejenigen, die nicht mit Heroku vertraut sind, ist dies kein herkömmlicher Host in dem Sinne, dass Sie sich an einer FTP-Adresse anmelden und Dateien hochladen können. Stattdessen arbeitet Heroku mit Git, einem Versionskontrollsystem. Nachdem Sie den Toolbelt installiert haben, müssen Sie die Site zunächst auf Ihrem lokalen Laufwerk klonen. Dadurch erhalten Sie ein Verzeichnis, das einen Spiegel der auf Heroku gehosteten Inhalte darstellt. Wenn Sie Änderungen an diesen Dateien vornehmen, synchronisieren Sie sie erneut, um Heroku zu aktualisieren.

Die Anweisungen für diese erste Synchronisierung sind in Ihrer Begrüßungs-E-Mail enthalten. Es handelt sich um einen einfachen einzeiligen Befehl, der für Ihre Hosting-Adresse eindeutig ist - kopieren und einfügen Sie ihn aus der E-Mail. Ihre Hosting-URL ist völlig willkürlich - in meinem Fall war es das Trockenwald-7743 - Es wird zufällig generiert und spielt keine Rolle, da Benutzer es nicht sehen. Öffnen Sie das neu erstellte Verzeichnis und schauen Sie sich um.

Heroku hat ziemlich viel Funktionalität eingebaut, aber wir brauchen das meiste nicht. Aufmachen index.php und schau dich um. Suchen Sie die folgenden Zeilen am Anfang der Datei:

$ facebook = new Facebook (array ('appId' => AppInfo :: appID (), 'secret' => AppInfo :: appSecret (), 'sharedSession' => true, 'trustForwarded' => true,)));

und sofort danach in diese kopieren:

$ signed_request = $ facebook-> getSignedRequest (); $ gefällt = $ signed_request ['page'] ['likes'];

Machen Sie sich keine Sorgen, wenn Ihnen das alles zu kompliziert ist - ich werde Ihnen bald eine fertige Vorlage geben. Eine unterschriebene Anfrage wird von Facebook an Ihre App gesendet. Diese enthält Informationen über den Nutzer - ob er über Administratorrechte verfügt und ob die Seite Ihnen gefallen hat oder nicht. Wenn Sie genau wissen möchten, was gesendet wird, fügen Sie Folgendes hinzu:

print_r ($ signed_request);

und Sie erhalten einen vollständigen Ausdruck des signierten Anforderungsobjekts.

An dieser Stelle sollte ich zugeben, dass ich echte Probleme damit hatte, die signierte Anfrage zum Laufen zu bringen - Heroku hat die Daten beim Laden der Seite entfernt und erst nach dem Laden der JS-API (gute 10 Sekunden nach dem ersten Laden der Seite) ), dass die Seite aktualisiert wird und das korrekte angezeigt wird “gefallen” Status. Dank dieser Stack Overflow-Frage schien die Lösung den Code zu entfernen, der HTTPS für ungesicherte Benutzer erzwingt. Löschen Sie den folgenden Codeblock am Anfang der Vorlage:

// Erzwingen Sie https für die Produktion if (substr (AppInfo :: getUrl (), 0, 8)! = 'Https: //' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') header ('Location : https: // '. $ _SERVER [' HTTP_HOST ']. $ _SERVER [' REQUEST_URI ']); Ausfahrt(); 

Nun, wenn die Seite geladen ist, haben Sie eine boolesche Variable - das ist eine wahr oder ein falsch - Hier erfahren Sie, ob der Benutzer die Seite gemocht hat oder nicht. Sie können dies mit einem einfachen verwenden ob Anweisung, um einen der Inhalte anzuzeigen ein oder b:

Platzieren Sie das gleich nach der Eröffnung tag ein index.php. Wenn Sie nun Ihre Seite in Heroku in der Vorschau angezeigt haben, werden Sie feststellen, dass sie eine Menge zusätzlicher Funktionen enthält, darunter die von Ihnen bevorzugten Seiten, Schaltflächen zum Posten von Aktualisierungen usw. - wir brauchen das alles wirklich nicht, also ich alles inklusive, einschließlich des JavaScript-SDKs für Facebook, und nur das CSS und unser Fan-Gate. Hier ist der abgespeckte Code, den ich verwendet habe (Dies ist ein Bild - kopieren Sie Paste aus PasteBin, wenn Sie möchten):

Sie sollten die Abschnitte bearbeiten, die sagen “kein Fan” und “Ventilator” um Ihren Standard- bzw. geheimen Inhalt zu enthalten. Wenn Sie Ihren Inhalt lieber in einer separaten Datei speichern möchten, verwenden Sie Folgendes:

include ("secret.html");

um externe Dateien zu importieren.

Mit Heroku synchronisieren

Wenn Sie alle erforderlichen Änderungen an Ihrer Datei vorgenommen haben, müssen Sie die Sicherung mit Heroku synchronisieren “schieben” unsere lokale Kopie an die “Hauptzweig” bei Heroku. Stellen Sie sicher, dass Sie sich über die Befehlszeile im richtigen Verzeichnis befinden. Geben Sie Folgendes ein:

git commit -am "ändert Nachrichten"

(Sie können die Änderungsnachricht durch eine Notiz für sich selbst ersetzen, welche Änderungen Sie diesmal tatsächlich vorgenommen haben. Es ist empfehlenswert, diese Aufzeichnungen aufzubewahren.)

und dann

git Push Heroku-Meister

Warten Sie, bis der Befehl beendet ist, da dies eine Weile dauern kann.

Letzter Schritt: Fügen Sie die App Ihrer Seite hinzu

Nun, da die App erstellt ist, müssen wir sie auf Ihrer Markenseite als Registerkarte hinzufügen. Kurioserweise geschieht dies mit einer speziell gestalteten URL:

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

Ersetzen YOUR_APP_ID mit der in den App-Details aufgeführten ID und YOUR_APP_URL_ON_HEROKU mit der URL für Ihr Heroku-Hosting. Durch das Laden dieser speziellen URL wird das gestartet “fügen Sie Ihrer Seite hinzu” Dialogfeld, aus dem Sie die richtige Markenseite auswählen können, zu der Ihr Seitenregister hinzugefügt werden soll.

Dann hey presto - es wird eine neue Schaltfläche auf Ihrer Seite geben:

Wie Sie sehen, haben wir noch kein Bild für die Registerkarte angegeben, daher ist es als Standard festgelegt. Sie können dies von Ihrer App-Detailseite aus tun. Das ist es im Grunde aber; Wenn Sie diese Registerkarte laden, meinen Ersatz index.php wird Sie entweder als zeigen Ventilator oder ein nicht fan. Oder für was auch immer Sie es angepasst haben:

Ich gebe zu - dieser Prozess war schwieriger als ich erwartet hatte, aber er muss nicht unbedingt alles auf Ihrem eigenen Server hosten oder SSL-zertifiziert sein. Wenn Sie Fragen oder Probleme haben, fragen Sie in den Kommentaren nach und ich versuche zu helfen. Wenn die Kommentare geschlossen sind, besuchen Sie unsere Antwortseite. Bitte teilen Sie es in Ihrem bevorzugten sozialen Netzwerk mit, falls Sie dieses Tutorial hilfreich fanden. Außerdem möchten Sie wahrscheinlich unseren kostenlosen, vollständigen Leitfaden für das Marketing in sozialen Medien durchgehen und erwägen, Pinterest zu Ihrer Strategie hinzuzufügen.

Erfahren Sie mehr über: App-Entwicklung, Facebook.