Ara Iframe API referansı

Bu referans sayfasında, ara iframe'in HTML sayfalarına nasıl yükleneceği açıklanmaktadır.

Ara iFrame JavaScript Kitaplığını Yükleme

Aşağıdaki kod snippet'ini, Google One'a dokunarak göstermek istediğiniz HTML sayfalarına yerleştirin:

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

HTML API

Kimlik özelliği g_id_intermediate_iframe olarak ayarlanmış bir HTML öğesi ekleyerek ara iframe'ı yükleyebilirsiniz. Aşağıdaki örnek kod snippet'ine bakın:

<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 öğelere yerleştirebilirsiniz. Tek şart, öğe kimliğinin g_id_intermediate_iframe olarak ayarlanmasıdır. Bu kimliği birden fazla öğeye koymayın.

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

data-src

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

data-done

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

Tek Dokunuş kullanıcı deneyimi tamamlandığında varsayılan olarak içerik sayfası yeniden yüklenir. Kendi bitti 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:

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'ı yükler. Yönteme ilişkin 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 alanlar açıklamalarıyla birlikte listelenmiştir:

kyn

Bu alan, Tek Dokunuşlu orta düzey iframe'inizin URI'sidir. Daha fazla bilgi için aşağıdaki tabloya bakın:

bitti

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

Varsayılan olarak, tek dokunuş kullanıcı deneyimi tamamlandığında içerik sayfası yeniden yüklenir. Kendi bitti 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: