組み込みコンポーネント リファレンス

このドキュメントでは、すべての組み込み Embed API コンポーネントのオプション、メソッド、プロパティ、イベントについて説明します。

認証

gapi.analytics.auth

auth コンポーネントは、ユーザーの認証に使用できるシングルトンです。

Methods

authorize(options:Object)

戻り値:  gapi.analytics.auth

指定されたコンテナ内に Google アナリティクスのログインボタンをレンダリングします。ユーザーはこのボタンから Google アカウントにログインできます。

isAuthorized()

戻り値:  boolean

ユーザーが認証に成功した場合は true、そうでない場合は false を返します。

signOut()

戻り値:  gapi.analytics.auth

現在のユーザーをログアウトします。また、signOut イベントをトリガーします。

getAuthResponse()

戻り値:  Object

元の認可リクエストによって返された認証データを取得します。返されるオブジェクトにはアクセス トークンが含まれます。通常、このトークンを使用すると、手動で認証されたリクエストを行うことができます。

getUserProfile()

戻り値:  Object

現在ログインしているユーザーの基本的なプロフィール情報を取得します。この情報には、ユーザーの名前、メールアドレス、(設定されていれば)公開プロフィール画像が含まれます。

継承されるメソッド

on
once
off

オプション

clientId

タイプ:  string

Developers Console にあるプロジェクトのクライアント ID。

container

タイプ:  string|HTMLElement

ログインボタンをホストする、DOM 内の HTML 要素の ID。要素自体に参照を渡すこともできます。

userInfoLabel

タイプ:  string

ログイン ユーザーのメールアドレスの前に表示するテキスト。デフォルトは 'You are logged in as: ' です。

scopes

タイプ:  Array

アプリケーションでリクエストしている Google API auth スコープのリスト。使用可能なすべてのスコープを確認するには、OAuth 2.0 Playground を参照してください。Google アナリティクス API の認証スコープについては、ConfigurationReporting リソースのデベロッパー ガイドをご覧ください。

overwriteDefaultScopes

タイプ:  boolean

scopes オプションがデフォルトの Embed API スコープを置き換えるか、またはスコープに追加されるかを示します。false(デフォルト)を指定すると、デフォルトのスコープに追加されます。true を指定すると、scopes オプションで指定されたスコープに置き換えられます。

デフォルトのスコープ値は ['https://www.googleapis.com/auth/analytics.readonly'] です。

注意: Embed API を介した認証では、ユーザーの基本的なプロフィール情報へのアクセスが必要です。これらのスコープは上書きできません。

serverAuth.access_token

タイプ:  string

既に有効なアクセス トークンがある場合は、authorize メソッドに直接渡すことができます。それ以降、ユーザーが認証を求められることはありません。アクセス トークンの取得方法の詳細については、OAuth 2.0 のドキュメントを参照してください。

イベント

signIn

引数: なし

ユーザーが正常にログインしたときに発生します。

signOut

引数: なし

ユーザーが正常にログアウトしたときに発生します。

needsAuthorization

引数: なし

gapi.analytics.auth.authorize メソッドを呼び出すと、ユーザーが現在ログインしているかどうかの初期チェックが行われます。ユーザーがログインしていない場合、追加の認証が必要であることを示すためにこのイベントが発生します。

error

引数:  response

認証プロセス中にエラーが発生したときに呼び出されます。レスポンス オブジェクトからエラー メッセージを取得する場合は、response.error.message にあります。

廃止されたイベント
success

引数:  response

このイベントは、下位互換性のために存在していますが、将来のバージョンでは削除される可能性があります。代わりに signIn イベントを使用してください。

// 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'
  }
});

データ

gapi.analytics.report.Data
構成
Data(options:Object) Data コンポーネントを使用して、Google アナリティクスの Core Reporting API に対してクエリを実行し、結果を受け取ることができます。

オプション

query

タイプ:  Object

Core Reporting API クエリ パラメータを含むオブジェクト。API によって提供される通常のデフォルト値に加えて、次のデフォルト値が使用されます。

{
  'start-date': '7daysAgo',
  'end-date': 'yesterday
}

継承されるメソッド

get
set
execute
on
once
off
emit

イベント

success

引数:  response

クエリが正常に完了したときに呼び出されます。

error

引数:  response

クエリの処理中にエラーが発生したときに呼び出されます。レスポンス オブジェクトからエラー メッセージを取得する場合は、response.error.message にあります。

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
コンストラクタ
DataChart(options:Object) DataChart は、標準の Google グラフと Data コンポーネントをラップするため、クエリをつなぎ合わせることなく、クエリから簡単に可視化を行うことができます。

オプション

query

タイプ:  Object

Data コンポーネントのクエリ オプションをご覧ください。

chart

タイプ:  Object

個々のグラフ オプションの詳細については下記をご覧ください。

chart.container

タイプ:  string|HTMLElement

DataChart をホストする、DOM 内の HTML 要素の ID。要素自体に参照を渡すこともできます。

chart.type

タイプ:  string

グラフのタイプ。使用可能なオプションは、LINECOLUMNBARTABLEGEO です。

