Aimez-le ou détestez-le, tout le monde et leur chien est sur Facebook de nos jours; Donc, comme tout ce qui est populaire dans la vie, il a été complètement renversé par les types de marketing. Une utilisation incroyablement efficace d'une page de marque hébergée sur Facebook est d'inciter les gens à aimer la page en créant du contenu secret réservé aux membres; communément appelé «porte de ventilateur». Ceci est rempli avec des vidéos exclusives, des téléchargements ou peut-être un coupon de shopping - nous en utilisons un ici à MakeUseOf pour donner à nos fans un accès facile à toutes les compétitions en cours.
Ce type d'application Facebook de base a été relativement simple à créer par le passé, mais Facebook nécessite désormais une version sécurisée de toutes les applications à onglets - une URL d'accès HTTPS - mais 100 $ de plus par an pour vos frais d'hébergement. . Même si vous exploitez un petit magasin de commerce électronique, vous pouvez utiliser PayPal en tant que fournisseur de services de paiement et n'avez donc pas besoin de certificats SSL. Mais ne vous inquiétez pas, puisque Facebook s'est également associé à Heroku - une société d'hébergement cloud - ce qui signifie que vous pouvez créer votre propre application Facebook de base et l'héberger gratuitement sur un serveur sécurisé. Veulent en savoir plus? Continuez à lire pendant que je fais une application de base de page fan-gate sur Facebook, hébergée gratuitement, sur Heroku.
Inscrivez-vous en tant que développeur
Avant de créer des applications, vous devez être un développeur enregistré. Allez sur developers.facebook.com pour commencer, et cliquez sur le bouton vert Enregistrer en haut à droite si ce n'est déjà fait. Vous avez besoin d'un numéro de téléphone pour vous inscrire, mais sinon c'est gratuit.
Si vous êtes déjà inscrit, cliquez sur Applications dans la barre d'outils supérieure pour obtenir un aperçu de vos applications actuelles.
Créer une nouvelle application
Voici où le plaisir commence. Cliquez sur Créer une nouvelle application . La dénomination n'a pas vraiment d'importance, mais évidemment, choisissez quelque chose de pertinent. Le champ de l'espace de noms sera ajouté à l'URL de votre page de fans lorsque l'utilisateur cliquera sur cet onglet; vous pouvez le laisser vide, mais ils verront plutôt l'identifiant de l'application dans l'URL, ce qui est un peu plus laide. L'espace de nom doit également être unique, donc ne vous embêtez pas avec quelque chose comme "testapp" ou vous obtiendrez une erreur. Enfin, cochez la case qui indique que vous voulez un hébergement gratuit chez Heroku.
Après avoir rempli le captcha, vous serez invité à choisir le type d'hébergement que vous voulez de Heroku - sélectionnez PHP, et acceptez. Facebook créera automatiquement un nouveau compte pour vous chez Heroku si vous n'en possédez pas déjà, et pré-remplira les paramètres d'URL dans vos bases, ce qui est très bien. En fait, il est très difficile de gâcher cette étape.
À partir de la page des détails de l'application, vous souhaiterez également définir le type d'application comme étant un «onglet de page» et vous assurer que les URL pertinentes y sont également saisies - encore une fois, cela devrait être automatique. Puis enregistrer.
Heroku Premières étapes
Une fois terminé, vous recevrez un e-mail de Heroku avec les détails sur la façon de changer votre mot de passe, et téléchargez la "toolbelt" Heroku pour votre système. Pour ceux d'entre vous qui ne sont pas familiers avec Heroku, ce n'est pas un hôte traditionnel en ce sens que vous pouvez vous connecter à une adresse FTP et télécharger des fichiers; Au lieu de cela, Heroku travaille avec Git, un système de contrôle de version. Une fois que vous avez installé la barre d'outils, vous devez d'abord cloner le site sur votre disque local. Cela vous donne un répertoire qui est un miroir de ce qui est hébergé sur Heroku. Chaque fois que vous modifiez ces fichiers, vous les synchronisez à nouveau pour mettre à jour Heroku.
Les instructions pour effectuer cette première synchronisation sont contenues dans votre e-mail de bienvenue, et il s'agit d'une simple commande d'une ligne unique à votre adresse d'hébergement - il suffit de copier et coller à partir de l'e-mail. Votre URL d'hébergement est complètement arbitraire - dans mon cas c'était dry-woodland-7743 - elle est générée aléatoirement et n'a aucune importance car les utilisateurs ne la verront pas. Ouvrez le répertoire nouvellement créé, et jetez un coup d'œil.
Heroku a mis beaucoup de fonctionnalités, mais nous n'en avons pas besoin. Ouvrez index.php et jetez un coup d'œil. Trouvez les lignes suivantes près du début du fichier:
$ facebook = new Facebook (tableau ('appId' => AppInfo :: appID (), 'secret' => AppInfo :: appSecret (), 'sharedSession' => true, 'trustForwarded' => true, )); et immédiatement après cela, copiez-les dans:
$ signed_request = $ facebook-> getSignedRequest (); $ liked = $ signed_request ['page'] ['aimé'];
Ne vous inquiétez pas si tout ceci est trop compliqué pour vous - je vous donnerai bientôt un modèle fini. Une demande signée est envoyée à votre application à partir de Facebook, qui contient des informations sur l'utilisateur - si elles ont un accès administrateur et si elles ont aimé la page ou non. Si vous voulez savoir précisément ce qui est envoyé, ajoutez ce qui suit:
print_r ($ signed_request);
et vous obtiendrez une impression complète de l'objet de requête signé.
À ce stade, je devais admettre que j'avais de la difficulté à faire fonctionner la requête signée - il semblait qu'Heroku supprimait les données sur le chargement de la page, et seulement après le chargement de l'API JS (10 secondes après le chargement initial de la page ) que la page se rafraichirait et indiquerait le bon état "aimé". Grâce à cette question Stack Overflow, la solution semblait supprimer le code qui impose HTTPS aux utilisateurs non sécurisés. Supprimez le bloc de code suivant au début du modèle:
// Appliquer https à la production if (substr (AppInfo :: getUrl (), 0, 8)! = 'Https: //' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {header ('Emplacement : https: // '. $ _SERVER [' HTTP_HOST ']. $ _SERVER [' REQUEST_URI ']); Sortie(); } Maintenant, quand la page est chargée, vous avez une variable booléenne - c'est un vrai ou un faux - qui vous indique si l'utilisateur a aimé la page ou pas. Vous pouvez l'utiliser avec une simple instruction if pour afficher le contenu a ou b :
Placez-le juste après la balise d'ouverture dans index.php . Maintenant, si vous avez prévisualisé votre page sur Heroku, vous remarquerez qu'il y a énormément de fonctionnalités supplémentaires, des pages que vous avez aimées, des boutons pour poster des mises à jour, etc. - nous n'en avons pas vraiment besoin, alors je dépouillé de tout, y compris le JavaScript SDK pour Facebook, ne laissant que le CSS et notre fan-gate. Voici le code dépouillé que j'ai fini par utiliser (il s'agit d'une image - copiez le paste de PasteBin si vous le souhaitez) :
Vous devriez éditer les sections qui disent "pas un fan" et "fan" pour contenir votre contenu par défaut et secret respectivement. Si vous préférez conserver votre contenu dans un fichier séparé, utilisez:
include ("secret.html"); importer des fichiers externes.
Synchroniser avec Heroku
Une fois que vous avez apporté toutes les modifications nécessaires à votre fichier, vous devez synchroniser avec Heroku - nous le faisons en "poussant" notre copie locale vers la "branche maîtresse" chez Heroku. Assurez-vous que vous êtes dans le bon répertoire à partir de la ligne de commande, tapez:
git commit -am "change les messages"
(vous pouvez remplacer le message de changement par une note indiquant les changements que vous avez réellement faits cette fois-ci - c'est une bonne pratique de conserver ces enregistrements)
et alors
git pousse maître heroku
Attendez que la commande se termine, car cela peut prendre un certain temps.
Dernière étape: Ajouter l'application à votre page
Maintenant que l'application est créée, nous devons l'ajouter en tant qu'onglet à votre page de marque. Curieusement, ceci est fait en utilisant une URL spécialement conçue:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_APP_URL_ON_HEROKU
Remplacez YOUR_APP_ID par l'identifiant figurant sur les détails de votre application, et YOUR_APP_URL_ON_HEROKU par l'URL de votre hébergement Heroku. Le chargement de cette URL spéciale lance alors la boîte de dialogue "ajouter à votre page", à partir de laquelle vous pouvez sélectionner la bonne page de marque à laquelle ajouter votre page.
Alors bonjour - ce sera un nouveau bouton sur votre page, comme ceci:
Comme vous pouvez le voir, nous n'avons pas encore spécifié d'image pour l'onglet, il reste donc par défaut. Vous pouvez le faire à partir de la page des détails de votre application. C'est essentiellement ça cependant; Si vous chargez cet onglet, mon index.php de remplacement vous montrera en tant que fan ou non fan . Ou tout ce que vous avez personnalisé pour montrer:
Je dois admettre que ce processus a été plus difficile que prévu, mais cela évite complètement d'héberger quoi que ce soit sur votre propre serveur ou d'obtenir une certification SSL. Si vous avez des questions ou des problèmes, demandez dans les commentaires et je vais essayer de vous aider. Si les commentaires sont fermés, rendez-vous sur notre site Answers; et s'il vous plaît, si vous avez trouvé ce tutoriel utile, partagez-le sur votre réseau social préféré. Aussi, vous voudrez probablement consulter notre guide gratuit et complet pour le marketing des médias sociaux, et envisager d'ajouter Pinterest à votre stratégie aussi.