Hosting İçin Ödeme Yapmadan Temel Bir Facebook Fan Kapısı Nasıl Yapılır

İlan

Sev ya da tiksin, herkes ve köpekleri bugünlerde Facebook'ta; Hayatta popüler olan herhangi bir şey gibi, pazarlama türleri tarafından tamamen yıkıldı. Facebook tarafından barındırılan bir marka sayfasının inanılmaz derecede etkili kullanımlarından biri, yalnızca gizli üyelere yönelik bazı içerikler oluşturarak insanları sayfayı beğenmeye teşvik etmektir; yaygın olarak "fan kapısı" olarak adlandırılır. Bu özel videolar, indirmeler veya belki de bir alışveriş kuponu ile doludur - burada hayranlarımıza tüm kullanıcılara kolay erişim sağlamak için MakeUseOf'da bir tane kullanıyoruz güncel yarışmalar.

Bu tür temel Facebook uygulamalarının geçmişte oluşturulması nispeten basitti, ancak Facebook artık tüm sayfa sekmesi uygulamalarının güvenli bir sürüme sahip olmasını gerektiriyor - HTTPS erişim URL'si - ancak bu, siteniz için mevcut barındırma maliyetlerinizin üstünde yıllık 100 ABD dolarıdır. Küçük bir e-ticaret mağazası işletiyor olsanız bile, PayPal'ı ödeme sağlayıcısı olarak kullanabilir ve bu nedenle SSL sertifikasına ihtiyacınız olmayabilir. Ancak endişelenmeyin, Facebook da ortak olduğu için

Heroku - bir bulut barındırma şirketi - kendi temel Facebook uygulamanızı oluşturabileceğiniz ve güvenli bir sunucuda ücretsiz olarak barındırabileceğiniz anlamına gelir. Daha fazla bilmek ister misiniz? Heroku'da ücretsiz olarak barındırılan temel bir Facebook hayran kapısı sayfası sekmesi uygulaması yaparken okumaya devam edin.

Geliştirici Olarak Kayıt Olun

Herhangi bir uygulama yapmadan önce kayıtlı bir geliştirici olmanız gerekir. Adresine git developers.facebook.com başlamak için ve yeşili tıklayın Kayıt ol düğmesine tıklayın. Kaydolmak için bir telefon numarasına ihtiyacınız vardır, ancak aksi takdirde ücretsizdir.

Zaten kayıtlıysanız, mevcut uygulamalarınıza genel bir bakış için üstteki araç çubuğunda Uygulamalar'ı tıklayın.

Yeni bir uygulama oluştur

İşte eğlence burada başlıyor. Tıklamak Yeni Uygulama Oluştur. Adlandırma gerçekten önemli değil, ancak açıkça alakalı bir şey seçin. Kullanıcı bu sekmeyi tıkladığında ad alanı alanı hayran sayfanızın URL'sine eklenir; boş bırakabilirsiniz, ancak daha sonra URL'de uygulama kimliğini görürler, bu biraz daha çirkin. Ad alanı ayrıca benzersizbu yüzden “testapp” gibi bir şeyle uğraşmayın, bir hata alırsınız. Son olarak, Heroku'dan ücretsiz barındırma istediğinizi söyleyen kutuyu işaretleyin.

Captcha'yı doldurduktan sonra, Heroku'dan istediğiniz barındırma türünü seçmeye davet edileceksiniz - PHP'yi seçin ve kabul edin. Henüz sahip değilseniz Facebook, Heroku'da sizin için otomatik olarak yeni bir hesap oluşturur ve temel ayarlarınızda URL ayarlarını önceden doldurur. Aslında, bu adımı atmak çok zor.

Uygulama ayrıntıları sayfasından, uygulama türünü bir "Sayfa Sekmesi" olarak ayarlamak ve ilgili URL'lerin de buraya girildiğinden emin olmak istersiniz - yine bu otomatik olmalıdır. Sonra kaydedin.

