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

# Signクライアントの埋め込み機能

export const Link = ({href, children, className, ...props}) => {
  const localizedHref = localizeLink(href);
  return <a href={localizedHref} className={className} {...props}>
      {children}
    </a>;
};

<Link href="/guides/embed/box-embed">Box Embed</Link>を使用すると、ウェブサイトにBox Signの機能を埋め込むことができます。これにより、ユーザーはウェブサイトを離れ、Box Signにアクセスしてドキュメントに署名し、プロセスを完了するために戻る必要がなくなります。代わりに、Box Embedを使用すると、外部のウェブサイト内で署名プロセスを完了できます。

Box Signのエクスペリエンスをウェブサイトに統合するには、HTMLの`iframe`タグ内のドキュメントへの署名を許可するために設計された`iframable_embed_url`パラメータが必要です。

`iframable_embed_url`のサンプルは次のようになります。

```sh theme={null}
https://app.box.com/embed/sign/document/f14d7098-a331-494b-808b-79bc7f3992a3/f14d7098-a331-494b-808b-79bc7f3992a4
```

`iframeable_embed_url`を取得するには、<Link href="/reference/post-sign-requests">署名リクエストを作成</Link>エンドポイントを呼び出す際に各署名者の<Link href="/reference/post-sign-requests#param-signers-embed_url_external_user_id">`embed_url_external_user_id`</Link>パラメータを渡します。返されるレスポンスには、その署名者の一意の`iframeable_embed_url`が含まれます。

Signの機能を埋め込み、ユーザーが使用できるようにするには、`iframe`タグ内でURLを使用します。

```sh theme={null}
<iframe
  src="https://app.box.com/embed/sign/document/f14d7098-a331-494b-808b-79bc7f3992a3/f14d7098-a331-494b-808b-79bc7f3992a4"
  width="{pixels}"
  height="{pixels}"
  frameborder="0"
  allowfullscreen
  webkitallowfullscreen
  msallowfullscreen
></iframe>
```

<Info>
  Box Embedの使用の詳細については、<Link href="/guides/embed/box-embed#programmatically">こちらのガイド</Link>を参照してください。
</Info>

Box Embedでは、クリックジャッキングを防ぐために<Link href="/guides/embed/box-embed#cloud-game">クラウド (雲) ゲーム</Link>ウィジェットを使用します。この場合、ユーザーはドキュメントに署名する際に、このウィジェットを操作し、クラウド (雲) を適切な位置にドラッグしてから、ドキュメントへの署名に進む必要があります。
