翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# カスタムビジュアルコンテンツの使用
<a name="custom-visual-content"></a>

カスタムビジュアルコンテンツチャートタイプを使用して、ウェブページ、オンライン動画、フォーム、イメージをクイックダッシュボードに埋め込むことができます。

たとえば、会社のロゴのイメージをダッシュボードに埋め込むことができます。また、組織の最新のカンファレンスのオンラインビデオを埋め込んだり、ダッシュボードの読者にダッシュボードが役に立ったかどうかを尋ねるオンラインフォームを埋め込んだりすることもできます。

カスタムビジュアルコンテンツを作成したら、ナビゲーションアクションを使用してその中をナビゲートできます。また、パラメータを使って、何が表示されるかを制御することもできます。

カスタムビジュアルコンテンツには、次のような制限が適用されます。
+ `https` URL スキームのみがサポートされています。
+ カスタムビジュアルコンテンツは、Eメールレポートではサポートされていません。
+ ホットリンク保護を使用している画像やウェブサイトは、カスタムビジュアルとしてロードされません。

ダッシュボードにウェブページ、動画、オンラインフォーム、またはイメージを埋め込むには、ビジュアル**タイプ**ペインでカスタムビジュアルコンテンツアイコンを選択します。

ダッシュボードへのビジュアルの更なる詳細については [ビジュアルの追加](creating-a-visual.md#create-a-visual) をご参照ください。

次の手順を使用して、ダッシュボードにカスタムビジュアルを埋め込みます。

## カスタムビジュアルコンテンツの使用におけるベストプラクティス
<a name="custom-visual-content-best-practices"></a>

カスタムビジュアルコンテンツのグラフタイプを使用してウェブコンテンツを埋め込むときは、以下が推奨されます。
+ iFrame でコンテンツを表示または開くことができるソースから Web コンテンツを選択します。ウェブコンテンツのソースが IFrame での表示またはオープンをサポートしていない場合、URL が正確であっても、コンテンツは Quick に表示されません。
+ 可能であれば、特に、動画、オンラインフォーム、スプレッドシート、ドキュメントには埋め込み可能な URL を使用します。埋め込み可能な URL を使用すると、ダッシュボードの読者の利便性が向上し、コンテンツの操作が容易になります。通常、ソースウェブサイトからのコンテンツを共有することを選択するときに、コンテンツの埋め込み可能な URL を見つけることができます。
+ お客様が所有している内部 URL または URL を埋め込むには、それらを IFrame で開くように設定する必要がある場合があります。
+ 分析やダッシュボードでカスタムビジュアルコンテンツを表示するときは、必ずすべての Cookie を有効にしてください。ブラウザでサードパーティーの Cookie がブロックされている場合、カスタムコンテンツビジュアル内に埋め込まれているウェブサイトの一部である画像はレンダリングされません。
**注記**  
Chrome は、2024 年末までにすべてのサードパーティー Cookie を廃止する計画を発表しました。つまり、Quick カスタムコンテンツビジュアルに埋め込まれたウェブサイトには、Chrome のサードパーティー Cookie に依存するコンテンツが表示されなくなります。Chrome がサードパーティー Cookie を廃止する計画の詳細については、「[Chrome はサードパーティ Cookie のサポートを終了します](https://cloud.google.com/looker/docs/best-practices/chrome-third-party-cookie-deprecation)」を参照してください。

## ダッシュボードへのイメージの埋め込み
<a name="custom-visual-content-image"></a>

イメージの URL を使用して、ダッシュボードにオンラインイメージを埋め込むことができます。カスタムビジュアルコンテンツチャートタイプを使用してイメージを埋め込むには、次の手順を実行します。

埋め込みイメージは、サードパーティーの cookie がブロックされているブラウザには表示されません。ダッシュボードで埋め込みイメージを表示するには、ブラウザの設定でサードパーティー cookie を有効にします。

**ダッシュボードにイメージを埋め込む**

1. [**Visual types（ビジュアルタイプ）**] ペインで、カスタムビジュアルコンテンツアイコンを選択します。

1. ビジュアルで、**[ビジュアルのカスタマイズ]** を選択します。

1. **[プロパティ]** ペインが開いたら、埋め込む画像の URL を **[カスタムコンテンツ]** に入力します。

1. **[適用]** を選択します。

   画像は Web ページとしてビジュアルに表示されます。

1. **[Show as image]** (イメージとして表示) を選択します。

   URL がイメージの場合、そのイメージがビジュアルに表示されます。

   URL がイメージではない場合 (スライドショー、ギャラリー、またはウェブページの URL など)、`This URL doesn't appear to be an image. Update the URL to an image` というメッセージが表示されます。これを行うには、埋め込みたいイメージを別のブラウザタブで開くか、イメージの埋め込み可能なURL (通常、画像の共有を選択するときに表示されます) を選択します。

1. (オプション) [**Image sizing options（イメージのサイズ設定オプション）**] で、次のいずれかのオプションを選択します。
   + [**Fit to width（幅に合わせる）**] — このオプションは、イメージをビジュアルの幅に合わせます。
   + [**Fit to height（高さに合わせる）**] — このオプションは、イメージをビジュアルの高さに合わせます。
   + [**Scale to visual(ビジュアルにスケールする）**] — このオプションは、イメージをビジュアルの幅と高さに合わせてスケールします。このオプションは、イメージを変形させる可能性があります。
   + **[Do not scale]** (スケールしない) - このオプションは、イメージを元のサイズのまま維持し、ビジュアルの寸法に合わせてイメージを変更しません。このオプションを使用すると、イメージはビジュアルの中央に配置され、ビジュアルの幅と高さの範囲内にあるイメージの部分が表示されます。ビジュアルが画像よりも小さい場合、画像の一部が表示されないことがあります。ただし、ビジュアルがイメージよりも大きい場合は、イメージがビジュアルの中央に配置され、空白のスペースで囲まれます。

## ダッシュボードへのオンラインフォームの埋め込み
<a name="custom-visual-content-form"></a>

埋め込み可能な URL を使用して、ダッシュボードにオンラインフォームを埋め込むことができます。カスタムビジュアルコンテンツチャートタイプを使用して、オンラインフォームを埋め込むには、次の手順を実行します。

**ダッシュボードにオンラインフォームを埋め込む**

1. [**Visual types（ビジュアルタイプ）**] ペインで、カスタムビジュアルコンテンツアイコンを選択します。

1. ビジュアルで、**[ビジュアルのカスタマイズ]** を選択します。

1. **[プロパティ]** ペインが開いたら、埋め込むオンラインフォームのフォーム URL を **[カスタムコンテンツ]** に入力します。

   可能であれば、フォームの埋め込み可能な URL を使用します。埋め込み可能な URL を使用すると、ダッシュボードの読者がフォームを操作しやすくなります。埋め込み可能な URL は、フォームを作成したサイトでフォームの共有を選択するときに見つかることがよくあります。

1. [**Apply**] を選択します。

   フォームがビジュアルに表示されます。

## ダッシュボードへのウェブページの埋め込み
<a name="custom-visual-content-webpage"></a>

URL を使用して、ダッシュボードに Web ページを埋め込むことができます。カスタムビジュアルコンテンツチャートタイプを使用して Web ページを埋め込むには、以下の手順を使用します。

**ダッシュボードに Web ページを埋め込む**

1. [**Visual types（ビジュアルタイプ）**] ペインで、カスタムビジュアルコンテンツアイコンを選択します。

1. ビジュアルで、**[ビジュアルのカスタマイズ]** を選択します。

1. **[プロパティ]** ペインが開いたら、埋め込むウェブページの URL を **[カスタムコンテンツ]** に入力します。

1. [**Apply**] を選択します。

   ビジュアルに Web ページが表示されます。

## ダッシュボードへのオンライン動画の埋め込み
<a name="custom-visual-content-video"></a>

埋め込み可能なビデオ URL を使用して、ダッシュボードにオンラインビデオを埋め込むことができます。カスタムビジュアルコンテンツチャートタイプを使用してオンラインビデオを埋め込むには、次の手順を実行します。

**オンラインビデオをダッシュボードに埋め込む**

1. [**Visual types（ビジュアルタイプ）**] ペインで、カスタムビジュアルコンテンツアイコンを選択します。

1. ビジュアルで、**[ビジュアルのカスタマイズ]** を選択します。

1. **[プロパティ]** ペインが開いたら、埋め込む動画の埋め込まれた URL を **[カスタムコンテンツ]** に入力します。

   動画の埋め込み可能な URL を見つけるには、動画を「共有」して、iFrame コードから埋め込み URL をコピーします。以下は、YouTube動画の埋め込み URL の例です: `https://www.youtube.com/embed/uniqueid` Vimeo動画の場合の埋め込み URL の例は次のようになります：`https://player.vimeo.com/video/uniqueid`

1. [**Apply**] を選択します。

   ビデオがビジュアルに表示されます。