The AMP One Tap component is deprecated. This means that new web apps shouldn't use this component, and developers of the existing apps should follow the
migration guide to make any necessary changes to avoid negative impacts for user sign-in to their websites.
เอกสารอ้างอิง API คอมโพเนนต์ AMP
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
หน้าอ้างอิงนี้อธิบาย API ของคอมโพเนนต์ <amp-onetap-google> AMP
ดูคู่มือผสานรวม One Tap โดยใช้ iframe เพื่อเรียนรู้วิธีใช้ iframe ขั้นกลาง
โหลด<amp-onetap-google>คอมโพเนนต์ AMP
วางข้อมูลโค้ดต่อไปนี้ลงในหน้า AMP ที่ต้องการใช้
<amp-onetap-google> คอมโพเนนต์ AMP
<script custom-element="amp-onetap-google" src="https://cdn.ampproject.org/v0/amp-onetap-google-0.1.js" async></script>
คอมโพเนนต์ AMP <amp-onetap-google>
ตารางต่อไปนี้แสดงแอตทริบิวต์ข้อมูลพร้อมคำอธิบาย
| แอตทริบิวต์ |
data-src |
URI ของ iframe สื่อกลางแบบ One Tap |
layout |
เลย์เอาต์ของคอมโพเนนต์ AMP อนุญาตเฉพาะ "nodisplay" เท่านั้น |
data-src
แอตทริบิวต์นี้คือ URI ของ iframe ระดับกลางของ One Tap ดูข้อมูลเพิ่มเติมได้ในตารางต่อไปนี้
| ประเภท |
ต้องระบุ |
ตัวอย่าง |
| สตริง |
ใช่ |
data-src="https://example.com/onetap_iframe.html" |
เลย์เอาต์
แอตทริบิวต์นี้เป็นเลย์เอาต์ของคอมโพเนนต์ AMP ซึ่งเป็นแอตทริบิวต์ที่ต้องระบุของคอมโพเนนต์ AMP สําหรับคอมโพเนนต์ <amp-onetap-google> ระบบจะอนุญาตเฉพาะ "nodisplay" เท่านั้น ดูข้อมูลเพิ่มเติมได้ในตารางต่อไปนี้
| ประเภท |
ต้องระบุ |
ตัวอย่าง |
| สตริง |
ใช่ |
layout="nondisplay" |
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2024-11-08 UTC
[null,null,["อัปเดตล่าสุด 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\"` |"]]
