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

> W&B report を Notion に直接埋め込むか、HTML の `iframe` 要素を使用して埋め込みます。

# report を埋め込む

W\&B report を外部のページやツールに埋め込むと、チームは他のドキュメントと合わせて最新の実験結果を確認できます。このページでは、report から埋め込みコードを生成し、HTML、Confluence、Notion、Gradio で使用する方法について説明します。

<h2 id="html-iframe-element">
  HTML `iframe` 要素
</h2>

HTML の `iframe` 要素を使用すると、カスタム HTML を受け入れる任意の Web ページに report を埋め込めます。Weights & Biases には、report から直接コピーできる埋め込みコードが用意されています。

report の右上にある **Share** ボタンを選択してダイアログを開き、**Copy embed code** を選択します。コピーされるスニペットは `iframe` HTML 要素です。カスタム HTML を受け入れる任意のページに貼り付けて使用できます。

<Note>
  埋め込みとレンダリングができるのは、公開 project の report、または [閲覧専用リンク](/ja/products/wandb/reports/cross-project-reports#view-only-report-links) で共有した report のみです (リンクのアクセストークンは URL に含まれています) 。
</Note>

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/get_embed_url.gif?s=82b9bcb3c31c5dbae96d0de0556fc61c" alt="埋め込みコードの取得" width="1425" height="721" data-path="products/wandb/_media/get_embed_url.gif" />
</Frame>

<h2 id="confluence">
  Confluence
</h2>

Confluence では、組み込みの `iframe` マクロを使用して report を埋め込むことができます。次のアニメーションでは、Confluence の `iframe` セルに report の直接リンクを挿入する方法を示しています。

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/embed_iframe_confluence.gif?s=94347ea1b7d3877fcfbdf51a6c6c0902" alt="Confluence への埋め込み" width="1425" height="721" data-path="products/wandb/_media/embed_iframe_confluence.gif" />
</Frame>

<h2 id="notion">
  Notion
</h2>

Notion の **Embed** ブロックは、Weights & Biases が提供する埋め込みコードをそのまま受け入れます。次のアニメーションでは、Notion の **Embed** ブロックと report の埋め込みコードを使って、Notion ドキュメントに report を挿入する方法を紹介しています。

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/embed_iframe_notion.gif?s=282a3392a4ed013e63d056bbb33bc911" alt="Notion への埋め込み" width="1425" height="738" data-path="products/wandb/_media/embed_iframe_notion.gif" />
</Frame>

<h2 id="gradio">
  Gradio
</h2>

Hugging Face Spaces でホストされているアプリも含め、Gradio アプリに W\&B report を埋め込むには、Gradio の `gr.HTML` 要素を使用して、report の URL を参照する `iframe` をレンダリングします。

```python theme={"system"}
import gradio as gr


def wandb_report(url):
    iframe = f'<iframe src={url} style="border:none;height:1024px;width:100%">'
    return gr.HTML(iframe)


with gr.Blocks() as demo:
    report = wandb_report(
        "https://wandb.ai/_scott/pytorch-sweeps-demo/reports/loss-22-10-07-16-00-17---VmlldzoyNzU2NzAx"
    )
demo.launch()
```