Looker Studio でBigCommerce のデータと連携した可視化を作成する方法

宮本航太
プロダクトスペシャリスト

CData Connect AI を使ってBigCommerce のリアルタイムデータに接続し、Looker Studio でカスタムレポートを作成します。

Looker Studio（旧Google データポータル）を使えば、リッチな可視化を追加したダッシュボードやレポートを簡単に作成できます。CData Connect AI と組み合わせることで、BigCommerce のデータに簡単に接続してLooker Studio からデータを連携利用できます。この記事では、Looker Studio からCData Connect AI を通してBigCommerce に連携し、BigCommerce のデータを使用した可視化を作成する方法を説明します。

CData Connect AI offers a seamless cloud-to-cloud interface tailored for BigCommerce, making it straightforward to construct reports directly from liveBigCommerce のデータwithin Looker Studio without the need for data replication. As you create visualizations, Looker Studio generates queries to retrieve data. With its inherent optimized data processing capabilities, CData Connect AI efficiently channels all supported query operations, including filters, JOINs, and more, directly to BigCommerce. This leverages server-side processing to swiftly provide the requested BigCommerce のデータ.

Connect AI からBigCommerce への接続

CData Connect AI では、直感的なクリック操作ベースのインターフェースを使ってデータソースに接続できます。

Connect AI にログインし、 Add Connection をクリックします。
「Add Connection」パネルから「BigCommerce」を選択します。
必要な認証プロパティを入力し、BigCommerce に接続します。
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 に設定。
Create & Tast をクリックします。
「Add BigCommerce Connection」ページの「Permissions」タブに移動し、ユーザーベースのアクセス許可を更新します。

コネクションの設定が完了したら、Looker Studio からBigCommerce のデータへの接続準備ができました。

BigCommerce のリアルタイムデータにLooker Studio からアクセス

それでは、Looker Studio からCData Connect AI に接続して新しいBigCommerce のデータソースを作成し、データを使った可視化を作成していきましょう。

Looker Studio にログインして、「作成」ボタンから新しいデータソースを作成し、CData Connect AI Connector を選択します。

「Authorize」をクリックしてGoogle アカウントへのアクセスを許可します。
「Authorize」をクリックしてご利用のCData Connect AI インスタンスを認証します。
Looker Studio のCData Connect AI Connector でコネクション（例：BigCommerce1）を選択し、「Next」をクリックします。
テーブル（例：Customers）を選択するかCustom Query を使用して、「CONNECT」をクリックして次に進みます。
必要な場合にはカラムを変更して、「レポートを作成」をクリックしてデータソースをレポートに追加します。