Documentation de référence sur les API standards

Restez organisé à l'aide des collections Enregistrez et classez les contenus selon vos préférences.

Cette page de référence explique comment charger un iFrame intermédiaire dans des pages HTML.

Charger la bibliothèque JavaScript iFrame intermédiaire

Insérez l'extrait de code suivant dans les pages HTML sur lesquelles vous souhaitez que Google One affiche:

<script src="https://accounts.google.com/gsi/intermediate"></script>

API HTML

Vous pouvez charger l'iFrame intermédiaire en incluant un élément HTML avec l'attribut d'ID défini sur g_id_intermediate_iframe. Consultez l'exemple d'extrait de code suivant:

<script src="https://accounts.google.com/gsi/intermediate"></script>
...
<div id="g_id_intermediate_iframe"
        data-src = "https://example.com/onetap_iframe.html">
</div>

Élément avec ID "g_id_intermédiaire_iframe"

Vous pouvez placer les attributs de données iFrame intermédiaires dans n'importe quel élément visible ou invisible, tel que <div> et <span>. La seule condition requise est que l'ID de l'élément soit défini sur g_id_intermediate_iframe. Ne placez pas cet identifiant sur plusieurs éléments.

Le tableau suivant répertorie les attributs de données et leur description:

Attribut
data-src L'URI de votre iFrame intermédiaire One Tap
data-done Méthode de rappel JavaScript à déclencher lorsque l'expérience utilisateur One Tap est terminée.

données-src

Cet attribut est l'URI de votre iFrame iFrame intermédiaire. Pour en savoir plus, consultez le tableau suivant:

Type Obligatoire Exemple
chaîne Oui data-src="https://example.com/onetap_iframe.html"

données terminées

Cet attribut est une méthode de rappel JavaScript qui est déclenchée lorsque l'expérience utilisateur One Tap est terminée.

Par défaut, la page de contenu est actualisée une fois l'expérience utilisateur One Tap terminée. Vous pouvez ignorer le comportement par défaut en fournissant votre propre rappel terminé. Pour en savoir plus, consultez le tableau suivant:

Type Obligatoire Exemple
Function Facultative data-done="onOneTapSuccess"

API JavaScript

Vous pouvez charger l'iFrame intermédiaire en appelant une méthode JavaScript.

Méthode: google.accounts.id.Initialize intermédiaires

La méthode google.accounts.id.initializeIntermediate charge l'iFrame intermédiaire en fonction de l'objet de configuration. Consultez l'exemple de code suivant de cette méthode:

google.accounts.id.initializeIntermediate(IntermediateConfig)

L'exemple de code suivant implémente la méthode google.accounts.id.initializeIntermediate avec une fonction onload:

<script>
  window.onload = function () {
    google.accounts.initializeIntermediate({
      src: 'https://example.com/intermediate'
    });
  };
</script>

Type de données: intermédiaireConfig

Le tableau suivant répertorie les champs et leur description:

Champ
src L'URI de votre iFrame intermédiaire One Tap
done Méthode de rappel JavaScript à déclencher lorsque l'expérience utilisateur One Tap en est une.

src

Ce champ correspond à l'URI de votre iFrame iFrame intermédiaire. Pour en savoir plus, consultez le tableau suivant:

Type Obligatoire Exemple
chaîne Oui src: "https://example.com/onetap_iframe.html"

OK

Ce champ correspond à la méthode de rappel JavaScript à déclencher lorsque l'expérience utilisateur One Tap est terminée.

Par défaut, la page de contenu est actualisée une fois l'expérience utilisateur One Tap terminée. Vous pouvez ignorer le comportement par défaut en fournissant votre propre rappel terminé. Pour en savoir plus, consultez le tableau suivant:

Type Obligatoire Exemple
Function Facultative done: onOneTapSuccess