Le composant AMP One Tap est obsolète. Cela signifie que les nouvelles applications Web ne doivent pas utiliser ce composant. Les développeurs des applications existantes doivent suivre le
guide de migration pour apporter les modifications nécessaires et éviter tout impact négatif sur la connexion des utilisateurs à leurs sites Web.
Documentation de référence de l'API du composant AMP
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Cette page de référence décrit l'API du composant AMP <amp-onetap-google>.
Consultez le guide Intégrer One Tap à l'aide d'un iFrame pour savoir comment utiliser les iFrames intermédiaires.
Charger le composant AMP <amp-onetap-google>
Placez l'extrait de code suivant dans toutes les pages AMP dans lesquelles vous souhaitez utiliser le composant AMP <amp-onetap-google>:
<script custom-element="amp-onetap-google" src="https://cdn.ampproject.org/v0/amp-onetap-google-0.1.js" async></script>
Composant AMP <amp-onetap-google>
Le tableau suivant répertorie les attributs de données et leurs descriptions:
| Attribut |
data-src |
URI de l'iFrame intermédiaire One Tap |
layout |
Mise en page du composant AMP. Seule la valeur "nodisplay" est autorisée. |
data-src
Cet attribut correspond à l'URI de l'iFrame intermédiaire One Tap. Pour en savoir plus, consultez le tableau suivant:
| Type |
Obligatoire |
Exemple |
| chaîne |
Oui |
data-src="https://example.com/onetap_iframe.html" |
mise en page
Cet attribut correspond à la mise en page du composant AMP, qui est un attribut obligatoire des composants AMP. Pour le composant <amp-onetap-google>, seul "nodisplay" est autorisé. Pour en savoir plus, consultez le tableau suivant:
| Type |
Obligatoire |
Exemple |
| chaîne |
Oui |
layout="nondisplay" |
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/11/08 (UTC).
[null,null,["Dernière mise à jour le 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\"` |"]]
