インタラクティブな Tableau ダッシュボードを WordPress に埋め込む方法: ステップバイステップ ガイド [2023]

インタラクティブなダッシュボードを追加して、WordPress Web サイトを次のレベルに引き上げたいとお考えですか? Tableau は、インタラクティブなダッシュボード、レポート、グラフを作成して共有できる強力なデータ視覚化ツールです。

この記事では、 WordPress と Tableau の統合について説明します。 Tableau を使用すると、リアルタイムで更新できるダッシュボードを作成できるため、訪問者はデータを操作して貴重な洞察を得ることができます。

また読む: より良いデータ視覚化のための8つの最高のWordPressテーブルプラグイン

ステップ 1: Tableau ダッシュボードを作成する

Tableau ダッシュボードを WordPress サイトに埋め込む最初のステップは、ダッシュボードを作成することです。 これを行うには、Tableau アカウントにサインアップする必要があります (まだサインアップしていない場合)。 ログインしたら、「作成」メニューから「新しいダッシュボード」を選択して、新しいダッシュボードを作成できます。

Tableau ダッシュボード エディターでは、データ ソースの追加、ビジュアライゼーションの作成、およびダッシュボードの外観のカスタマイズを行うことができます。 Tableau は、チャート、マップ、表など、幅広い視覚化オプションを提供します。

ステップ 2: ダッシュボードを公開する

ダッシュボードを作成したら、必要に応じて Tableau Server または Tableau Public にパブリッシュする必要があります。 Tableau Public を使用している場合は、ダッシュボードを無料で公開でき、リンクがあれば誰でもアクセスできます。

ダッシュボードを公開するには、Tableau の [サーバー] メニューから [公開] を選択し、公開先を選択します。 その後、ダッシュボードの権限を設定し、誰がアクセスできるかを決定できます。

ステップ 3: ダッシュボードを WordPress に埋め込む

ダッシュボードが公開されたので、WordPress サイトに埋め込むことができます。 これを行うには、Web ページに Tableau ダッシュボードを埋め込むことができる Tableau JavaScript API を使用する必要があります。

まず、ダッシュボードの埋め込みコードを取得する必要があります。 Tableau で、ダッシュボードの [共有] ボタンを選択し、埋め込みコードをコピーします。 次に、「テキスト」エディターを使用して、このコードを WordPress ページまたは投稿に貼り付けることができます。

または、Tableau WordPress プラグインを使用してダッシュボードを埋め込むこともできます。 利用可能なプラグインはいくつかありますが、最もよく使用されるプラグインの 2 つを以下に示します。

Tableau 埋め込みプラグイン

Tableau Embed Plugin は、Tableau ダッシュボードを WordPress に統合するための一般的なオプションです。 このプラグインを使用すると、Tableau Server または Tableau Online で作成されたダッシュボード、ビジュアライゼーション、およびストーリーを WordPress ページまたは投稿に埋め込むことができます。 このプラグインは、埋め込みコンテンツのサイズと位置を指定する機能、埋め込みコンテンツのルック アンド フィールをサイトのブランディングに合わせてカスタマイズする機能など、さまざまなカスタマイズ オプションを提供します。

データラッパー

DataWrapper は、インタラクティブなチャートやマップを作成して WordPress サイトに埋め込むことができるプラグインです。 Tableau ダッシュボード用に特別に設計されたわけではありませんが、DataWrapper を使用して、Tableau ダッシュボードを補完し、追加のコンテキストと洞察を提供するチャートとマップを作成できます。

このプラグインは、チャートとマップのサイズと位置を指定する機能、サイトのブランディングに合わせてコンテンツのルック アンド フィールをカスタマイズする機能など、さまざまなカスタマイズ オプションを提供します。

ステップ 4: WordPress の Tableau ダッシュボードをカスタマイズする

Tableau ダッシュボードを WordPress サイトに埋め込んだら、サイトのデザインとブランディングに合わせて外観をカスタマイズすることができます。 WordPress で Tableau ダッシュボードをカスタマイズするためのいくつかのオプションを次に示します。

ダッシュボードのサイズを変更する: サイトのレイアウトに合わせて、埋め込まれた Tableau ダッシュボードのサイズを調整できます。 これを行うには、埋め込みコードで幅と高さの値を変更するだけです。

ダッシュボードの配色を変更する: サイトのブランドに合わせて Tableau ダッシュボードの配色を変更できます。 これを行うには、Tableau の [色] メニューに移動し、カスタム カラー パレットを選択します。 ダッシュボードの各要素の色を個別にカスタマイズすることもできます。

ダッシュボードにインタラクティブ性を追加する: Tableau ダッシュボードはインタラクティブになるように設計されており、ダッシュボードを WordPress に埋め込むことで、ダッシュボードにさらにインタラクティブ性を追加できます。 たとえば、フィルター、スライダー、およびその他のインタラクティブな要素をダッシュ​​ボードに追加して、ユーザーがデータをより詳細に制御できるようにすることができます。

ダッシュボードのタイトルと説明をカスタマイズする: Tableau ダッシュボードのタイトルと説明をカスタマイズして、より多くのコンテキストと情報をユーザーに提供できます。 これを行うには、Tableau の [詳細の編集] メニューに移動し、関連するフィールドを更新します。

WordPress の Tableau ダッシュボードをカスタマイズすることで、よりシームレスなユーザー エクスペリエンスを作成し、ダッシュボードをサイトのデザインとブランディングにシームレスに適合させることができます。 これらのカスタマイズ オプションを使用すると、Tableau ダッシュボードを強力なツールにして、サイトの訪問者を引き付け、貴重な洞察とデータを提供することができます。

結論 – WordPress と Tableau の統合

インタラクティブな Tableau ダッシュボードを WordPress サイトに埋め込むと、新しいレベルのインタラクティブ性とエンゲージメントを Web サイトに追加できます。 Tableau を使用すると、リアルタイムで更新できる視覚的に優れたダッシュボードを作成して、訪問者に貴重な洞察と情報へのアクセスを提供できます。 この記事で説明されている手順に従うことで、Tableau ダッシュボードを WordPress サイトに簡単に埋め込み、データの視覚化を次のレベルに引き上げることができます。