Facebook Sayfası Iframe Uygulaması

 bcakir
 23 Aralık 2011

Merhaba arkadaşlar, Facebook hayran sayfası ile ilgili yazı serimize Iframe uygulaması açma ve açtığımız bu uygulamayı sayfamıza ekleme ile devam ediyoruz. Bir önceki makalede Facebook hayran sayfası açma, sayfa yapısı ve sayfamıza statik uygulama ekleme işlemlerini anlatmıştım. Facebook hayran sayfası hakkında temel bilgileri öğrenmek için o yazıyı okumadan geçmeyin. Şimdi yazımıza Iframe uygulamasını açma işlemini yaparak başlayalım.

Buraya tıklayıp Facebook’da uygulamamızı açma sayfasına gidelim. Yukarıdaki mavi bölümde bulunan Uygulamalar bağlantısından, uygulama geliştiricisi olma izni vermeniz gerekiyor. İsterseniz direk buradan izin verme işlemine geçebilirsiniz.  Yeni Uygulama Oluştur diyerek uygulamamızı oluşturmaya başlıyoruz. Karşınıza gelecek formları aşağıdaki sıra ile doldurun.

  1. Uygulama Ekran Adı: Facebook uygulamanıza isim veriyorsunuz. Örnek; Hoşgeldin
  2. Uygulama Ad Alanı: Facebook uygulamanızın uzantısını belirtiyorsunuz. Örnek; Hosgeldin
  3. Facebook Platform Kurallarını kabul edip devam ediyorsunuz.

Sonra ise gelen sayfadan aşağıdaki boşlukları doldurmaya devam ediyorsunuz.

  1. Kategori: Uygulamanızın kategorisini seçiyorsunuz.
  2. Facebook’ta Bir Uygulama butonuna tıklıyorsunuz.
  3. Tuval Bağlantısı: Buraya uygulamamızın bulunduğu adresi giriyoruz. Bu adresin doğru olduğunu tarayıcınıza (ie, firefox, crome) yapıştırıp kontrol edin. Örneğin; http://www.bcakir.com/hosgeldin/
  4. Güvenli Tuval Bağlantısı: Burayı, bir üsteki adresin http kısmına s ekleyerek doldurun. Örneğin; https://www.bcakir.com/hosgeldin/
  5. Sayfa Sekmesi butonuna tıklıyorsunuz.
  6. Sayfa Sekmesi Adı: Buraya “Hoşgeldin” giriyoruz.
  7. Sayfa Sekmesi Bağlantısı:Uygulamanızın çalıştığı adresi tekrar giriyoruz. Örneğin; http://www.bcakir.com/hosgeldin/
  8. Güvenli Sayfa Sekmesi Bağlantısı: Adresin http kısmına s ekleyerek doldurun. Örneğin; https://www.bcakir.com/hosgeldin/

Değişiklikleri Kaydet butonuna tıklayarak uygulamayı açma işlemini bitiriyoruz. Şimdi ise uygulamamızın tanıtım yazılarını ve görsellerini düzenleyelim.

  1. Sol tarafta bulunan menüden Ayarlar > İzinler Penceresi kısmına geçiyoruz.
  2. Kullanıcılarınızın izin verirken göreceği logonuzu, uygulama başlığınızı ve açıklamanızı giriyorsunuz.

Girdiğimiz bu bilgileri de Değişiklikleri Kaydet butonuna tıklayarak tamamlıyoruz. Böylece, uygulama açma işlemi; başka bir deyişle, uygulamamızı Facebook’a tanıtma işlemini bitirmiş olduk. Artık uygulamayı hayran sayfamıza ekleme kısmına geçebiliriz.

