BigCommerce にデータ連携するダッシュボードをTableau Server にパブリッシュする方法

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

Tableau といえば、直感的に使えるUI と高度なデータ分析・ダッシュボード構築機能を備えた人気のBI ツールですね。Tableau Server を利用することで、Tableau Desktop で作成したダッシュボードを社内で広く共有できます。そしてTableau にCData Tableau Connector for BigCommerce を組み合わせて使えば、Tableau Server からシームレスにBigCommerce データを連携利用することができるようになります。この記事では、Tableau Server でBigCommerce データに接続してシンプルなチャートを作る方法と、Tableau Desktop でBigCommerce データソースをパブリッシュする方法の二つを説明します。

CData Tableau Connectors とは？

CData Tableau Connectors は、以下のような特徴を持った製品です。

1. BigCommerce をはじめとする、CRM、MA、会計ツールなど多様なカテゴリの270種類以上のSaaS / オンプレデータソースに対応
2. Tableau でリアルタイムBigCommerce データへのハイスピードなデータアクセス
3. ノーコードでの手軽な接続設定

CData Tableau Connectors では、1.データソースとしてBigCommerce の接続を設定、2.Tableau 側でコネクタとの接続を設定、という2つのステップだけでデータソースに接続できます。以下に具体的な設定手順を説明します。

Tableau Server にBigCommerce Connector をインストール

まずは、Tableau Server をホストしているマシンにCData Tableau Connector をインストールします。本記事右側のサイドバーからBigCommerce Tableau Connectors の無償トライアルをダウンロード・インストールしてください。30日間無償で、製品版の全機能が使用できます。

1. Tableau Desktop がインストールされていない環境の場合、インストール中に「This setup could not copy important connector files to ...」というダイアログが表示されます。サーバーマシン上で、cdata.bigcommerce.taco と cdata.tableau.bigcommerce.lic ファイルを、インストールディレクトリ（C:\Program Files\CData\CData Tableau Connector for BigCommerce\lib\）からコピーします。
2. コピーしたファイルをTableau Server Connectors のフォルダに貼り付けて「サインイン」をクリックして接続します。
   C:\ProgramData\Tableau\Tableau Server\data\tabsvc\vizqlserver\Connectors
3. ファイルをコピーしたら、後のダイアログはOK ボタンをクリックしてインストールを完了します。
4. Tableau Server を再起動します。

Tableau Server にブラウザからBigCommerce データをビジュアライズ

Tableau Server でのBigCommerce データへの接続

1. Tableau Server サイトにブラウザでアクセスします。
2. 「Create」 -> 「Workbook」でワークブックを作成します。「Connect to Data」ダイアログでConnectors タブを開きます。コネクタ一覧内の「BigCommerce by CData」を選択します。
3. 接続プロパティを設定して「SignIn」をクリックして接続を確立します。

BigCommerce 認証は標準のOAuth フローに基づいています。

Store ID の取得

BigCommerce Store に接続するには、StoreId が必要です。Store Id を確認するには、以下の手順に従ってください。

1. BigCommerce アカウントにログインします。
2. ホームページから「Advanced Settings」->「API Accounts」 を選択します。
3. 「Create API Account」->「Create V2/V3 API Token」をクリックします。
4. 画面にAPI Path という名前のテキストボックスが表示されます。
5. テキストボックス内に、次の構造のURL が表示されます：https://api.bigcommerce.com/stores/{Store Id}/v3。
6. 上記で示したように、Store Id は'stores/' と'/v3' パスパラメータの間にあります。
7. Store Id を取得したら、「キャンセル」 をクリックするか、まだ持っていない場合はAPI Account の作成に進むことができます。

パーソナルアクセストークンの取得

加えて、自分のデータをテストおよびアクセスするには、個人用トークンを取得する必要があります。個人用トークンを取得する方法は次のとおりです。

1. BigCommerce アカウントにログインします。
2. ホームページから「Advanced Settings」->「API Accounts」 を選択します。
3. 「Create API Account」->「Create V2/V3 API Token」をクリックします。
4. アカウント名を入力します。
5. 作成するAPI Account の「OAuth Scopes」を選択します。CData 製品 は"None" とマークされたデータにアクセスできません。また、"read-only" とマークされたデータを変更できません。
6. 「保存」をクリックします。