Heroku İlk Adımları

Tamamlandığında, Heroku'dan şifrenizi nasıl değiştireceğinizin ayrıntılarını içeren bir e-posta alacak ve sisteminiz için Heroku “araç kemerini” indirebilirsiniz. Heroku'ya aşina olmayanlarınız için, bir FTP adresine giriş yapabileceğiniz ve dosya yükleyebileceğiniz anlamında geleneksel bir ana bilgisayar değildir; bunun yerine Heroku bir sürüm kontrol sistemi olan Git ile çalışır. Alet kemeri takıldıktan sonra, önce siteyi yerel sürücünüze kopyalamanız gerekir - bu size Heroku'da barındırılanların aynası olan bir dizin verir. Bu dosyalarda her değişiklik yaptığınızda, Heroku'yu güncellemek için hepsini tekrar senkronize edersiniz.

Bu ilk senkronizasyonu yapma talimatları hoş geldiniz e-postanızda bulunur ve barındırma adresinize özgü basit tek satırlık bir komuttur - sadece e-postadan kopyalayıp yapıştırın. Barındırma URL'niz tamamen keyfi - benim durumumda Kuru arazi-7743 - rastgele oluşturulur ve hiç önemli değildir, çünkü kullanıcılar görmez. Yeni oluşturulan dizini açın ve bir göz atın.

Heroku oldukça fazla işlevsellik kazandırdı, ancak çoğuna ihtiyacımız yok. Aç index.php ve etrafa bir göz atın. Dosyanın başlangıcında aşağıdaki satırları bulun:

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

ve hemen sonra bunları kopyalayın:

$ işaretli_dequest = $ facebook-> getSignedRequest (); $ liked = $ işaretli_request ['sayfa'] ['beğendi'];

Bunların hepsi sizin için çok karmaşıksa endişelenmeyin - yakında bitmiş bir şablon vereceğim. Facebook'tan uygulamanıza, yönetici erişimine sahip olup olmadıkları ve sayfayı beğenip beğenmedikleri hakkında kullanıcıyla ilgili bazı bilgiler içeren imzalı bir istek gönderilir. Neyin gönderildiğini tam olarak bilmek istiyorsanız, aşağıdakileri ekleyin:

print_r ($ signed_request);

imzalı istek nesnesinin tam çıktısını alırsınız.

Bu noktada, imzalanan isteği çalıştırırken gerçekten sorun yaşadığımı itiraf etmeliyim - Heroku'nun sayfadaki verileri çıkardığı ortaya çıktı yüklüyse ve sayfanın yenilenmesi ve doğru "beğenildiğini" göstermesi yalnızca JS API'yi yükledikten sonra (ilk sayfa yüklemesinden 10 saniye sonra) durumu. Sayesinde Bu Yığın Taşması sorusu, çözümün güvenli olmayan kullanıcılar için HTTPS'yi zorlayan kodu çıkardığı görülmüştür. Şablonun başlangıcında aşağıdaki kod bloğunu silin:

// Üretimde https uygulayın. if (substr (AppInfo:: getUrl (), 0, 8)! = ' https://' && $ _SERVER ['REMOTE_ADDR']! = '127.0.0.1') {başlık ('Konum: https://'. $ _SERVER [ 'HTTP_HOST']. $ _SERVER [ 'REQUEST_URI']); çıkış(); }

Şimdi, sayfa yüklendiğinde bir Boole değişkeniniz var. doğru veya bir yanlış - kullanıcının sayfayı beğenip beğenmediğini bildirir. Bunu basit bir ile kullanabilirsiniz Eğer içeriği gösterme ifadesi bir veya b:

php if ($ beğendim): echo ('fan'); // bu sizin gizli içeriğinizdir: echo ('hayran değil'); // bu potansiyel hayranlara endif gösterilir; 

