Visual Studio でチャートコントロールと Adobe Analytics をデータバインド

標準ADO.NET プロシージャを使ってデータバインドして、Visual Studio ツールボックスのコントロールから Adobe Analytics との双方向接続を実現。この記事ではVisual Studio のグラフィカルアプローチと、ほんの数行のコードでデータバインドをする方法を説明します。

加藤龍彦
デジタルマーケティング

最終更新日:2021-03-21

この記事で実現できるAdobe Analytics 連携のシナリオ

こんにちは!ウェブ担当の加藤です。マーケ関連のデータ分析や整備もやっています。

データバインドによって、UI コントロールからデータに接続できます。 CData ADO.NET Provider for AdobeAnalytics を使って、Visual Studio 上でWindows Forms およびWeb Forms とAdobe Analytics をデータバインドできます。この記事で、Adobe Analytics を、ウィザードから変更をリアルタイムで反映するチャートにデータバインドする方法を説明します。 Code Walk-through セクションではチャートはほんの10行のコードで作成します。

チャートへのデータバインド

データバインドは3つのステップから構成されます。コントロールのインスタンス作成、データソースの設定、最後にデータバインドです。

接続を設定してデータベースオブジェクトを選択

下の手続きにより、データソース構成ウィザードを使ってチャートコントロールとAdobe Analytics との接続を作成します。ウィザード上でデータバインドをするAdobe Analytics エンティティを使います。

  1. Windows Forms プロジェクトでは、チャートコントロールをツールボックスからフォーム上にドラグ&ドロップします。チャートプロパティのデータセクションで DataSource を選択し、メニューからプロジェクトデータソースの追加を選択します。 Add a data source to be bound to the chart.
  2. 出てくるデータソース構成ウィザードでデータベース -> データセットを選択します。
  3. データ接続ステップで、「新しい接続」をクリックします。
  4. データ接続の選択ダイアログで、「変更」をクリックして、CData Adobe Analytics のデータソースを選択して、接続プロパティを入力します。下は代表的な接続文字列ですです。:

    GlobalCompanyId=myGlobalCompanyId; RSID=myRSID; OAuthClientId=myOauthClientId; OauthClientSecret=myOAuthClientSecret; CallbackURL=myCallbackURL;

    Adobe Analytics への接続

    Adobe Analytics に接続するには、GlobalCompanyId およびRSID を識別する必要があります。デフォルトで、ドライバーは会社とレポートスイートの識別を自動で試みますが、これらの値を明示的に指定することもできます。方法はヘルプドキュメントの「Adobe Analytics への接続」セクションを参照してください。

    Adobe Analytics への認証

    Adobe Analytics はOAuth 認証標準を利用しています。 OAuth またはサービスアカウントで認証できます。

    ユーザーアカウント(OAuth)

    すべてのユーザーアカウントフローでAuthSchemeOAuth に設定する必要があります。OAuth 経由のAdobe 認証では、2週間ごとにリフレッシュトークンを更新する必要があります。詳しい認証方法については、ヘルプドキュメントの「Adobe Analytics への認証」セクションを参照してください。

    サービスアカウント

    サービスアカウントにはサイレント認証があり、ブラウザでのユーザー認証は必要ありません。このフローでは、アプリケーションを作成する必要があります。アプリケーションの作成および認可については、ドキュメントの「カスタムOAuth アプリの作成」を参照してください。これでサービスアカウントにアクセス権があるAdobe Analytics データに接続できます。

    サービスアカウントを使用したServer-to-Server OAuthで認証するには、AuthSchemeOAuthClient に設定します。接続するには次のプロパティを設定します。

    • InitiateOAuthGETANDREFRESH に設定。
    • OAuthClientId:アプリケーション設定のクライアントId に設定。
    • OAuthClientSecret:アプリケーション設定のクライアントシークレットに設定。

    接続すると、本製品 はサービスアカウントでのOAuth フローを完了します。

    1. クライアントクレデンシャルOAuth フローで指定されたOAuthClientId およびOAuthClientSecret を使用して、アクセストークンを取得します。
    2. OAuthSettingsLocation にOAuth 値を保存し、接続間で永続化されるようにします。
    3. トークンが期限切れになった際に、新しいアクセストークンを要求します。

  5. Connection properties for the selected data source in the Add Connection dialog. (Salesforce is shown.)
  6. 使用するデータソースオブジェクトを選択します。例は AdsReport テーブルです。 Select database objects. (Salesforce is shown.)

DataBind

データソースの追加とデータベースオブジェクトを選択したら、チャートにオブジェクトをバインドします。この例では、X軸に Page をY軸に PageViews を設定します。

  1. チャートプロパティで、Series プロパティをクリックし、Series コレクション エディター を開きます。
  2. Series プロパティでX軸、Y軸に設定するカラムを選択します:XValueMember および YValueMember プロパティにメニューからカラムを選びます。
The axes of the chart defined in the Series Collection Editor.

チャートはこれでAdobe Analytics にデータバインドされました。チャートを実行して最新のデータを表示させましょう。 The chart, filled with data at run time.

コード Walk-through

Adobe Analytics へのデータバインドはほんの数行のコードのみが必要で、3つの簡単なステップで完了できます。

  1. Adobe Analytics に接続します。
  2. AdobeAnalyticsDataAdapter を作成して、クエリを作成し、結果を入れるデータセットを作成します。
  3. 結果セットとチャートをデータバインドします。

下に完全なコードを示します:

AdobeAnalyticsConnection conn = new AdobeAnalyticsConnection("GlobalCompanyId=myGlobalCompanyId; RSID=myRSID; OAuthClientId=myOauthClientId; OauthClientSecret=myOAuthClientSecret; CallbackURL=myCallbackURL;"); AdobeAnalyticsCommand comm = new AdobeAnalyticsCommand("SELECT Page, PageViews FROM AdsReport WHERE City = 'Chapel Hill'", conn); AdobeAnalyticsDataAdapter da = new AdobeAnalyticsDataAdapter(comm); DataSet dataset = new DataSet(); da.Fill(dataset); chart1.DataSource = dataset; chart1.Series[0].XValueMember = "Page"; chart1.Series[0].YValueMembers = "PageViews"; // Insert code for additional chart formatting here. chart1.DataBind();

関連コンテンツ

トライアル・お問い合わせ

30日間無償トライアルで、CData のリアルタイムデータ連携をフルにお試しいただけます。記事や製品についてのご質問があればお気軽にお問い合わせください。