BigCommerce への認証

• StoreId：API Path テキストボックスから取得したStore ID に設定。
• OAuthAccessToken：生成したトークンに設定。
• InitiateOAuth：OFF に設定。

Connection String での設定の場合には、スタートメニューのConnection Builder をクリック、もしくはインストールディレクトリのlib フォルダの.jar ファイルをダブルクリックしてConnection Builder を開き、プロパティを設定をすることでConnection String を取得することができます。「接続テスト」をクリックして、接続を確認します。Builder の「接続文字列」に表示された文字列をコピーしてTableau の接続画面のConnection String に貼り付けて「SignIN」をクリックして接続します。

接続したBigCommerce データのビジュアライズをブラウザから作成

1. 「Database」のプルダウンメニューが表示された場合にはCData もしくは表示されたデータベース名で使用するものを選択します。
2. 「Schema」のプルダウンメニューが表示された場合にはBigCommerce もしくは表示されたスキーマ名を選択します。
3. 左ペインの「Table」にBigCommerce で使用可能なテーブルが表示されます。ビジュアライズで使うテーブルをデータセット作成エリアにドラッグ＆ドロップします。複数のテーブルを選択してドロップすることが可能です。複数のテーブルを選択して、リレーションを設定することが可能です。
4. 右上の接続モード選択で、「ライブ」もしくは「抽出」を選択します。
5. 「今すぐ更新」もしくは「自動更新」 をクリックします。「今すぐ更新」では、はじめの10,000行を取得します。取得する行数は個別に行ボックスで設定可能です。「自動更新」ではプレビューエリアのデータが自動的に更新されます。
6. 「ワークシート」タブをクリックします。選択したデータのカラムがデータ型によりディメンションかメジャーとしてリスト表示されています。CData Tableau Connector は、自動的にデータ型を検出してくれるので、このようにすぐにデータをビジュアライズで使うことができます。
7. 「ディメンション」 もしくは 「メジャー」 を「列」 もしくは 「行」 にドラッグ＆ドロップします。
8. 「表示形式」 タブから、お好みのグラフタイプを選択します。Tableau がデータを選択したグラフタイプで表示します。

Tableau Desktop からBigCommerce データソースをTableau Server にパブリッシュ

Tableau Desktop 側にも同じCData Tableau Connectors 製品をインストール済の場合は、Tableau Desktop で作成したデータソースをTableau Server にパブリッシュして利用することが可能です。Tableau Desktop への CData Tableau Connectors製品のインストール手順はこちら を参照してください。

まずは、Tableau Desktop でBigCommerce Connector でBigCommerce データをデータソースとして設定します。

1. 「接続」ペインから「Tableau Server」をクリックします。
2. Tableau Server のURL をセットして、接続ボタンをクリックするとサインインダイアログが表示されるのでTableau Server にサインインします。
3. Tableau Desktop のメニューで「サーバー」->「データソースのパブリッシュ」-> からパブリッシュするデータソース名をクリックします。
4. Tableau Server にデータソースをパブリッシュするダイアログが表示されます。プロジェクトを選択して「パブリッシュ」をクリックします。
5. ブラウザが起動してTableau Server のパブリッシュしたデータソースが表示されます。Connections タブ内のDataSource 右下の「...」をクリックして「Edit Connection...」を開きます。
6. パスワードをコネクションに埋め込むために、Password を「Embedded password in conneciton」に変更してパスワードをセット、Test Connection で接続を確認してSave します。
7. これで、New > Workbook using this datasource から本データソースを利用したワークブックが作成できるようになります。
8. 可視化を作成します。

BigCommerce からTableau Server へのデータ連携には、ぜひCData Tableau Connectors をご利用ください

このようにCData Tableau Connectors と併用することで、270を超えるSaaS、NoSQL データをTableau Server からコーディングなしで扱うことができます。30日の無償評価版が利用できますので、ぜひ自社で使っているクラウドサービスやNoSQL と合わせて活用してみてください。

CData ODBC ドライバは日本のユーザー向けに、UI の日本語化、ドキュメントの日本語化、日本語でのテクニカルサポートを提供しています。