Webflow のデータをSisense でビジュアライズ

古川えりか
古川えりか
コンテンツスペシャリスト
Webflow にアクセスできるSisense アプリでElastiCube を作成します。



Sisense を使用すると、データを結合、分析、画像化lし、よりインテリジェントなビジネス決定を行い、効果的な戦略を作成できます。CData JDBC Driver for API は、Sisense に簡単に統合して利用することができます。この記事では、Webflow に接続するElastiCube の作成方法と、それを使用してSisense のWebflow をビジュアライズする方法を説明します。

Webflow への接続を構成する

ElastiCube を作成する前に、JDBC Driver のJAR ファイル(通常はC:\Program Files\CDatat\CData JDBC Driver for API\lib) のインストール場所をメモするか、jar ファイル(cdata.jdbc.api.API.jar) をSisense JDBC driver ディレクトリの新しいフォルダ(通常はC:\ProgramData\Sisense\DataConnectors\jdbcdrivers)にコピーします。

  1. Sisense アプリケーションの［Data］ページで、新しいElastiCube を作成します(または既存のElastiCube を開きます)。
  2. ［Model Editor］で［+ Data］をクリックし、［Add Data］ダイアログボックスを開きます。
  3. ［Generic JDBC］をクリックし、［JDBC settings］を開きます。 Connecting via JDBC
  4. ［Connection String］プロパティをWebflow のJDBC URL に設定し、必要なプロパティを追加します。

    認証

    Webflow は、サイト、CMS コレクション、e コマースデータ、その他のリソースへの安全なアクセスを確保するために、OAuth 2.0 認証を使用します。この認証方式により、Webflow ワークスペースに安全に接続し、適切な認可のもとでリソースを管理できます。

    OAuth 2.0 のセットアップと設定

    ステップ 1：Webflow OAuth アプリケーションの作成

    OAuth 認証をセットアップするには、以下のステップで進めます：

    1. Webflow Developer Portal にアクセスします
    2. Webflow アカウントの「Apps & Integrations」に移動します
    3. 「Register an App」をクリックして新しい OAuth アプリケーションを作成します
    4. アプリケーション名、説明、リダイレクト URI（CallbackURL）を設定します
    5. 接続で使用する Client ID と Client Secret をコピーします

    必須の接続プロパティ

    • AuthScheme：OAuth に設定します（必須）
    • OAuthClientId：Webflow OAuth アプリケーションの Client ID（必須）
    • OAuthClientSecret：Webflow OAuth アプリケーションの Client Secret（必須）
    • CallbackURL：OAuth アプリケーションで指定したリダイレクト URI（必須）
    • InitiateOAuth：トークンを自動管理するには GETANDREFRESH に設定します（推奨）

    必須の OAuth スコープ

    Webflow API プロファイルでは、以下の OAuth スコープが必要です：

    • sites:read - サイト情報および設定への読み取りアクセス
    • pages:read - サイトページへの読み取りアクセス
    • cms:read - CMS コレクションおよびアイテムへの読み取りアクセス
    • forms:read - フォームおよびフォーム送信への読み取りアクセス
    • assets:read - メディアアセットおよびフォルダーへの読み取りアクセス
    • ecommerce:read - 製品、注文、在庫への読み取りアクセス
    • authorized_user:read - 認可されたユーザーへの読み取りアクセス

    ビルトイン接続文字列デザイナ

    JDBC URL の構成については、Webflow JDBC Driver に組み込まれている接続文字列デザイナを使用してください。JAR ファイルのダブルクリック、またはコマンドラインからJAR ファイルを実行します。

    java -jar cdata.jdbc.api.jar

    接続プロパティを入力し、接続文字列をクリップボードにコピーします。

    Using the built-in connection string designer to generate a JDBC URL (Salesforce is shown.)

    JDBC URL を構成する際に、Max Rows プロパティを定めることも可能です。これによって戻される行数を制限するため、可視化・レポートのデザイン設計時のパフォーマンスを向上させるのに役立ちます。

    以下は一般的な例です。

    jdbc:api:Profile=C:\profiles\Webflow.apip;AuthScheme=OAuth;InitiateOAuth=GETANDREFRESH;OAuthClientId=your_client_id;OAuthClientSecret=your_client_secret;CallbackUrl=your_callback_url;
  5. JDBC JAR フォルダプロパティをCData JDBC Driver JAR ファイルの場所に設定します(上記を参照)。
  6. ドライバーのクラス名をJDBC Driver のクラス名( cdata.jdbc.api.APIDriver) に設定します。
  7. ユーザー名とパスワードのプロパティは空欄にします。
  8. ［Next］をクリックします。 A configured connection in Sisense (HubSpot is shown).

Webflow のデータをElastiCube に追加する

Webflow に接続すると、ElastiCubeにビューを追加できます。

  1. ［Tables］リストから、and/or ビューどちらのテーブルを使用するか選択思案す。
  2. (オプション) ［+］をクリックしてSQL でインポートするデータをカスタマイズします。
  3. ［Done］をクリックします Selected tables to add to the ElastiCube
  4. ［Build］をクリックし、分析用のElastiCube をビルドします。

Webflow のデータをビジュアライズ

ElastiCube をWebflow テーブルに追加することで、Webflow で分析を実行できます。

  1. Sisense アプリケーションの［Analytics］ページに移動します。
  2. Dashboard を選択(または新規作成) します。
  3. Data Source を選択し、［Create］をクリックします。 Selecting the newly created ElastiCube
  4. ［+ Select Data］をクリックし、ビジュアライゼーションに追加するフィールドを選択します。 Visualizing data in Sisense (HubSpot is shown).

CData JDBC Driver for API を使用することで、Sisense でWebflow に直接アクセスしてビジュアライズと分析を行うことができます。30日の無償評価版をダウンロードし、今すぐSisense でWebflow を使用しましょう！

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

API Driver で Webflow のライブデータに接続

Webflow に接続

この記事の内容

関連記事