تم إيقاف مكوِّن "نقرة واحدة" لصفحات AMP نهائيًا. ويعني هذا أنّه يجب ألا تستخدم تطبيقات الويب الجديدة هذا المكوِّن، ويجب على مطوّري التطبيقات الحالية اتّباع
دليل نقل البيانات لإجراء أي تغييرات ضرورية لتجنُّب التأثيرات السلبية على تسجيل دخول المستخدمين إلى مواقعهم الإلكترونية.
مرجع واجهة برمجة التطبيقات لمكونات AMP
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تصف هذه الصفحة المرجعية واجهة برمجة التطبيقات لمكوّن AMP <amp-onetap-google>
.
اطّلِع على دليل دمج ميزة "النقرة الواحدة" باستخدام إطار 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-onetap-google>
في AMP
يسرد الجدول التالي تصنيفات البيانات مع أوصافها:
السمة |
data-src |
معرّف الموارد المنتظم (URI) لإطار iframe الوسيط في ميزة "النقرة الواحدة" |
layout |
تنسيق مكوّن AMP يُسمح فقط باستخدام nodisplay. |
data-src
هذه السمة هي معرّف الموارد المنتظم لإطار iframe الوسيط في ميزة "النقرة الواحدة". اطّلِع على الجدول التالي لمزيد من المعلومات:
النوع |
مطلوب |
مثال |
سلسلة |
نعم |
data-src="https://example.com/onetap_iframe.html" |
التصميم
هذه السمة هي تنسيق مكوّن AMP، وهي سمة مطلوبة
لمكونات AMP. بالنسبة إلى المكوّن <amp-onetap-google>
، يُسمح فقط باستخدام
"nodisplay". اطّلِع على الجدول التالي للحصول على مزيد من المعلومات:
النوع |
مطلوب |
مثال |
سلسلة |
نعم |
layout="nondisplay" |
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2024-11-08 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2024-11-08 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\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\"` |"]]