แสดงการแตะเพียงครั้งเดียวในหน้า AMP

วิธีเพิ่ม One Tap ใน Accelerated Mobile Pages

1. เพิ่ม One Tap ลงใน iframe กลางที่เว็บไซต์ของคุณเองโฮสต์

2. ฝัง iframe ระดับกลางแทน One Tap ในหน้า AMP โดยใช้คอมโพเนนต์ <amp-onetap-google>

หมายเหตุ: ดูข้อมูลเพิ่มเติมได้ที่ส่วนผสานรวมกับ One Tap โดยใช้ Iframe

วางข้อมูลโค้ดต่อไปนี้ลงในหน้า AMP ที่คุณต้องการให้ Google One Tap แสดง

<script custom-element="amp-onetap-google" src="https://cdn.ampproject.org/v0/amp-onetap-google-0.1.js" async></script>
<amp-onetap-google
  layout="nodisplay"
  data-src="https://example.com/onetap_iframe.html">
</amp-onetap-google>

ตั้งค่าแอตทริบิวต์ data-src เป็น URI ของ iframe กลาง