Ce document décrit les options, les méthodes, les propriétés et les événements de tous les composants intégrés de l'API Embed.
auth, authentification, authentifier
gapi.analytics.auth
Le composant auth est un singleton qui peut être utilisé pour autoriser un utilisateur.
Méthodes |
|
---|---|
authorize(options:Object) |
Renvoie: Affiche un bouton de connexion à Google Analytics dans le conteneur spécifié, permettant à l'utilisateur de se connecter avec son compte Google. |
isAuthorized() |
Renvoie: Renvoie |
signOut() |
Renvoie: Déconnexion de l'utilisateur actuel. Déclenche également l'événement |
getAuthResponse() |
Renvoie: Récupère les données d'authentification renvoyées par la requête d'autorisation d'origine. L'objet renvoyé inclut le jeton d'accès, qui peut généralement effectuer manuellement des requêtes authentifiées. |
getUserProfile() |
Renvoie: Récupère des informations de profil de base sur l'utilisateur actuellement connecté. Cela inclut le nom, l'adresse e-mail et l'image de profil public de l'utilisateur (le cas échéant). |
Options |
|
---|---|
clientId |
Type: ID client de votre projet dans la console pour les développeurs. |
container |
Type: ID d'un élément HTML dans le DOM qui hébergera le bouton de connexion. Vous pouvez également transmettre une référence à l'élément lui-même. |
userInfoLabel |
Type: Texte à afficher avant l'adresse e-mail d'un utilisateur connecté. La valeur par défaut est |
scopes |
Type: Liste des champs d'application d'authentification des API Google demandés par votre application. Pour voir tous les champs d'application disponibles, accédez à OAuth 2.0 Playground. Pour les champs d'application d'authentification de l'API Google Analytics, consultez les guides du développeur pour les ressources Configuration et Création de rapports. |
overwriteDefaultScopes |
Type: Indique si l'option La valeur par défaut des champs d'application est Remarque: L'authentification via l'API Embed nécessite l'accès au profil de base de l'utilisateur. Ces champs d'application ne peuvent pas être remplacés. |
serverAuth.access_token |
Type: Si vous disposez déjà d'un jeton d'accès valide, vous pouvez le transmettre directement à la méthode d'autorisation. L'utilisateur ne sera alors pas invité à donner son autorisation. Pour savoir comment récupérer un jeton d'accès, consultez la documentation OAuth 2.0. |
Événements |
|
---|---|
signIn |
Arguments:aucun Déclenché lorsque l'utilisateur s'est connecté avec succès. |
signOut |
Arguments:aucun Déclenché lorsque l'utilisateur s'est déconnecté avec succès. |
needsAuthorization |
Arguments:aucun Lorsque vous appelez la méthode |
error |
Arguments: Déclenché lorsqu'une erreur se produit pendant le processus d'authentification. Si vous souhaitez obtenir le message d'erreur de l'objet de réponse, il se trouve à l'adresse |
Événements obsolètes | |
---|---|
success |
Arguments: Cet événement existe pour assurer la rétrocompatibilité et peut être supprimé dans une prochaine version. Utilisez plutôt l'événement |
Exemple
// Standard client-side authorization. gapi.analytics.auth.authorize({ clientId: 'XXXXXX', container: 'auth-button' }); gapi.analytics.auth.on('signIn', function() { console.log(gapi.analytics.auth.getUserProfile()); });
// Authorization using an access token obtained server-side. // You do not need to register an event handler because // authorization happens immediately. gapi.analytics.auth.authorize({ serverAuth: { access_token: 'XXXXXX' } });
Données
gapi.analytics.report.Data
Constructeur | |
---|---|
Data(options:Object)
|
Le composant Data vous permet d'interroger l'API Core Reporting de Google Analytics et d'obtenir les résultats. |
Options |
|
---|---|
query
|
Type: Objet contenant des paramètres de requête de l' API Core Reporting. Les valeurs par défaut suivantes sont utilisées en plus des valeurs par défaut standards fournies par l'API: { 'start-date': '7daysAgo', 'end-date': 'yesterday } |
Événements |
|
---|---|
success |
Arguments: Déclenché lorsque la requête est terminée |
error |
Arguments: Déclenché lorsqu'une erreur se produit pendant le processus de requête. Si vous souhaitez obtenir le message d'erreur de l'objet de réponse, il se trouve à l'adresse |
Exemple
var report = new gapi.analytics.report.Data({ query: { ids: 'ga:XXXX', metrics: 'ga:sessions', dimensions: 'ga:city' } }); report.on('success', function(response) { console.log(response); }); report.execute();
DataChart
gapi.analytics.googleCharts.DataChart
Constructeur | |
---|---|
DataChart(options:Object)
|
DataChart encapsule un graphique Google standard et un composant Data pour vous permettre de créer facilement une visualisation à partir d'une requête, sans avoir à la relier vous-même. |
Options |
|
---|---|
query |
Type: Consultez l'option de requête du composant de données. |
chart |
Type: Pour en savoir plus sur les différentes options de graphique, consultez les informations ci-dessous. |
chart.container |
Type: ID d'un élément HTML dans le DOM qui hébergera le DataChart. Vous pouvez également transmettre une référence à l'élément lui-même. |
chart.type |
Type: Type de graphique. Les options possibles sont |
chart.options |
Type: Toutes les options pouvant être transmises à l'objet Google Chart correspondant |
Événements |
|
---|---|
success |
Arguments: Déclenché lorsque la requête est exécutée correctement et que le graphique s'affiche entièrement.
|
error |
Arguments: Déclenché lorsqu'une erreur se produit pendant le processus de requête ou d'affichage Si vous souhaitez obtenir le message d'erreur de l'objet de réponse, il se trouve à l'adresse |
Exemple
var chart = new gapi.analytics.googleCharts.DataChart({ query: { ids: 'ga:XXXX', metrics: 'ga:sessions', dimensions: 'ga:date' }, chart: { type: 'LINE', container: 'line-chart', options: { title: 'Sessions over the past week.', fontSize: 12 } } }); chart.on('success', function(response) { // response.chart : the Google Chart instance. // response.data : the Google Chart data object. }); chart.execute();
ViewSelector
gapi.analytics.ViewSelector
Constructeur | |
---|---|
ViewSelector(options:Object)
|
Le composant ViewSelector vous permet de sélectionner votre compte, votre propriété et votre vue via des menus déroulants. |
Options |
|
---|---|
container |
Type: ID d'un élément HTML dans le DOM qui héberge le ViewSelect. Vous pouvez également transmettre une référence à l'élément lui-même. |
Propriétés de l'instance |
|
---|---|
ids |
Type: ID de table unique au format ga:XXXX, où XXXX correspond à l'ID de la vue (profil) Analytics. |
Événements |
|
---|---|
change |
Arguments: Déclenché chaque fois que l'utilisateur sélectionne une nouvelle vue dans les menus déroulants Il se déclenche également lorsque l'instance ViewSelect est affichée pour la première fois et que la vue par défaut s'affiche. |
Exemple
var viewSelector = new gapi.analytics.ViewSelector({ container: 'view-selector' }); viewSelector.on('change', function(ids) { console.log(ids); }); viewSelector.execute();
Méthodes du composant partagé
Méthodes | |
---|---|
set(options) |
returns: Définit ou met à jour les options de configuration du composant (cela peut également être fait au moment de la création dans le constructeur). |
get() |
returns: Renvoie les options de configuration actuelles d'un composant. |
execute() |
returns: Permet d'appeler l'action principale du composant. Cela entraîne généralement l'affichage d'un élément sur la page ou l'exécution d'un rapport (ou les deux). |
on(event, handler) |
returns: Enregistre une fonction à appeler lorsque le composant émet l'événement spécifié. |
once(event, handler) |
returns: Enregistre une fonction à appeler uniquement lors de la prochaine occurrence de l'événement spécifié. Après l'exécution du gestionnaire, une fois l'enregistrement automatique annulé. |
off(opt_event, opt_handler) |
returns: Supprime un gestionnaire d'événements d'un composant. Si aucun gestionnaire n'est transmis, cette opération supprime tous les gestionnaires de l'événement transmis. Si aucun événement n'est transmis, tous les gestionnaires sont supprimés pour tous les événements. |
emit(event, ...opt_args) |
returns: Émet un événement. Vous pouvez éventuellement spécifier les arguments à transmettre à tous les gestionnaires enregistrés. |
set
Définit ou met à jour les options de configuration du composant (cela peut également être fait au moment de la création dans le constructeur).
Utilisation
component.set(options);
Paramètres
Nom | Type | Description |
---|---|---|
options |
Object |
Options de configuration pour ce composant. Les options transmises seront fusionnées avec les options existantes. |
Renvoie
this
: instance du composant.
get
Renvoie les options de configuration actuelles d'un composant.
Renvoie
Object
: options de configuration actuelles du composant.
execute()
Permet d'appeler l'action principale du composant. Cela entraîne généralement l'affichage d'un élément sur la page ou l'exécution d'un rapport (ou les deux).
Renvoie
this
: instance du composant.
on(event, handler)
Enregistre une fonction à appeler lorsque le composant émet l'événement spécifié.
Paramètres
Nom | Type | Description |
---|---|---|
event |
string |
Nom de l'événement. |
handler |
Function |
Fonction à appeler lorsque l'événement se produit. Reportez-vous aux références des événements individuels pour en savoir plus sur les paramètres. |
Renvoie
this
: instance du composant.
once(event, handler)
Enregistre une fonction à appeler uniquement lors de la prochaine occurrence de l'événement spécifié. Après l'exécution du gestionnaire, une fois l'enregistrement automatique annulé.
Paramètres
Nom | Type | Description |
---|---|---|
event |
string |
Nom de l'événement. |
handler |
Function |
Fonction à appeler lorsque l'événement se produit. Reportez-vous aux références des événements individuels pour en savoir plus sur les paramètres. |
Renvoie
this
: instance du composant.
off(opt_event, opt_handler)
Supprime un gestionnaire d'événements d'un composant. Si aucun gestionnaire n'est transmis, cette opération supprime tous les gestionnaires de l'événement transmis. Si aucun événement n'est transmis, tous les gestionnaires sont supprimés pour tous les événements.
Paramètres
Nom | Type | Description |
---|---|---|
opt_event |
string |
Nom de l'événement. Si aucun événement n'est spécifié, tous les gestionnaires de tous les événements sont supprimés. Facultatif. |
opt_handler |
Function |
Référence au gestionnaire de fonctions à supprimer. Si aucune fonction n'est transmise, tous les gestionnaires sont supprimés. Facultatif. |
Renvoie
undefined
emit(event, ...opt_args)
Émet un événement. Vous pouvez éventuellement spécifier les arguments à transmettre à tous les gestionnaires enregistrés.
Paramètres
Nom | Type | Description |
---|---|---|
event |
string |
Nom de l'événement. |
...opt_args |
* |
Arguments facultatifs à transmettre à tous les gestionnaires d'événements enregistrés. |
Renvoie
undefined