Google Analytics のデータをDevExpress Data Grid にデータバインドする。

加藤龍彦
加藤龍彦
デジタルマーケティング
Google Analytics 用の CData ADO.NET プロバイダーをDevExpress Windows Forms とWeb コントロールとともに使用し、Google Analytics をチャートに入力します。

Google Analytics 用の CData ADO.NET プロバイダーはサードパーティーコントロールで使うことのできる通常のADO.NET データベースアクセスコンポーネントを実装しています。データバインドするための通常のADO.NET プロセスに従うことで、UI コントロールから実データへの双方向アクセスを可能にします。 この記事では、CData を使ってDevExpress Windows Forms とウェブコントロールにデータバインドする方法を説明します。ここでは、最新のデータを表示するチャートにデータバインドします。

OAuth 認証標準を使用してGoogle Analytics に接続します。ユーザーアカウントまたはサービスアカウントで認証できます。組織全体のアクセススコープをCData 製品に許可するには、サービスアカウントが必要です。下記で説明するとおり、CData 製品はこれらの認証フローをサポートします。

ユーザー資格情報の接続プロパティを設定せずに接続できます。次を設定して、接続してください。 Profile:接続するGoogle アナリティクスのプロファイル、またはビューに設定。この値はProfiles テーブルから取得できます。指定しない場合は、初めに返されたプロファイルが使われます。接続すると、CData 製品はデフォルトブラウザでOAuth エンドポイントを開きます。ログインして、アプリケーションにアクセス許可を与えます。CData 製品がOAuth プロセスを完了します。他のOAuth 認証フローについては、ヘルプドキュメントの「OAuth 認証の使用」を参照してください。

Windows Forms コントロール

下のコードでは、Google Analytics でDevExpress のチャートに追加する方法を説明します。GoogleAnalyticsDataAdapter はチャートコントロールのSeries プロパティにバインドします。コントロールのDiagram プロパティはx 軸とy 軸をカラム名として定義します。

using (GoogleAnalyticsConnection connection = new GoogleAnalyticsConnection(
"Profile=MyProfile;")) {
  GoogleAnalyticsDataAdapter dataAdapter = new GoogleAnalyticsDataAdapter(
  "SELECT Browser, Sessions FROM Traffic", connection);

  DataTable table = new DataTable();
  dataAdapter.Fill(table);
  DevExpress.XtraCharts.Series series = new DevExpress.XtraCharts.Series();
  chartControl1.Series.Add(series);
  DataTable table = new DataTable();
  series.ValueDataMembers.AddRange(new string[] { "Sessions" });
  series.ArgumentScaleType = DevExpress.XtraCharts.ScaleType.Qualitative;
  series.ArgumentDataMember = "Browser";
  series.ValueScaleType = DevExpress.XtraCharts.ScaleType.Numerical;
  chartControl1.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False;
  ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true;
}
The complete code example and the resulting chart.

Web コントロール

下のコードではGoogle Analytics でDevExpress Web を操作するための設定方法を説明します。GoogleAnalyticsDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。

using DevExpress.XtraCharts;

using (GoogleAnalyticsConnection connection = new GoogleAnalyticsConnection(
"Profile=MyProfile;"))
{
  GoogleAnalyticsDataAdapter GoogleAnalyticsDataAdapter1 = new GoogleAnalyticsDataAdapter("SELECT Browser, Sessions FROM Traffic", connection);
  DataTable table = new DataTable();
  GoogleAnalyticsDataAdapter1.Fill(table);
  DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar);
  WebChartControl1.Series.Add(series);
  DataTable table = new DataTable();
  series.ValueDataMembers.AddRange(new string[] { "Sessions" });
  series.ArgumentScaleType = ScaleType.Qualitative;
  series.ArgumentDataMember = "Browser";
  series.ValueScaleType = ScaleType.Numerical;
  ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true;
}
An ASP.NET application created with the ADO.NET Provider and the DevExpress Web Forms control.(Salesforce is shown.)

はじめる準備はできましたか?

Google Analytics Data Provider の無料トライアルをダウンロードしてお試しください:

 ダウンロード

詳細:

Google Analytics Icon Google Analytics ADO.NET Provider お問い合わせ

.NET アプリケーション用の使いやすいデータベース形式のインターフェースを使用して、リアルタイムなGoogle アナリティクスデータ(トラフィック、ユーザー、リフェラル、地域、行動など)にアクセスできます。