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:

Özellik
data-src Tek Dokunuşlu ara iFrame'inizin URI'si
data-done Tek Dokunuş kullanıcı deneyimi tamamlandığında tetiklenecek bir JavaScript geri çağırma yöntemi.

data-src

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

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

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:

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'ı 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:

Alan
src Tek Dokunuşlu ara iFrame'inizin URI'si
done Tek Dokunuş kullanıcı deneyimi bir olduğunda tetiklenecek bir JavaScript geri çağırma yöntemi.

kyn

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

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

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:

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