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.
Facebook ile Giriş Yap özelliğini web sitenizde kullanabilmek için, önce Facebook geliştirici panelinde bir uygulama oluşturmanız gerekecek. Aşağıda, Meta for Developers tarafında uygulamanızı nasıl oluşturacağınızı ve ikas'ta ilgili özelliği nasıl aktif edebileceğinizi adım adım bulabilirsiniz.
1. Meta Developers'ta Yeni Bir Uygulama Oluşturun
Meta for Developers paneline Facebook hesabınızla giriş yaptıktan sonra, sağ üst köşede yer alan "My Apps" butonuna, ardından gelen ekrandan ise "Create App" butonuna tıklayın.
Not: Meta İşletme hesabınızın bağlı olduğu hesapla ilerlemeniz gerekmektedir. Kurulumun sonraki aşamalarında bir işletme hesabı seçmeniz gerekecek.
2. Uygulamanızı İsimlendirin
App Name (Uygulama Adı) alanına markanızın ismini, Contact Email alanına ise geçerli bir e-posta adresi ekleyerek "Next" butonuna tıklayarak devam edin.
3. Uygulama Türünü Seçin
Use cases adımında uygulama türü olarak "Authenticate and request data from users with Facebook Login" seçerek "Next" butonuna tıklayarak devam edin.
4. İşletme Portfolyonuzu Seçin
Business adımında işletme portfolyonuzu seçiniz. Facebook ile Giriş Yap özelliğinin doğru çalışabilmesi için işletme portföyünüzün olması önemlidir, çünkü ilerleyen süreçte işletme doğrulaması yapmanız istenecektir. Eğer şu ana kadar bir işletme portföyünüz yoksa, business.facebook.com üzerinden bir işletme portfolyosu oluşturabilirsiniz.
5. Uygulamanızı Oluşturun
Requirements ve Overview adımlarında uygulamanızın gerekli koşullarını ve genel bilgilerini gösterir, ancak bu aşamada herhangi bir işlem yapmanız gerekmez. Next butonuna tıklayarak ve ardından Go to Dashboard butonuna tıklayarak uygulamanızı düzenleyebilirsiniz.
6. Use Cases ve Permissions Ayarları
Uygulamanızı oluşturduktan sonra, sol menüde yer alan Use Cases bölümüne gidin. Burada, Authenticate and request data from users with Facebook Login seçeneğinin sağında bulunan Customize butonuna tıklayın. Ardından Permissions and Features alanında email iznini eklemek için Add butonuna tıklayın. Bu, kullanıcıların Facebook hesaplarıyla giriş yaparken e-posta adreslerine erişim izni verir.
7. Valid OAuth Redirect URIs ve Allowed Domains Ayarları
Aynı sayfada, sol menüden Settings sekmesine tıklayın. Burada, Valid OAuth Redirect URIs ile Allowed Domains for the JavaScript SDK alanlarını alttaki bilgilere göre doldurun.
Alttaki URI oluşturucu üzerinden kolaylıkla ilgili URI'ları oluşturabilir ve kopyala-yapıştır yaparak hızlıca işlemi tamamlayabilirsiniz.
İlgili URI Oluşturucu aracı yerine manuel olarak ilerlemek istemeniz durumunda ise aşağıda verilen URL'leri Valid OAuth Redirect URLs ve Allowed Domains for the Javascript SDK kısımlarına girerek devam edebilirsiniz.
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
Not: Urlleri girerken "alanadi.com" ve "storename" kısımlarını kendi alan adınız ve mağaza isminizle değiştirin.
8. Basic App Settings Alanını Doldurun
Açılan ekranda App domains, Privacy Policy URL, User data deletion, Category ve App Icon alanlarını istenen bilgilerle doldurun.
-
App Domains: Buraya alan adınızı yazın. Örneğin, sitenizin domaini
alanadi.com
ise, bu kısmıalanadi.com
olarak ekleyin. -
Privacy Policy URL: Buraya, gizlilik sözleşmenizin URL'ini yazın.
-
User Data Deletion URL: Buraya, kullanıcı verilerinin silinmesine ilişkin bir sayfanın URL'ini yazmanız gerekiyor. Eğer bir üyelik sözleşmesi sayfanız varsa, o sayfanın URL'ini buraya ekleyebilirsiniz. Eğer üyelik sözleşmesi sayfanız yoksa, gizlilik sözleşmenizin URL'ini kullanabilirsiniz.
-
Category: Shopping (Alışveriş) kategorisini seçebilirsiniz.
-
App Icon: Burada logonuzu kare formatta yüklemeniz isteniyor. Logonuzun boyutlarının min 512x512 ve max 1024x1024 piksel olması gerekmektedir.
9. Websitesi Türünde Bir Platform Ekleyin
Aynı ekranda 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.
10. App ID ve App Secret Bilgilerinizi ikas'a Ekleyin
İlgili bilgileri kaydettikten sonra ilgili sayfada en üstte yer alan App ID ve Secret bilgilerini ikas panelinizde Satış Kanalları>Eklentiler alanında bulunan "Facebook ile Giriş" alanına ekleyin.
11. App Review Request'inizi Tamamlayın
İlgili ö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.
12. İşletme Doğrulamanızı Tamamlayın
İlgili ekranda ilk olarak işletme doğrulamanızı yapmanız gerekmektedir. Bunun için "Business verification" alanının altında yer alan "Submit business verification" butonuna tıklayarak işletmenizi Facebook tarafında doğrulamanız gerekmektedir.
Not: İşletme doğrulaması için Meta sizden vergi levhası, örnek fatura gibi belgeler isteyebilir.
13. Data Handling Sorularını Yanıtlayın
İşletmenizi doğruladıktan sonra 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.
14. Verification Details Bilgilerini Ekleyin
Ardından Complete App Verification alanında yer alan "Provide verification details" alanına tıklayınız.
İlgili sayfada kontrol sağlayacak bir insanın bu uygulamayı nasıl test etmesi gerektiğini açıklamanız gerekmektedir.
Örnek yanıt:
The tester visits our login or signup page (alanadiniz.com/account/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.
15. Ek Onayları Sağlayın
İ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.
16. Uygulamanızı Publish Edin
App Review işlemini bitirdikten sonra sol menüden Publish butonuna tıklayın ve sağ altta bulunan "Publish" butonuna tıklayarak uygulamanızı yayınlayabilirsiniz. Bu işlemi sağladıktan sonra Facebook ile giriş özelliği doğru şekilde çalışacaktır.
Uygulamanızı yayınladıktan sonra butonun websitenizde gözükmesi için ikas panelinizde tema editöründen Facebook ile giriş özelliğini aktif hale getirmeniz gerekmektedir.
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.