Komponen AMP Sekali Ketuk tidak digunakan lagi. Artinya, aplikasi web baru tidak boleh menggunakan komponen ini, dan developer aplikasi yang sudah ada harus mengikuti
panduan migrasi untuk melakukan perubahan yang diperlukan guna menghindari dampak negatif bagi login pengguna ke situs mereka.
Referensi API Komponen AMP
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Halaman referensi ini menjelaskan API komponen AMP
<amp-onetap-google>.
Lihat panduan Mengintegrasikan One Tap menggunakan Iframe untuk mempelajari cara menggunakan
iframe perantara.
Memuat Komponen AMP <amp-onetap-google>
Tempatkan cuplikan kode berikut ke halaman AMP tempat Anda ingin menggunakan Komponen AMP <amp-onetap-google>:
<script custom-element="amp-onetap-google" src="https://cdn.ampproject.org/v0/amp-onetap-google-0.1.js" async></script>
Komponen AMP <amp-onetap-google>
Tabel berikut mencantumkan atribut data beserta deskripsinya:
| Atribut |
data-src |
URI iframe perantara One Tap Anda |
layout |
Tata letak komponen AMP. Hanya "nodisplay" yang diizinkan. |
data-src
Atribut ini adalah URI iframe perantara One Tap Anda. Lihat tabel berikut untuk informasi lebih lanjut:
| Jenis |
Wajib |
Contoh |
| string |
Ya |
data-src="https://example.com/onetap_iframe.html" |
tata letak
Atribut ini adalah tata letak komponen AMP, yang merupakan atribut wajib
komponen AMP. Untuk komponen <amp-onetap-google>, hanya
"nodisplay" yang diizinkan. Lihat tabel berikut untuk informasi lebih lanjut:
| Jenis |
Wajib |
Contoh |
| string |
Ya |
layout="nondisplay" |
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2024-11-08 UTC.
[null,null,["Terakhir diperbarui pada 2024-11-08 UTC."],[[["\u003cp\u003eThis reference page describes the API of the \u003ccode\u003e<amp-onetap-google>\u003c/code\u003e AMP component, which enables One Tap sign-up/sign-in on AMP pages.\u003c/p\u003e\n"],["\u003cp\u003eTo use this component, you need to place a specific script tag into your AMP pages and configure the component with \u003ccode\u003edata-src\u003c/code\u003e and \u003ccode\u003elayout\u003c/code\u003e attributes.\u003c/p\u003e\n"],["\u003cp\u003eThe \u003ccode\u003edata-src\u003c/code\u003e attribute specifies the URI of your One Tap intermediate iframe, while the \u003ccode\u003elayout\u003c/code\u003e attribute must be set to "nodisplay".\u003c/p\u003e\n"],["\u003cp\u003eRefer to the "Integrate One Tap using an Iframe" guide to learn how to use intermediate iframes for this implementation.\u003c/p\u003e\n"]]],[],null,["# AMP Component API reference\n\nThis reference page describes the API of the `\u003camp-onetap-google\u003e` AMP\ncomponent.\n\nSee the [Integrate One Tap using an Iframe](/identity/gsi/web/amp/intermediate-iframe) guide to learn how to use\nintermediate iframes.\n\nLoad the `\u003camp-onetap-google\u003e` AMP Component\n--------------------------------------------\n\nPlace the following code snippet into any AMP pages where you want to use the\n`\u003camp-onetap-google\u003e` AMP Component: \n\n \u003cscript custom-element=\"amp-onetap-google\" src=\"https://cdn.ampproject.org/v0/amp-onetap-google-0.1.js\" async\u003e\u003c/script\u003e\n\nThe `\u003camp-onetap-google\u003e` AMP Component\n---------------------------------------\n\nThe following table lists the data attributes with their descriptions:\n\n| Attribute ||\n|----------------------------------------------------------|---------------------------------------------------------------|\n| [data-src](/identity/gsi/web/amp/amp-reference#data-src) | The URI of your One Tap intermediate iframe |\n| [layout](/identity/gsi/web/amp/amp-reference#layout) | The layout of the AMP component. Only \"nodisplay\" is allowed. |\n\n### data-src\n\nThis attribute is the URI of your One Tap intermediate iframe. See the following\ntable for further information:\n\n| Type | Required | Example |\n|--------|----------|-----------------------------------------------------|\n| string | Yes | `data-src=\"https://example.com/onetap_iframe.html\"` |\n\n### layout\n\nThis attribute is the layout of the AMP component, which is a required attribute\nof AMP components. For the `\u003camp-onetap-google\u003e` component, only\n\"nodisplay\" is allowed. See the following table for further information:\n\n| Type | Required | Example |\n|--------|----------|-----------------------|\n| string | Yes | `layout=\"nondisplay\"` |"]]
