> ## 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.

> Intégrez des rapports W&B directement dans Notion ou à l’aide d’un élément HTML `iframe`.

# Intégrer un rapport

Intégrez un rapport W\&B dans une page ou un outil externe afin que votre équipe puisse consulter les résultats de vos expériences en temps réel, à côté du reste de votre documentation. Cette page explique comment générer un code d’intégration à partir d’un rapport, puis l’utiliser en HTML ou dans Confluence, Notion ou Gradio.

<h2 id="html-iframe-element">
  Élément HTML `iframe`
</h2>

Utilisez un élément HTML `iframe` pour intégrer un rapport dans n’importe quelle page web qui accepte du HTML personnalisé. W\&B fournit un code d’intégration prêt à l’emploi, que vous pouvez copier directement depuis le rapport.

En haut à droite d’un rapport, sélectionnez le bouton **Share** pour ouvrir une boîte de dialogue, puis sélectionnez **Copy embed code**. L’extrait copié est un élément HTML `iframe` que vous pouvez coller dans n’importe quelle page acceptant du HTML personnalisé.

<Note>
  Seuls les rapports issus de projets publics, ou ceux que vous avez partagés au moyen de [liens en lecture seule](/fr/products/wandb/reports/cross-project-reports#view-only-report-links), peuvent être intégrés et affichés (le jeton d’accès du lien figure dans l’URL).
</Note>

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/get_embed_url.gif?s=82b9bcb3c31c5dbae96d0de0556fc61c" alt="Obtention du code d’intégration" width="1425" height="721" data-path="products/wandb/_media/get_embed_url.gif" />
</Frame>

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

Confluence prend en charge l’intégration de rapports grâce à sa macro `iframe` native. L’animation suivante montre comment insérer le lien direct vers le rapport dans une cellule `iframe` de Confluence.

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/embed_iframe_confluence.gif?s=94347ea1b7d3877fcfbdf51a6c6c0902" alt="Intégration dans Confluence" width="1425" height="721" data-path="products/wandb/_media/embed_iframe_confluence.gif" />
</Frame>

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

Le bloc **Embed** de Notion accepte le même code d’intégration que celui fourni par W\&B. L’animation suivante montre comment insérer un rapport dans un document Notion à l’aide d’un bloc **Embed** et du code d’intégration du rapport.

<Frame>
  <img src="https://mintcdn.com/coreweave-dbfa0e8d/3Dv_sw2eg8feUJlx/products/wandb/_media/embed_iframe_notion.gif?s=282a3392a4ed013e63d056bbb33bc911" alt="Intégration dans Notion" width="1425" height="738" data-path="products/wandb/_media/embed_iframe_notion.gif" />
</Frame>

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

Pour intégrer un rapport W\&B dans une application Gradio, y compris une application hébergée sur Hugging Face Spaces, utilisez l'élément `gr.HTML` de Gradio pour effectuer le rendu d'un `iframe` pointant vers l'URL du rapport.

```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()
```