QlikView でWebflow のデータにODBC 接続で連携してビジュアライズ

古川えりか
古川えりか
コンテンツスペシャリスト
Webflow を使ってQlikView でデータビジュアライゼーションを作成する方法を紹介します。



CData ODBC Drivers は、CRM からMA、Web 解析、広告など幅広い種類のデータソースのデータを扱うことを可能にします。この記事では、Webflow に接続してQlikView でデータビジュアライゼーションを作成する簡単な手順を説明します。

CData ODBC ドライバとは？

CData ODBC ドライバは、以下のような特徴を持ったリアルタイムデータ連携ソリューションです。

  1. Webflow をはじめとする、CRM、MA、会計ツールなど多様なカテゴリの270種類以上のSaaS / オンプレミスデータソースに対応
  2. 多様なアプリケーション、ツールにWebflow のデータを連携
  3. ノーコードでの手軽な接続設定
  4. 標準 SQL での柔軟なデータ読み込み・書き込み

CData ODBC ドライバでは、1.データソースとしてWebflow の接続を設定、2.QlikView 側でODBC Driver との接続を設定、という2つのステップだけでデータソースに接続できます。以下に具体的な設定手順を説明します。

CData ODBC ドライバのインストールとWebflow への接続設定

まずは、本記事右側のサイドバーからAPI ODBC Driver の無償トライアルをダウンロード・インストールしてください。30日間無償で、製品版の全機能が使用できます。

Webflow のデータをチャートに連携

下記の手順では、SQL クエリ結果をQlikView のビジュアライゼーションに提供します。 この記事では、次のクエリを使って棒グラフを作成します： 

SELECT ,  FROM Sites WHERE Id = 'your_site_id'

    未指定の場合は、初めにODBC DSN (data source name) で接続プロパティを指定します。ドライバーのインストールの最後にアドミニストレーターが開きます。Microsoft ODBC Data Source Administrator を使用して、ODBC DSN を作成および構成できます。

    認証

    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 - 認可されたユーザーへの読み取りアクセス

    Microsoft ODBC データソースアドミニストレーターで必要なプロパティを設定する方法は、ヘルプドキュメントの「はじめに」をご参照ください。

  1. ツールバーで［Edit Script］ボタンをクリックして接続を追加します。
  2. ［Data］タブの［Database］メニューから［ODBC］を選択して［Connect］をクリックします。
  3. ダイアログが表示されたら、［DSN］を選択します。次のようなコマンドが生成されます： 
    ODBC CONNECT TO [My DSN];
  4. ［Select］をクリックして［SELECT statement］ウィザードでクエリをビルドします。あるいは、SQL コマンドを使ってクエリを直接スクリプトに入力できます。
    A script that connects and executes an SQL query. (Salesforce is shown.)
  5. スクリプトエディタを閉じてドキュメントをリロードし、スクリプトを実行します。
  6. ［Tools］>［Quick Chart Wizard］をクリックします。ウィザードでチャートの種類を選択します。この例では棒グラフを使います。
  7. ［First Dimension］メニューで を選択します。
  8. 必要なサマリー機能をクリックし、メニューで を選択します。

  9. ウィザードを終了してチャートを生成します。

    A chart populated with the results of a query. (Salesforce is shown.)

Webflow からQlikView へのデータ連携には、ぜひCData ODBC ドライバをご利用ください

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

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

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

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

Webflow に接続

この記事の内容

関連記事