El componente One Tap de AMP dejó de estar disponible. Esto significa que las nuevas aplicaciones web no deben usar este componente, y los desarrolladores de las aplicaciones existentes deben seguir la
guía de migración para realizar los cambios necesarios y así evitar impactos negativos para el acceso de los usuarios a sus sitios web.
Referencia de la API de componentes de AMP
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
En esta página de referencia, se describe la API del componente <amp-onetap-google> de AMP.
Consulta la guía Cómo integrar One Tap con un iframe para aprender a usar los iframes intermedios.
Carga el componente de AMP <amp-onetap-google>
Coloca el siguiente fragmento de código en cualquier página de AMP en la que desees usar el componente de AMP <amp-onetap-google>:
<script custom-element="amp-onetap-google" src="https://cdn.ampproject.org/v0/amp-onetap-google-0.1.js" async></script>
El componente de AMP <amp-onetap-google>
En la siguiente tabla, se enumeran los atributos de datos con sus descripciones:
| Atributo |
data-src |
El URI de tu iframe intermedio de One Tap |
layout |
Es el diseño del componente de AMP. Solo se permite "nodisplay". |
data-src
Este atributo es el URI de tu iframe intermedio de One Tap. Consulta la siguiente tabla para obtener más información:
| Tipo |
Obligatorio |
Ejemplo |
| string |
Sí |
data-src="https://example.com/onetap_iframe.html" |
layout
Este atributo es el diseño del componente de AMP, que es un atributo obligatorio de los componentes de AMP. Para el componente <amp-onetap-google>, solo se permite "nodisplay". Consulta la siguiente tabla para obtener más información:
| Tipo |
Obligatorio |
Ejemplo |
| string |
Sí |
layout="nondisplay" |
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2024-11-08 (UTC)
[null,null,["Última actualización: 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\"` |"]]
