Bu sayfada, Google ile oturum açma düğmesinin kullanıcı deneyimi (UX) açıklanmaktadır.
Düğme oluşturma
Kişiselleştirilmiş bir düğme, web sitenizi onaylayan ilk Google oturumunun profil bilgilerini gösterir. Onaylanmış bir Google oturumunun, web sitenizde daha önce Google ile oturum açma özelliğini kullanarak oturum açmış bir hesabı vardır.
Kişiselleştirilmiş bir düğme gösteriliyorsa kullanıcı şunları bilir:
- En az bir etkin Google oturumu olmalıdır.
- Web sitenizde ilgili bir hesap olmalıdır.
Kişiselleştirilmiş düğme, kullanıcılar düğmeyi tıklamadan önce hem Google tarafında hem de web sitenizde oturum durumu hakkında hızlı bir gösterge sunar. Bu, özellikle web sitenizi yalnızca ara sıra ziyaret eden son kullanıcılar için faydalıdır. Hesabın oluşturulup oluşturulmadığını ve hangi şekilde oluşturulduğunu unutabilirler. Kişiselleştirilmiş bir düğme, Google ile oturum açma özelliğinin daha önce kullanıldığını hatırlatır. Bu nedenle, web sitenizde gereksiz yere yinelenen hesap oluşturulmasını önlemeye yardımcı olur.
Oturum durumunu belirtmek için kişiselleştirilmiş düğme aşağıdaki şekillerde gösterilir:
Tek oturum: Google'ın tarafında yalnızca bir oturum vardır. Bu oturumda istemci onaylanır ve web sitenizde ilgili bir hesap bulunur.
Birden fazla oturum: Google'ın tarafında birden fazla oturum vardır. Bu oturumlar istemciyi onaylar. Onay, gösterilen hesabın yanındaki liste okuyla belirtilir. En az bir oturumun web sitenizde karşılık gelen bir hesabı vardır.
Oturum yok: Google tarafında oturum yoktur veya oturumların hiçbiri henüz istemciyi onaylamamıştır.
Oturum durumu uygun olduğunda kişiselleştirilmiş düğme, düğme ayarlarınız kişiselleştirilmiş düğmenin gösterilmesine izin vermediği sürece otomatik olarak gösterilir. Kişiselleştirilmiş düğme şu durumlarda gösterilmez:
data-typeözelliğiicon.data-sizeözelliğimediumveyasmallolarak ayarlanmıştır.data-widthözelliği 200 pikselden küçük bir sayıya ayarlanmıştır.- Üçüncü taraf çerezi engellenmiş ve düğmenin FedCM sürümü etkinleştirilmemiş.
Ad veya e-posta adresi, düğmede gösterilemeyecek kadar uzun olduğunda üç nokta ile kısaltılır.
Birleşik Kimlik Bilgisi Yöneticisi (FedCM)
Web İçin Özel Korumalı Alan, Google Kimlik Hizmetleri ve kullanıcı oturum açma konusunda önemli değişiklikler getiriyor. Bu ayar, Google ile oturum açma kişiselleştirilmiş düğmesini etkiler. Oturum açma akışı düğmeden etkilenmez. Ancak üçüncü taraf çerezleri engellendiğinde geri gelen kullanıcılarınız kişiselleştirilmiş düğmeyi görmez.
Federated Credentials Management API (FedCM) düğme akışıyla kullanıcılar, sitenizde Google ile oturum açma düğmesini kişiselleştirilmiş olarak görebilir. FedCM varsayılan olarak devre dışıdır ancak bir özelliği (HTML/JavaScript) değiştirerek FedCM'yi etkinleştirebilirsiniz. FedCM düğmesinin avantajları şunlardır:
Geri gelen kullanıcı deneyiminde iyileştirme: Geri gelen kullanıcıların oturum açma süreci, mevcut hesaplarını tanıyabildikleri için kolaylaştırıldı. Bu gelişmiş tanıma özelliğinin, tıklama oranının (TO) daha yüksek olmasını sağladığı kanıtlanmıştır. Ayrıca, FedCM'nin etkin olmadığı düğme akışının aksine, FedCM düğme akışı otomatik seçme özelliğini destekler. Etkin bir Google oturumu olan geri gelen kullanıcılar, düğmeyi tıkladıktan sonra otomatik olarak oturum açar ve hesap seçici istemi atlanır.
Gelişmiş Özellik Entegrasyonu: One Tap ve otomatik olarak oturum açma işlevlerini entegre ettik. Böylece, tek bir güvenen tarafın (RP) tüm Federated Credential Management (FedCM) Google ile oturum açma özellikleri birlikte çalışabilir. FedCM düğmesi akışındaki kullanıcı hareketleri, One Tap otomatik oturum açma akışında tek seferlik yeniden onaylama işlemini gerçekleştirmek için Chrome tarafından kaydedilir ve dikkate alınır. Bu, tüm özelliklerde sorunsuz bir deneyim sağlar.
Önemli kullanıcı yolculukları
Kullanıcı yolculukları aşağıdaki durumlara göre değişir.
Google web sitelerindeki oturum durumu. Kullanıcı yolculuğu başladığında farklı Google oturum durumlarını belirtmek için aşağıdaki terimler kullanılır.
- Has-Google-session: Google web sitelerinde en az bir etkin oturum vardır.
- No-Google-session: Google web sitelerinde etkin bir oturum yok.
Kullanıcı yolculuğu başladığında seçilen Google Hesabı'nın web sitenizi onaylayıp onaylamadığı. Aşağıdaki terimler, farklı onay durumlarını belirtmek için kullanılır.
- Yeni kullanıcı: Seçilen hesap, web sitenizi onaylamamıştır.
- Geri gelen kullanıcı: Seçilen hesap, web sitenizi daha önce onaylamış.
Google oturumu olan yeni kullanıcı işlem akışı
FedCM'siz düğme
Google ile oturum açma düğmesi
Hesap seçici sayfası
Yeni kullanıcı izni sayfası.
Kullanıcı onayladıktan sonra web sitenizle bir kimlik jetonu paylaşılır.
Kullanıcılar Başka bir hesap kullan düğmesini tıklayarak yeni bir Google oturumu ekleyebilir. Google oturumu yok kullanıcı yolculukları bölümüne bakın.
FedCM kullanan düğme
Akıştaki sondan bir önceki ekran, yükleme ekranıdır. Bu ekran, kullanıcıları herhangi bir işlem yapmalarını gerektirmeden otomatik olarak giriş uç noktanıza yönlendirir.
Google oturumu olan geri gelen kullanıcının yolculuğu
FedCM'siz düğme
Google ile oturum açma düğmesi
Hesap seçici sayfası
Kullanıcı geri dönen bir hesap seçtikten sonra web sitenizle bir kimlik jetonu paylaşılır.
Kullanıcılar Başka bir hesap kullan düğmesini tıklayarak yeni bir Google oturumu ekleyebilir. "Google oturumu yok" kullanıcı yolculukları bölümüne bakın.
FedCM kullanan düğme
Akıştaki sondan bir önceki ekran, yükleme ekranıdır. Bu ekran, kullanıcıları herhangi bir işlem yapmalarını gerektirmeden otomatik olarak giriş uç noktanıza yönlendirir.
Geri gelen kullanıcı yolculuğunu otomatik olarak seçen Google oturumu var
FedCM'siz düğme
FedCM olmadan Google ile oturum açma düğmesinde otomatik seçim özelliği yoktur.
FedCM kullanan düğme
Etkin bir Google oturumu olan geri gelen kullanıcılar, düğmeyi tıkladıktan sonra otomatik olarak seçilir ve hesap seçici istemi atlanır. auto select özelliğini doğru olarak ayarlayın (HTML/JavaScript).
Google oturumu olmayan yeni kullanıcı yolculuğu
FedCM'siz düğme
Google ile oturum açma düğmesi
Yeni bir Google oturumu eklemek için ilk sayfa.
Yeni bir Google oturumu eklemek için ikinci sayfa.
Yeni kullanıcı izni sayfası.
Kullanıcı onayladıktan sonra web sitenizle bir kimlik jetonu paylaşılır.
FedCM kullanan düğme
Akıştaki sondan bir önceki ekran, yükleme ekranıdır. Bu ekran, kullanıcıları herhangi bir işlem yapmalarını gerektirmeden otomatik olarak giriş uç noktanıza yönlendirir.
Google oturumu olmayan geri gelen kullanıcı yolculuğu
FedCM'siz düğme
Google ile oturum açma düğmesi
Yeni bir Google oturumu eklemek için ilk sayfa.
Yeni bir Google oturumu eklemek için ikinci sayfa.
Kullanıcı Sonraki düğmesini tıkladıktan sonra web sitenizle bir kimlik jetonu paylaşılır.
FedCM kullanan düğme
Family Link hesabıyla ilgili temel kullanıcı yolculukları
Önceki bölümdeki genel anahtar kullanıcı yolculukları geçerliliğini korur. Aşağıda, oturum açma sırasında çocuğun Google Hesabı için gösterilecek ek akış gösterilmektedir.
FedCM'siz düğme
Google oturumu yok
Google ile oturum açma düğmesi
Yeni bir çocuk Google oturumu (çocuk Google Hesabı e-posta adresi) eklemek için kullanılan ilk sayfa.
Yeni bir çocuk Google oturumu (çocuk Google Hesabı şifresi) eklemek için ikinci sayfa.
Yeni bir çocuk Google oturumu eklemek için ebeveynin onayını almanız gereken ilk sayfa.
Ebeveynin yeni bir çocuk Google oturumu ekleme isteğini onaylaması için gösterilen ikinci sayfa.
Yeni bir çocuk Google oturumu eklemek için ebeveynin onayını almanız gereken üçüncü sayfa.
Çocuğun Google Hesabı'nı uygulamada oturum açmak için ebeveynin onayını almanız gereken ilk sayfa.
Çocuğun Google Hesabı'nı uygulamada oturum açmak için ebeveynin onayını almayla ilgili ikinci sayfa.
Çocuğun Google Hesabı ile uygulamada oturum açması için ebeveynin onayını almanız gereken üçüncü sayfa.
Çocuğun Google Hesabı'nı uygulamada oturum açmak için ebeveynin onayını almayla ilgili son sayfa.
Ebeveyn Devam düğmesini tıkladıktan sonra web sitenizle bir kimlik jetonu paylaşılır.
Has-Google-session
Google ile oturum açma düğmesi
Hesap seçici sayfası
Çocuğun Google Hesabı'nı uygulamada oturum açmak için ebeveynin onayını almanız gereken ilk sayfa.
Çocuğun Google Hesabı'nı uygulamada oturum açmak için ebeveynin onayını almayla ilgili ikinci sayfa.
Çocuğun Google Hesabı ile uygulamada oturum açması için ebeveynin onayını almanız gereken üçüncü sayfa.
Çocuğun Google Hesabı'nı uygulamada oturum açmak için ebeveynin onayını almayla ilgili son sayfa.
Ebeveyn Devam düğmesini tıkladıktan sonra web sitenizle bir kimlik jetonu paylaşılır.
FedCM kullanan düğme
FedCM etkinleştirilmiş Google ile oturum açma düğmesi şu anda Family Link hesaplarını desteklemiyor.
FedCM düğmesi akışı hakkında ek bilgiler
Web uygulamanız, kaynaklar arası iFrame'lerden Button API'yi çağırıyorsa üst çerçeveye
allow="identity-credentials-get"özelliğini ekleyin. Daha fazla bilgi için 7. adıma bakın.Sitenizin İçerik Güvenliği Politikası'nı (İGP) doğru şekilde ayarlayın. Daha fazla bilgi için 8. adıma bakın.
Chrome'daki bekleme süresi durumu ve üçüncü taraf oturum açma ayarları, FedCM düğmesi akışını etkilemez. Durum (aşağıdaki ekran görüntülerinde gösterildiği gibi) yalnızca tek dokunuşla ödeme kullanıcı deneyimini etkiler.