Açtığımız uygulama sayfasında sağ üst kısımda bulunan Uygulamayı Düzenle butonuna tıklıyoruz. Daha sonra sol menüde yer alan Uygulama Profil Sayfasına Bak linkine tıklayıp uygulamanın kendi sayfasına gidiyoruz ve uygulamamızı beğeniyoruz. Daha sonra, sol menüde bulunan Sayfama Ekle bağlantısına tıklayıp, açılan menüden hangi sayfada kullanacaksanız onun yanında bulunan Add to Page/Sayfama Ekle butonu ile uygulamayı yükleme işlemini tamamlıyoruz. Uygulamanızın doğru bağlandığını kontrol etmek için basit bir Html sayfası oluşturup, uygulamanızla eşleştirdiğiniz server adresinize atıp kontrol edebilirsiniz. Hayran sayfanıza yapacağınız tasarımın, düzgün görünmesi için 520px genişliğini geçmemesine özen gösterin. Uygulamanın doğru çalıştığını apps.facebook.com/hosgeldin şeklinde bağlantınıza girerek de kontrol edebilirsiniz. Güvenli tuval bağlantınız büyük ihtimal olmadığı için https ile başlayan adresi kullanamazsınız. Bu hata ile çok fazla karşılaşıp buraya yazan oldu. Bundan dolayı, bu bölüme özellikle dikkat edin. Kısacası, Uygulamaya Git dediğinizde, eğer adres https:// ile başlıyorsa adresten o kısmı silip tekrar deneyin.

Hayran Sayfamıza geri döndüğümüzde, oluşturduğumuz bu uygulama sol menüde görünmesi gerekiyor (Hoşgeldin şeklinde). Eğer bu uygulamayı açılış sayfası yapacaksanız; kısacası, sayfanıza girenlere ilk olarak bu uygulamayı göstermek istiyorsanız Sayfayı Düzenle > İzinleri Yönet sırasını takip ederek Varsayılan Açılış Sekmesi alanını yaptığımız uygulama yani Hoşgeldin seçiyoruz. İşte bu kadar, uygulamanızı gönül rahatlığıyla kullanabilirsiniz. Bazen yaptığınız uygulama hayran sayfanıza geç gelebilir, biraz bekleyip başka tarayıcı ile tekrar deneyin.

Facebook hayran sayfamız için Iframe uygulaması açma ve bu uygulamayı sayfamıza ekleme işlemini yaparak bu yazımızın da sonuna geldik. Facebook hayran sayfası makale serisine, sayfamızı beğenen kullanıcılara içerik gösterip, beğenmeyenlere içeriğimizi gizlediğimiz uygulama yaparak devam edeceğiz. Yararlı olması dileğiyle.

 9.763 Okunma

