ダッシュボードに外部コンテンツを埋め込む

HubSpotダッシュボードに外部コンテンツを埋め込むと、レポートと共にその外部コンテンツが表示されます。例えば、Google スライドのプレゼンテーションやX（旧Twitter）のフィードを埋め込むことができます。

埋め込みコンテンツの数は、1つのダッシュボードに組み込むことができるアイテムの上限数の対象としてカウントされますが、カスタムレポートの上限数の対象にはなりません。これらの制限について詳しくは 、HubSpotの製品 & サービスカタログをご確認ください。

ダッシュボードに外部コンテンツを埋め込むには、次の手順に従います。

1. HubSpotアカウントで、［レポート］＞［ダッシュボード］の順に進みます。
2. 左上のダッシュボードドロップダウンメニューを使用して、コンテンツを追加するダッシュボードを選択します。
3. 右上にある[ コンテンツを追加]をクリックし、[外部コンテンツ]を選択します。
   
   
4. ダイアログボックスで外部コンテンツを設定します。
   
   • コンテンツを埋め込むコンテンツ ソース を選択します。HubSpot には一連の推奨ソースが用意されていますが、コンテンツがこれらのソースのいずれからのものでもない場合は、［その他のコンテンツ ］を選択できます。

• • ［タイトル］フィールドにコンテンツのタイトルを入力します。
  • ［URLまたは埋め込みコード］フィールドに、追加するコンテンツのURLまたは埋め込みコードを入力します。コンテンツのプレビューが表示されます。コンテンツが予想通りに表示されない場合は、以下のトラブルシューティング手順をご確認ください。

注: データソースとしてGoogleスプレッドシート を選択する場合は、[ セル範囲]を選択できます。セル範囲機能を有効にするには、 こちらの手順に従ってください。

5. ［追加］をクリックします。
6. 外部コンテンツを更新するには、 コンテンツカードの上にマウスポインターを置き、verticalMenuvt3つの縦に並んだドットのアイコンをクリックします。次に、 [ 編集] を選択します。変更が完了したら、[保存]をクリックします。
   
   

例:HubSpotダッシュボードにGoogle スプレッドシートを埋め込む

HubSpotダッシュボードにGoogle スプレッドシートを埋め込み、ワークフローアクションを設定してダッシュボード内のデータを更新できます。

Google スプレッドシートの場合:

1. ダッシュボードに埋め込むスプレッドシートに移動します。 

2. 埋め込むデータのチャートを作成するには、上部にある [挿入]をクリックし、[チャート]を選択します。 

3. チャートがスプレッドシートに表示されます。Googleスプレッドシートでの チャートのカスタマイズ についてもっと詳しく。
4. チャート上で縦verticalMenuドットアイコンをクリックし、[ チャート を公開 ]を選択します。

5. ダイアログボックスで[埋め込み ]タブをクリックし、 埋め込みコードをコピーします。埋め込みコードにアクセスするには、コンテンツを公開する必要があります。

HubSpotアカウントで、次の操作を行います。

1. HubSpotアカウントで、［レポート］＞［ダッシュボード］の順に進みます。
2. 右上の[コンテンツを追加]をクリックし、[外部コンテンツ]を選択します。

3. ダイアログボックスで、[Googleスプレッドシート]をクリックします。
4. コンテンツのタイトル を入力します。
5. [URLまたは埋め込みコード ]テキストフィールドに、スプレッドシートからコピーした 埋め込みコードを 貼り付けます。ダイアログボックスにチャートのプレビューが表示されます。
6. ［追加］をクリックします。
7. これで、チャートがダッシュボードに表示されるようになります。ダッシュボードのカスタマイズについてもっと詳しく。

ダッシュボードにチャートを埋め込んだ後、チャートを更新するワークフローアクションを設定することができます。

1. HubSpotアカウントにて、［自動化］＞［ワークフロー］の順に進みます。
2. [ワークフローを作成]をクリックし、[最初から作成]を選択します。
3. ワークフロー 登録トリガーを設定します。この例では、トリガーは「データ値>作成されたレコード 」です。
4. ワークフロー 登録トリガーを完了したら、[保存して続行]をクリックします。
5. 左側のパネルで [連携アプリ ]セクションまで下にスクロールし、[Googleスプレッドシート]を選択します。

6. [Google スプレッドシートの行を作成]を選択します。

7. ドロップダウンメニューから、スプレッドシートに同期するスプレッドシート、シート、ヘッダー を選択します。

8. 完了したら、[ 保存]をクリックします。
9. [確認および公開]をクリックします。
10. ワークフローを有効にする方法について詳細をご確認ください。

埋め込みコンテンツのトラブルシューティング

埋め込みコンテンツが予想通りに表示されない場合は、次のトラブルシューティング手順をお試しください。

• URLが「http://」、「https://」、「//」のいずれかで始まっていることを確認します。
• 埋め込むコンテンツのアクセス設定を確認します。コンテンツを公開するか、またはソースウェブサイト外部で使用可能にする必要がある場合があります。例えば、公開コンテンツにする必要がある場合や、コンテンツソースによってはコンテンツの閲覧にユーザーにログインが求められる場合などです。
• コンテンツソースによって共有を目的とした埋め込みコードまたはリンクが提供されているかどうかを確認します。埋め込みと共有の要件については、コンテンツソースに関するドキュメントを参照することをお勧めします。