Ara Iframe API referansı

Bu referans sayfası, HTML sayfalarına ara iframe'in nasıl yükleneceğini açıklar.

Orta Düzey Iframe JavaScript Kitaplığını Yükleme

Google One'ı görüntülemek istediğiniz tüm HTML sayfalarına şu kod snippet'ini yerleştirin Görüntülemek için dokunun:

<script src="https://accounts.google.com/gsi/intermediate"></script>

HTML API'sı

Ara iframe'i, kimlik özelliği g_id_intermediate_iframe değerine ayarlanmış bir HTML öğesi ekleyerek yükleyebilirsiniz. Aşağıdaki örnek kod snippet'ini inceleyin:

<script src="https://accounts.google.com/gsi/intermediate"></script>
<div id="g_id_intermediate_iframe"
     data-src="https://example.com/onetap_iframe.html">
</div>

"g_id_intermediate_iframe" kimlikli öğe

Ara iframe veri özelliklerini, <div> ve <span> gibi görünür veya görünmez herhangi bir öğeye yerleştirebilirsiniz. Tek şart, öğe kimliğinin g_id_intermediate_iframe olarak ayarlanmasıdır. Bu kimliği birden çok öğeye koymayın.

Aşağıdaki tabloda, veri özellikleri açıklamalarıyla birlikte listelenmiştir:

Özellik
data-src One Tap ara iframe'inizin URI'si
data-done One Tap kullanıcı deneyimi tamamlandığında tetiklenecek bir JavaScript geri çağırma yöntemi.

data-src

Bu özellik, One Tap ara iframe'inizin URI'sidir. Daha fazla bilgi için aşağıdaki tabloya bakın:

Tür Zorunlu Örnek
string Evet data-src="https://example.com/onetap_iframe.html"

veriler bitti

Bu özellik, One Tap kullanıcı deneyimi tamamlandığında tetiklenen bir JavaScript geri çağırma yöntemidir.

Varsayılan olarak, One Tap kullanıcı deneyimi tamamlandığında içerik sayfası yeniden yüklenir. Kendi geri çağırma işlevinizi sağlayarak varsayılan davranışı geçersiz kılabilirsiniz. Daha fazla bilgi için aşağıdaki tabloya bakın:

Tür Zorunlu Örnek
İşlev İsteğe bağlı data-done="onOneTapSuccess"

JavaScript API

Ara iframe'i, bir JavaScript yöntemini çağırarak yükleyebilirsiniz.

Yöntem: google.accounts.id.initializeIntermediate

google.accounts.id.initializeIntermediate yöntemi, yapılandırma nesnesine göre ara iframe'i yükler. Yöntemin aşağıdaki kod örneğine bakın:

google.accounts.id.initializeIntermediate(IntermediateConfig)

Aşağıdaki kod örneği, google.accounts.id.initializeIntermediate yöntemini bir onload işleviyle uygular:

<script>
  window.onload = function () {
    google.accounts.id.initializeIntermediate({
      src: 'https://example.com/intermediate'
    });
  };
</script>

Veri türü: IntermediateConfig

Aşağıdaki tabloda, açıklamalarıyla birlikte alanlar listelenmiştir:

Alan
src One Tap ara iframe'inizin URI'si
done One Tap kullanıcı deneyimi olduğunda tetiklenecek bir JavaScript geri çağırma yöntemi.

src

Bu alan, One Tap ara iframe'inizin URI'sidir. Daha fazla bilgi için aşağıdaki tabloya bakın:

Tür Zorunlu Örnek
string Evet src: "https://example.com/onetap_iframe.html"

bitti

Bu alan, One Tap kullanıcı deneyimi tamamlandığında tetiklenecek JavaScript geri çağırma yöntemidir.

Varsayılan olarak, One Tap kullanıcı deneyimi tamamlandığında içerik sayfası yeniden yüklenir. Kendi geri çağırma işlevinizi sağlayarak varsayılan davranışı geçersiz kılabilirsiniz. Daha fazla bilgi için aşağıdaki tabloya bakın:

Tür Zorunlu Örnek
İşlev İsteğe bağlı done: onOneTapSuccess