> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# iFrame

> iFrameコンポーネントを使用して、DingTalk YiDAのデザイナーページに他のWebページのコンテンツを埋め込む方法を解説します。コンポーネントの選択からiFrame URLの設定、プレミアム属性の構成まで、レポート作成の手順を紹介します。

## 1. はじめに

他のWebページのコンテンツを現在のデザイナーページに埋め込みます。以下の例では、DingTalk YiDAヘルプドキュメントのURLを埋め込んでいます。

## 2. 手順

### 2.1 コンポーネントの選択

レポートを開き、上部メニューから「その他」>>「iFrame」を選択し、ページにドラッグします。

コンポーネントを追加します。

### 2.2 属性設定

#### 2.2.1 iFrame URL

iFrameコンポーネントをクリックします。右側の属性パネルで「iFrame URL」を見つけ、YiDA公式サイトのURLを入力します。

URLを追加します。

表示イメージ。

#### 2.2.2 プレミアム

コンポーネントの固定値識別子を表示します。

## 3. 関連ドキュメント

2.0レポートで3.0レポート機能を使用する方法