「ブログ記事への埋め込み」「サイトの特定ページへの表示」などデータポータルレポートを外部プラットフォームで表示させたいというニーズは少なからず発生します。そこで本記事ではGoogleデータポータルのレポートをWebサイトに埋め込む方法を解説します。
データポータルのレポートをWebサイトに埋め込む方法5ステップ
最初にデータポータルレポートをWebサイトに埋め込む方法を解説します。
STEP1.埋め込むレポートを選ぶ
まずは埋め込む既存レポートを決めます。データポータルのメインページでレポートの一覧が表示されますので任意のレポートを選択します。
STEP2.レポートの共有設定をする
編集画面右上の「共有」をクリック。「レポートを埋め込む」を選択します。
STEP3.埋め込みコードを取得する
レポート埋め込み設定のモーダルが表示されます。上部の「埋め込みを有効にする」にチェックがついていることを確認します。埋め込みは「コード」か「URL」を選択可能です。また、幅と高さを任意に設定可能です。
各種設定が正しいことを確認したら「クリップボードにコピー」を選択します。
STEP4.埋め込みコードを貼り付ける
コピーができたらサイトの該当箇所にHTMLコードを貼り付けます。
▼コードの例
<iframe width=”600″ height=”450″ src=”https://datastudio.google.com/embed/reporting/3af90938-35fb-4e14-ac06-c651e7f9c720/page/RUwuB” frameborder=”0″ style=”border:0″ allowfullscreen></iframe>
STEP5.埋め込みができたか確認する
プレビュー公開などで正常に埋め込みができているかを確認します。サンプルレポートを以下に埋め込んでみましたので使用感などご確認ください。カーソルを合わせると各種数値がホバー表示されます。
データポータルの埋め込みを無効にする方法
データポータルの埋め込みを無効にする方法も説明します。何かの事情で非表示にしなければいけない時などはご参考ください。
「共有」>「レポートを埋め込む」でレポート埋め込み設定モーダルを表示させます。上部の「埋め込みを有効にする」のチェックを外しましょう。これでレポート埋め込みは無効になります。
データポータルのレポートに画像や図を埋め込む方法
最後にデータポータルのレポートに外部の素材を埋め込む方法を紹介します。
テキストを埋め込む方法
上部ツールバーの「A」アイコンがテキスト入力アイコンです。こちらを選択すると以下のようにテキストエディタが挿入されます。右側のコントロールパネルでフォントやサイズなどを調整可能です。
画像を埋め込む方法
データポータルに画像を埋め込む方法を紹介します。上部ツールバー「挿入」>「画像」を選択します。
レポート上の任意の場所を選択すると以下のように「画像のプロパティ」コントロール画面が表示されます。「画像を選択」を選びます。
埋め込みたい画像を選択すると以下のように画像ファイルの埋め込みが完了します。サイズ変更や、画像へのリンク設置などが可能になります。
図形を埋め込む方法
続いて図形を埋め込む方法を説明します。こちらも上部アイコンから選択します。
データポータルで選択できる図形は現時点で長方形と円形のみとなります。例えばパワーポイントのように矢印や複雑な図形は現状データポータルでは扱っておりませんのでご注意ください。
Webページを埋め込む方法
Webページなど外部URLを埋め込む方法があります。「挿入」>「URLの埋め込み」を選択することで「URLの埋め込みプロパティ」を表示できます。外部コンテンツURLのエリアに該当のURLを設置できます。
YouTubeの動画を埋め込む方法
データポータルにはYouTube動画の埋め込みも可能となります。方法は前述の「Webページを埋め込む方法」を同様に、「挿入」>「URLの埋め込み」から、外部コンテンツURLにYouTubeの埋め込み用のURLをペーストします。
まとめ:データポータルの埋め込みを使って、よりわかりやすいレポートを共有しよう
本記事ではデータポータルを外部サイトやページに埋め込む方法と、データポータルに外部素材を埋め込む方法を解説しました。データポータルでの表現をよりリッチに伝えるという点で埋め込みは活用範囲が広いためぜひご参照いただければと思います。
データポータルのテンプレートならDatafolio
Datafolio(データフォリオ)はデータポータルのテンプレートストアです。通常大変な労力がかかるデータポータルのレポート作成がプロマーケターのテンプレート活用でわずか1分程度で利用ができます。価格も数百円〜数千円のレンジなのでリーズナブルにデータポータルレポート作成ができます。ぜひご参照ください。