1. Destek Makaleleri
  2. Google, Facebook ve Diğer Entegrasyonlar

Siteme "Facebook ile Giriş Yap" Butonunu Nasıl Ekleyebilirim?

Sitenize 'Facebook ile Giriş Yap' butonunu ekleyerek, müşterilerinizin hesaplarına hızlı bir şekilde giriş yapmalarını ve kolayca hesap oluşturmalarını sağlayabilirsiniz.

1-Facebook hesabınız ile Meta Developers üzerinde bir hesap oluşturun veya mevcut hesabınıza  giriş yapın. Sırasıyla My Apps ve Create App seçeneklerine tıklayın.

Not: Meta İşletme hesabınızın bağlı olduğu hesapla ilerlemeniz gerekmektedir. Kurulumun sonraki aşamalarında bir işetme hesabı seçmeniz gerekecek.


2- Açılan ekranda "Authenticate and request data from users with Facebook Login" seçeneğini ile devam edin.

3- Sonraki adımda "No, I'm not building a game" seçeneğini işaretleyip, next butonuna tıklayın.

4-Uygulama detaylı ekranında, uygulamamız için isim, iletişim adresi ve işletme hesabınızı  seçerek create app butonuna tıklayın ve uygulamanızı oluşturun.

    5- Uygulamanızı oluşturduktan sonra sırasıyla, Use Cases ve ardından açılan ekranda Customize adımlarını takip edin.

    6-Düzenleme ekranında "Permissions"  kısmında email için Add butonuna tıklayarak , uygulamanıza email okuma erişimi verin. 

    Erişim izni verdikten sonra Go to settings butonuna tıklayarak devam edin.

     

    7- Client OAuth setting kısmında,  aşağıda verilen urlleri Valid OAuth Redirect URLs ve Allowed Domains for the Javascript SDK kısımlarına girin ve Save Changes butonuna tıklayarak kaydedin.

    Not: Urlleri girerken "alanadi.com" ve "storename" kısımlarını kendi alan adınız ve mağaza isminizle değiştirin.

    Valid OAuth Redirect URLs

    https://api.myikas.com/api/sf/ms/facebook/login/callback
    https://storename.myikas.com/api/sf/ms/facebook/login/callback
    https://alanadi.com/api/sf/ms/facebook/login/callback
    https://www.alanadi.com/api/sf/ms/facebook/login/callback

    Allowed Domains for the Javascript SDK

    https://alanadi.com

    https://www.alanadi.com

     

    8- Uygulama ana ekranına geri dönün ve App Settings > Basic menüsüne gidin.

      9- Açılan ekranda namespace dışındaki tüm alanları istenen bilgilerle doldurun. 

       

      10- Sayfayı aşağı kaydırın ve +Add platform butonuna tıklayın. Platform olarak ise website işaretleyin ve sitenizin adresini ekleyin.

      Yaptığınız değişiklerin kaydedilmesi için save changes butonuna tıklayın.

       

      11- Soldaki menüden "Publish" kısmına tıklayın. Açılan ekranda uygulamanızı yayına almanız için tamamlamanız gereken adımları görüyor olacaksınız.

      Eğer işletmeniz doğrulanmadıysa, start verification butonuna tıklayarak işetme doğrulama işlemiyle devam edin.

      İşletmeniz doğrulanmışsa Data Handling questions ile devam edebilirsiniz.

       

      12-  Uygulama aracılığıyla toplayacağınız verilerin kullanımı ile ilgili sorulan soruları işletmenize uygun olacak şekilde cevaplayın.

      Data processor olarak website bağlantınızı girebilirsiniz.

       

      13- Buradaki işlemi tamamladıktan sonra "Publish" menüsüne geri dönün ve  sağ altta bulunan "Publish" botununa basarak uygulamanızı yayınlayın.

      Uygulamanızı yayınladıktan sonra "data use checkup" ile ilgili soruları da yanıtlayın. 

       

      14- Tüm işlemleri tamamladıktan sonra  App Settings > Basic menüsüne gidin, App ID ve App secret değerlerini kopyalayın.

      Not: App secret değeri görünmüyorsa, yanında bulunan "Show" butonuna tıklayın.

       

      15- Kopyaladığınız bilgileri  Eklentiler menüsünde, Facebook ile Giriş için ayrılan alana girerek entegrasyonu tamamlayın.

      16- Uygulamayı Publish ettikten sonra ilgili özelliğin çalışabilmesi için developers.facebook.com tarafında Review>App Review alanından bir App Review Request yapmanız gerekmektedir. Burada direkt olarak bir taslak (draft) bulunuyor olup Edit alanından devam edebilirsiniz.

      FB-app-rev-1

       

      17- İlgili sayfada en altta bulunan Complete App Verification alanında yer alan "Provide verification details" alanına tıklayınız.
      FB-app-rev-2


      İlgili sayfada kontrol sağlayacak bir insanın bu uygulamayı nasıl test etmesi gerektiğini açıklamanız gerekmektedir. 
      FB-app-rev-3

      Örnek yanıt:
      The tester visits our login or signup page (alanadiniz.com/login).
      The tester clicks the "Facebook ile Giriş Yap" button.
      A Facebook Login dialog will appear.
      Important: The tester should use a test user account created specifically for testing purposes to log in.
      The tester logs in with their test user account credentials.
      Facebook may prompt for permission access (if applicable). The tester should grant the requested permissions.
      Upon successful login, the tester will be redirected back to our website's My Account page.

      NOT: Örnek yanıttaki alanadiniz.com/login alanına kendi alan adınızı yazınız.

       

      18- İlgili alanı doldurduktan sonra "How will your app use the advanced access email permission" ve "How will your app use the advanced access public_profile permission?" sorularına tıklayarak ilgili verileri doğru bir şekilde kullanacağınızı kabul edip kaydettikten sonra Submit butonuna tıklayarak uygulamanızı incelemeye gönderebilirsiniz. İlgili işlemi yaptıktan sonra Facebook İle Giriş özelliği sorunsuz bir şekilde çalışacaktır.

      FB-app-rev-3-1 

      Herhangi bir konuda desteğe ihtiyacınız olursa 0850 255 18 39 no’lu destek hattımızdan veya destek@ikas.com adresinden bize ulaşabilirsiniz.