คอมโพเนนต์ AMP One Tap เลิกใช้งานแล้ว ซึ่งหมายความว่าเว็บแอปใหม่ไม่ควรใช้คอมโพเนนต์นี้ และนักพัฒนาแอปที่มีอยู่ควรปฏิบัติตาม
คำแนะนำในการย้ายข้อมูลเพื่อทำการเปลี่ยนแปลงที่จำเป็นเพื่อหลีกเลี่ยงผลกระทบในแง่ลบที่ผู้ใช้ลงชื่อเข้าใช้เว็บไซต์
เอกสารอ้างอิง 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\"` |"]]