Bu yazıya 39 yorum yapılmış.

  1. merhaba konuda bahsettiginiz ”Uygulama Profil Sayfasına Bak” bu linki goremiyorum. bunun yerine otomatik olarak sayfaya ekleme linki vardı, bilginiz varsa onu paylasırmıısınız lutfen

    • Eski developer sertifikası olan ile yeni sertifika edinenlere farklı bir görüntü veriyor galiba Facebook. Eğer sayfama ekle varsa, o link ile eklemeyi deneyin.

  2. Hocam ben bunların hepsini yapıyorum fakat uygulamaya git dediğimde sorun alıyorum. Videolu şekilde yeni sertifika görüntüsü ile bir çalışma paylaşırsanız mükemmel olur, teşekkürler.

  3. Peki Sitemiz yok mesela nolcak ? sen uygulamanin sitesini ver diosun ?

    • Kendi host hesabınız ve bununla ilşkilendirebileceğiniz bir siteniz yoksa iframe uygulamasını kullanamazsınız. Statik Fbml uygulaması kullanmanızı tavsiye ederim.

  4. Siteniz çok güzel kisa zamandir tanıştım siteyle. Ben uzun zamandır facebook iframe, uygulama kullaniyorum. Deneyimimde gayet iyidir. Bi kaç sitem vardır, her siteminde face sayfasi. Hostingimde kodlamami oluşturdum, tabii https ssl sertifikamda yerinde. Uygulamayi oluşturdum, her şey yolunda apps.facebook.com/benimuygulama şeklinde giriyor. ama burda dediğiniz gibi >>>Açtığımız uygulama sayfasında sağ üst kısımda bulunan Uygulamayı Düzenle butonuna tıklıyoruz. Daha sonra sol menüde yer alan Uygulama Profil Sayfasına Bak linkine tıklayıp uygulamanın kendi sayfasına gidiyoruz ve uygulamamızı beğeniyoruz.<<< uygulamayi düzenleye giriyorum ama uygulama profil sayfama bak diye yazi yok. bi kaç hafta önce vardi, kaç tane uygulamalar oluşturdum. şimdi neden yok, nasil girip sayfama ekleyeceğim, yada uygulamami beğeneceğim? Lütfen yardimci olun bana. SAYGİLAR

    • Facebook yeni aldığı kararla (ben bu yazıyı yazdığımda böyle bir bilgi yoktu), 1 Şubat 2012 tarihinden itibaren uygulamaların profil sayfasını kaldıracak. Bundan sonra Facebook sayfa içi uygulamaların var olup olmayacağı ve hayran sayfalarına nasıl ekleneceği hakkında maalesef değişiklik tam olarak hayata geçmediği için pek bir bilgiye sahip değilim. Ama büyük ihtimal hayran sayfaları için uygulama oluşturmaya izin vermeyebilir. Yeni uygulama açanlarda “Uygulama Profil Sayfasına Git” linki yok. Facebook’un aldığı kararı buradan görebilirsiniz.

  5. nasıl facebookda sayfamızda buton ekleyebiliriz ama facedeki uygulamalardan deil kendimiz mesela canlı yayın nasıl koyabilriz

    • Demek istediğinizi tam anlamadım? Eğer daha açıklayıcı yazabilirseniz, yardımcı olmaya çalışabilirim.

  6. birde benim uygulama ad alanı na yazdıqım şeyi kabul etmiyor

    • Koymak istediğiniz isim dolmuştur, başka bir kombinasyon deneyin.

  7. Warning: session_start() [function.session-start]: Cannot send session cookie – headers already sent by (output started at /home/muratsay/public_html/murat/index.php:12) in /home/muratsay/public_html/murat/src/facebook.php on line 37
    selamlar kodum çalışıyor fakat aşşağıdaki hatayı alıyorum en alttada istediğim hoşgeldiniz kullanıcı ismi yazdırılıyor fakat aldığım hatayı çözemedim facebook.php dosyam src içerisinde o yüzden require’da src/facebook.php diye yolunu gösterdim sorun nerede yardımcı olursanız sevinirim

    Warning: session_start() [function.session-start]: Cannot send session cache limiter – headers already sent (output started at /home/muratsay/public_html/murat/index.php:12) in /home/muratsay/public_html/murat/src/facebook.php on line 37
    hoşgeldin:Ali Arslan

    • Hatayı anlamadım ama headerı yanlış yerde gönderiyor olabilirsin.

  8. uygulama alan adı falan hata veriyor, ne tür bir şey yazcam

    • Almak istediğin ad alınmıştır, başka bir ad dene.

  9. merhabalar uygulamayı çalıştırınca şu şekilde hata alıyorum daha önce yoktu.
    Teknik bir sorun oluştuSSL certificate problem, verify that the CA cert is OK. Details: error:14090086:SSL routines:SSL3_GET_SERVER_CERTIFICATE:certificate verify failed

  10. Bünyamin bey merhaba,

    Bir şey denedim fakat başaramadım. Aşağıdaki şekilde izinleri alıyorum fakat kullanıcı uygulamayı kabul ettiğinde online_presence hep offline geliyor kişi facede oturum açmış olsa bile.

    tşkler

    $args=array(
    ‘scope’=>’email,publish_stream,user_online_presence,offline_access,user_photos,friends_online_presence’,’redirect_uri’=>’http://apps.facebook.com/uygulamam/’);
    $login_url=$facebook->getLoginUrl($args);

    $s=”SELECT name,sex,relationship_status,birthday,online_presence FROM user WHERE uid =1111111″;
    $params=array(‘method’=>’fql.query’,’query’=>$s);
    $result=$facebook->api($params);

    print_r($result);

    • Bu konu hakkında herhangi bir çalışma yapmadım maalesef, bundan dolayı yanlış bilgilendirme yapmak istemiyorum.

  11. merhabalar , Ben baya bir gerideyimde . Şimdi ben uygulamamı kurdum , Uygulamaya gittigim zaman sayfa boş cıkıyor oraya profıl lınkını gır kutusu ve ardından ‘abone ol’ butonlarını nasıl eklerım?

    yardımcı olursanız sevınırım.

    Saygılar.

    • Uygulamanızı kendiniz yazmalısınız, eğer sayfayı doğru ilişkilendirdiyseniz, yaptığınız uygulama sayfada görüntülenecektir.

  12. http://www.facebook.com/SocialServer sitesinden bedava ssl dagıtıyorlardı. Onuda artık bedava verselerde artık reklamlarını paylasıyorlar. Bu sorunu nasıl giderebiliriz.? free ssl bulma imkanımız varmı?

    • Ben hiç ssl sertifikası kullanmadım yaptığım uygulamalar için (zynga falan da kullanmıyor). Bir fikir söyleyemeyeceğim ama parayla alabilirsin ciddi bir şeyler yapacaksan.

  13. merhabaa ben şimdi uygulamayı açtıım fakat bu uygulamanın neresine kod yazıcam ben orasını anlamadıım yardımcı olursanız seviniriim

  14. Uygulamayı Sayfama ekle dediğimde böyle bir mesaj çıkıyor. sorun nerden kaynaklanıyor olabilir. şimdiden tşkler

    This app does not allow you to customize your page tab. If you think this is an error or would like to request this ability, please contact the developer of the app.

    • Uygulama tab sekmesi açmana izin vermiyor diyor, uygulama geliştiricisiyle görüşün diyor.

  15. Merhaba makalelerinizi ilgiyle takip ediyorum. Bu uygulama ile şöyle bir sıkıntı yaşıyorum
    Uygulama Ad Alanı: Facebook uygulamanızın uzantısını belirtiyorsunuz. Örnek; Hosgeldin
    uzantı netür olmalı girdiğim kelime ile uyuşmuyor yardımcı olursanz sevinirim.

    • Herhangi bir isim vereceksiniz uygulamanıza ama daha önce kullanılmamış olması lazım.

  16. Şimdi bir sorum olacak SEO ile ilgili. iFrame ile uygulama geliştirmek istiyorum. http://www.domain.com diye bir sitem varmış gibi düşünelim. Ben direk bu siteyi iFrame ile Facebook’a uygulama olarak koyduğumu düşünelim. Acaba google http://www.domain.com‘u indexler mi bu şekilde? İndexlemezse bu manada bir öneriniz olabilir mi?

    • Google uygulamanı bir site olarak yayınlarsan, domaininin altında indexler fakat sadece facebook ugulaması olarak facebook’da yayınlarsan indexlemez.

  17. iyi çalışmalar kolay gelsin sizden bir bilgi almak istiyorum yazılarınızın çoğunu takip ettim aslında ama net bir bilgiye emin olamadım ben facebook uygulamama facebookdaki sayfayımı beğenmeyen birisi erişemesin istiyorum yani uygulama benim belirlediğim sayfanın beğenilmesiyle çalışacak bana bu konuda yardımcı olablirmisiniz?

  18. Öncelikler siteniz çok güzel. Paylaşımlarınız da çok faydalı. Kendi adıma paylaşımlarınız için çok teşekkür ederim.
    Bende yeni bir uygulama oluşturdum fakat hiç bir şey görünmüyor. Sanırım ssl hatası. Yukarıda arkadaşların dedikleri gibi yapıyorum fakat. Direk https ye geçiyor. Facebook temelli engelledi mi acaba?

    İlgilenen Arkadaşlara Teşekkürler…

    • Facebook uygulama yayınlamak için artık https (SSL Sertifikalı Host) uzantısını zorunlu kıldı. Bu sertifikalı hosting hizmetiniz yoksa uygulama yayınlayamazsınız. Ama kendiniz deneme yapmak için http://apps.facebook.com/enginoyun şeklinde giriş yapabilirsiniz.

  19. Tekrar Merhaba,

    Facebook ayarlarından -> sol taraftan güvenlik -> ilk baştan Güvenli Gezinme kapalı olacak. O zaman facebook uygulamalarında ssl hatası almıyorsunuz.

    Fakat şöyle bir sorunum var bu uygulama sayfasına benden başkası giremiyor. Sayfa Bulunamadı diyor.
    http://apps.facebook.com/enginoyun/

    Giren arkadaş olup haber verebilirse sevinirim.
    İyi Günler…

  20. http://static.ak.facebook.com/platform/page_proxy.php?v=5

    hep bu sayfaya atıyor iframeyi https protokülü açık

    https://www.facebook.com/FCsitem/app_546535392107689

    uygulama linki

  21. Telefonla onay falan getirmiş facebook, artık bütün bilgilerimizi istiyor utanmadan.

  22. iframe ile ilgili örnekler yazabilir misiniz?

Yazı hakkında görüşlerinizi belirtmek istermisiniz?

Daha fazla Facebook
Kapat