Açıldıktan hemen sonra yerleştirin etiketlemek index.php. Sayfanızı Heroku'da önizlediyseniz, sevdiğiniz sayfaları gösteren çok sayıda ek işleve sahip olduğunu fark edeceksiniz. güncelleme vb. yayınlama vb. gerçekten bunlara ihtiyacımız yok, bu yüzden Facebook için JavaScript SDK'sı da dahil olmak üzere hepsini çıkardım, yalnızca CSS ve Fan-kapısı. İşte kullandığım soyulmuş kod (bu bir resim - isterseniz PasteBin'den kopyala yapıştır):

Varsayılan ve gizli içeriğinizi içerecek şekilde “hayran değil” ve “hayran” diyen bölümleri düzenlemelisiniz. İçeriğinizi ayrı bir dosyada tutmayı tercih ediyorsanız, şunu kullanın:

( "Secret.html") içerir;

harici dosyaları almak için.

Heroku ile Senkronize Et

Dosyanızda gerekli tüm düzenlemeleri yaptıktan sonra, Heroku ile senkronize etmeniz gerekir - bunu yerel kopyamızı Heroku'daki “ana şubeye” “iterek” yaparız. Komut satırından doğru dizinde olduğunuzdan emin olmak için şunu yazın:

git commit -am "iletileri değiştirir"

(değişiklik mesajını bu sefer gerçekte yaptığınız değişiklikleri kendinize not olarak değiştirebilirsiniz - bu kayıtları tutmak iyi bir uygulamadır)

ve sonra

git push heroku ustası

Biraz zaman alabileceğinden komutun bitmesini bekleyin.

Son Adım: Uygulamayı Sayfanıza Ekleyin

Uygulama geliştirildiğine göre, uygulamayı marka sayfanıza bir sekme olarak eklememiz gerekiyor. İlginçtir, bu özel hazırlanmış bir URL kullanılarak yapılır:

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

değiştirmek YOUR_APP_ID uygulama ayrıntılarınızda listelenen kimlikle ve YOUR_APP_URL_ON_HEROKU Heroku barındırma URL'nizle. Bu özel URL'yi yüklediğinizde, sayfa sekmenizi eklemek için doğru marka sayfasını seçebileceğiniz "sayfanıza ekle" iletişim kutusu başlatılır.

Sonra hey presto - sayfanızda şu şekilde yeni bir düğme olacak:

Gördüğünüz gibi, sekme için henüz bir resim belirtmedik, bu yüzden varsayılan olarak kaldı - bunu uygulama ayrıntıları sayfanızdan yapabilirsiniz. Gerçi temelde bu; bu sekmeyi yüklerseniz, yerine koymam index.php ya seni bir yelpaze veya bir hayran değil. Veya göstermek için özelleştirilmiş ne olursa olsun:

Kabul edeceğim - bu süreç beklediğimden daha zor oldu, ancak kendi sunucunuzda herhangi bir şey barındırmak veya SSL sertifikası almaktan tamamen kaçınıyor. Herhangi bir sorunuz veya sorununuz varsa, yorumlarda sorun, ben de yardım etmeye çalışacağım. Yorumlar kapalıysa, Yanıtlar sitemize gidin; ve lütfen bu eğiticiyi faydalı bulduysanız, en sevdiğiniz sosyal ağda paylaşın. Ayrıca, muhtemelen sosyal medya pazarlaması için ücretsiz, eksiksiz rehber Sosyal Medya Pazarlaması RehberinizŞu anda, hem insanların hem de şirketlerin sosyal medya organlarına yönelen bir saldırısı var. Rekabet şiddetlidir ve hiçbir şirket bunu yanlış yapmak için zaman ve para harcayamaz. Daha fazla oku ve eklemeyi düşünün pinterest Resmi olmayan Pinterest RehberiBu Pinterest rehberi Pinterest'i ve tüm özelliklerini hızlı bir şekilde nasıl kullanacağınızı gösterecektir. Bu kılavuz Pinterest hakkında bilmeniz gereken her şeyi özetlemektedir. Daha fazla oku stratejinize.