Facebook Uygulaması Yapmak (Resimli Anlatım – 2012)

Merhaba arkadaşlar, bugünkü yazıda Facebook üzerinde uygulama nasıl yapılır ve bu uygulama “hayran sayfamıza” sol tarafta “tab” olarak nasıl eklenir detaylıca anlatacağım. Unutmadan söylemek gerek işlemlerin sonunda istediğiniz özellik seviyesine göre azda olsa HTML, PHP yada benzer dillerden birini bilmeniz yararınıza olacaktır. Birde html, php, asp vb. dosyalarınızı atacağınız bir hosta sahip olmanız şart! Ben şahsen bu zamana kadar, sayfaya eklediğim tabları hep FBML uygulaması vasıtasıyla eklemekteydim ama o zamanda menünün solunda FBML ‘in o çirkin gri simgesi çıkıyor ve resmi sayfalarda hoş bir görüntü vermiyordu. Üstelik, FBML olayı 1 Şubat 2012 ‘den itibaren kaldırılacakmış. Bugün anlatacaklarım sayesinde, yaptığımız uygulamaya kendi simgemizi ekleyip sayfamızdada daha profesyonel şekilde sergileyebileceğiz ve kalıcı olacak. Detaylı anlatıma başlamadan önce uygulama yazma ve Facebook uygulama geliştirme konusunda bana büyük yardımı dokunan arkadaşımı ve web sitesini de belirtmem gerekli. Tüm ön bilgileri ve teşekkürleri tamamladığıma göre resimli anlatıma geçiyorum…

Öncelikle, Facebook üzerinden arama kutusuna Developers yazarak çıkan uygulamayı admin profilimize izinleri vererek kuruyoruz ardından, buradan Facebook Developer sayfasına giriyoruz. Açılan sayfada,

“Uygulamalar” sekmesine basıyoruz…

“Yeni Uygulama Oluştur” dedikten sonra çıkan pencerede…

İlk kutucuğa uygulamanıza vereceğiniz adı giriyorsunuz (çok önemli değil bu olay). İkinci kutucuğa ise uygulamanızın Facebook üzerinde hangi isimle yani domain ile bulunacağını yazıyorsunuz ve “Devam” butonuna basıyorsunuz…

Açılan sayfada, temel ayarlarımızı yapıyoruz.

1) Uygulamanızın sayfanızda tab olarak bulunurken alacağı simge.
2) Uygulamanızı ayrı olarak açtığınız zaman çıkacak büyük logosu.
3) Herhangi bir kategori seçmeniz iyi olacaktır.

Bunların hemen aşağısında yer alan alanda ise “Facebook’ta Bir Uygulama” ve “Sayfa Sekmesi” seçeneklerine tik atacağız ve ayarlarını aşağıdaki resimdeki gibi yapacağız…

Şimdi geldik en önemli kısma. Öncelikle buradan sizler için hazırladığım index.php dosyasını indirin ve içinde düzenlemenizi belirttiğim kısmı düzenleyin. Ardından, hostunuzun ana dizininde herhangi bir isimde klasör oluşturun (örneğin “facebook1″ olabilir) ve hazırladığınız index.php dosyasını bu klasör içine atın. Aşağıdaki kutucukları ise şu şekil dolduracağız,

4) http://www.siteniz.com/facebook1/ yazmalısınız. Sonu muhakkak / ile bitmeli.
5) Üstteki adresin aynısını yazın ama http ‘yi, https olarak değiştirin.
6) Hayran sayfanıza eklediğiniz zaman sekme adı olarak çıkacak ismi buraya girin. Sonrasında uygulamalar kısmından bu tab adı değiştirilebiliyor.
7) 4 ‘te yaptıklarımız aynısı tekrar.
8 ) 5 ‘te yaptıklarımız aynısı tekrar.

Hepsi bittikten sonra “Değişiklikleri Kaydet” butonuna basıp tamamlıyoruz.

Sol tarafta “İzin Penceresi” sayfasına giriyoruz…

9) Uygulamanızı kısaca anlatan bir başlık girin.
10) Uygulamanız ne işe yarıyor anlatan bir açıklama girin.

Diğer ayarlara dokunmayın ve bu sayfayıda kaydedin. Artık uygulamamız bitti, sıra geldi sayfamıza eklemeye. İlk resimdeki gibi tekrar “Uygulamalar” sayfasına gidiyoruz ve burada oluşturduğumuz uygulama(lar) sıralanıyor. Sayfaya eklemek istediğiniz uygulamanın “Uygulama Kimliği/Uygulama Anahtarı/API” numarasını alıp bir kenara kaydedin. “329633167060439″ gibi bir numaradır. Ardından “Tuval Sayfası” kısmında yazan urlyi de alıp bir kenara kaydedin. “http://apps.facebook.com/dizitakip/” gibi bir urldir. Son olarak adres çubuğumuza, aşağıda verdiğim URLde gerekli yerleri düzelttikten sonra yapıştırıp enterlıyoruz.

https://www.facebook.com/dialog/pagetab?app_id=BURAYA İLK KAYDEDİN DEDİĞİM NUMARA GELECEK&display=popup&next=BURAYA İKİNCİ OLARAK KAYDEDİN DEDİĞİM URL GELECEK

Eğer buraya kadar doğru gelmişseniz şöyle bir sayfa açılacak,

Bu çıkan pencerede, uygulamanızı tab olarak eklemek istediğini sayfanızı seçin ve bitirin. Artık hazır. Bir sonraki yazımda, giriş seviyesinde yazdığımız bu uygulamayı kullanıcıların bilgilerine ulaşmak için izin isteyecek şekilde geliştirmeyi anlatacağım sizlere. Takıldığınız noktaları aşağıdaki yorum alanından rahatlıkla sorabilirsiniz. Yazıyla ilgili gelecek soru maillerini okumuyorum, bilginize.

www.mert2407.comfacebook uygulama yapmafacebook uygulama yapma resimli anlatımfacebook uygulama yapma 2012facebookta uygulama yapmaface uygulama yapmafacebook nasıl patlatılır resimli anlatımfacebook uygulaması yapmakfacebook uygulama yapmakfacede uygulama yapmafacebook uygulama geliştirme 2012facebook uygulaması yapmauygulama yapma facebookfacebook application yapmafacebook nasıl patlatılıruygulama yapma

Alttakilere de Bakmakta Fayda Var!

• Facebook Timeline Nedir? Timeline Geçiş Yapmak!