chart.options

タイプ:  Object

対応する Google Chart オブジェクトに渡すことができるすべてのオプション。

継承されるメソッド

get
set
execute
on
once
off
emit

イベント

success

引数:  result

クエリが正常に完了し、グラフが完全にレンダリングされたときに呼び出されます。

  • result.chart - Google Chart インスタンス。
  • result.data - データ パラメータ形式のレポート レスポンス。
  • result.dataTable - result.data オブジェクトから作成された DataTable インスタンス。
  • result.response - 未加工の API レスポンス オブジェクト。
error

引数:  response

クエリまたはレンダリングの処理中にエラーが発生したときに呼び出されます。レスポンス オブジェクトからエラー メッセージを取得する場合は、response.error.message にあります。

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
コンストラクタ
ViewSelector(options:Object) ViewSelector コンポーネントを使用すると、プルダウン メニューからアカウント、プロパティ、ビューを選択できます。

オプション

container

タイプ:  string|HTMLElement

ViewSelector をホストする、DOM 内の HTML 要素の ID。要素自体に参照を渡すこともできます。

継承されるメソッド

get
set
execute
on
once
off
emit

インスタンス プロパティ

ids

タイプ:  string

ga:XXXX 形式の固有の表 ID。XXXX は、アナリティクスのビュー ID(プロファイル ID)です。

イベント

change

引数:  ids

ユーザーがプルダウン メニューから新しいビューを選択するたびに呼び出されます。また、ViewSelector インスタンスが初めてレンダリングされ、デフォルトのビューが表示されるときにも呼び出されます。

var viewSelector = new gapi.analytics.ViewSelector({
  container: 'view-selector'
});

viewSelector.on('change', function(ids) {
  console.log(ids);
});

viewSelector.execute();

共有コンポーネント メソッド

Methods
set(options)

戻り値: this

コンポーネントの構成オプションを設定または更新します(これは、コンストラクタの作成時にも行うことができます)。

get()

戻り値: Object

コンポーネントの現在の構成オプションを返します。

execute()

戻り値: this

コンポーネントのプライマリ アクションを呼び出します。通常は、ページ上でのレンダリングやレポートの実行、またはその両方を行います。

on(event, handler)

戻り値: this

コンポーネントが指定されたイベントを発行したときに呼び出す関数を登録します。

once(event, handler)

戻り値: this

指定されたイベントが次回発生した場合のみ呼び出す関数を登録します。ハンドラは、一度実行されると、自動的に登録解除されます。

off(opt_event, opt_handler)

戻り値: undefined

コンポーネントからイベント ハンドラを削除します。ハンドラが渡されない場合、渡されたイベントのハンドラがすべて削除されます。イベントが渡されない場合は、すべてのイベントのハンドラがすべて削除されます。

emit(event, ...opt_args)

戻り値: undefined

イベントを発生させます。登録済みハンドラに渡す引数を指定することもできます。

set

コンポーネントの構成オプションを設定または更新します(これは、コンストラクタの作成時にも行うことができます)。

使用量

component.set(options);

パラメータ

名前 説明
options Object このコンポーネントの設定オプション。渡されたオプションが既存のオプションと統合されます。

戻り値

this – コンポーネント インスタンス。


get

コンポーネントの現在の構成オプションを返します。

戻り値

Object – コンポーネントの現在の構成オプション。


execute()

コンポーネントのプライマリ アクションを呼び出します。通常は、ページ上でのレンダリングやレポートの実行、またはその両方を行います。

戻り値

this – コンポーネント インスタンス。


on(event, handler)

コンポーネントが指定されたイベントを発行したときに呼び出す関数を登録します。

パラメータ

名前 説明
event string イベントの名前。
handler Function イベントの発生時に呼び出す関数(パラメータの詳細については、個々のイベント リファレンスをご覧ください)。

戻り値

this – コンポーネント インスタンス。


once(event, handler)

指定されたイベントが次回発生した場合のみ呼び出す関数を登録します。ハンドラは、一度実行されると、自動的に登録解除されます。

パラメータ

名前 説明
event string イベントの名前。
handler Function イベントの発生時に呼び出す関数(パラメータの詳細については、個々のイベント リファレンスをご覧ください)。

戻り値

this – コンポーネント インスタンス。


off(opt_event, opt_handler)

コンポーネントからイベント ハンドラを削除します。ハンドラが渡されない場合、渡されたイベントのハンドラがすべて削除されます。イベントが渡されない場合は、すべてのイベントのハンドラがすべて削除されます。

パラメータ

名前 説明
opt_event string イベントの名前。イベントが指定されていない場合、すべてのイベントの全ハンドラが削除されます。省略可。
opt_handler Function 削除する関数ハンドラの参照。関数が渡されない場合は、すべてのハンドラが削除されます。省略可。

戻り値

undefined


emit(event, ...opt_args)

イベントを発生させます。登録済みハンドラに渡す引数を指定することもできます。

パラメータ

名前 説明
event string イベントの名前。
...opt_args * 登録済みのイベント ハンドラに渡すオプション引数。

戻り値

undefined