公開DocSpaceルームをウェブサイトに埋め込む方法

2023年12月07日著者:Denis

ONLYOFFICE DocSpaceのバージョン2.0では、外部ユーザーとファイルを共有するためのパブリックルームを追加しました。パブリックルームは、ウェブサイトやシングルページアプリケーション(SPA)に統合することができ、訪問者がドキュメントをダウンロードしたり、自分のDocSpaceアカウントを登録することなく、ドキュメントを閲覧することができます。この記事では、ステップバイステップのガイドを紹介します。

How to embed a public DocSpace room to your website

DocSpaceのパブリックルームとは?

今後、ONLYOFFICE DocSpaceには、コラボレーション、カスタム、パブリックの3つのルームタイプがあります。

パブリックルームでは、外部リンクを介してユーザーを招待し、登録なしでファイルを閲覧することができます。ファイルの内容に影響を与える編集やその他の操作はできません。

How to embed a public DocSpace room to your website

必要に応じて、様々なアクセス許可を設定するために、異なるパラメータで複数の外部リンクを生成することができます。このオプションは、一部の受信者のためにルームのコンテンツのダウンロード、コピー、印刷を制限することができます。さらに、これらの受信者のためにルームのパスワードを設定することができます。

How to embed a public DocSpace room to your website

パブリックルームの埋め込み方法

以下の手順に従って、パブリックルームを統合してください。

ステップ1. DocSpaceのホーム画面で、あなたの名前の横にある3つの点をクリックし、DocSpaceの設定に進みます。

How to embed a public DocSpace room to your website

ステップ2. 左側のパネルで、「開発者ツール」オプションを選択します。

How to embed a public DocSpace room to your website

ステップ3. JavaScript SDKに移動し、iframeとしてDocSpaceを埋め込むセクションに注意してください。

重要:DocSpaceをiframeとしてウェブサイトに埋め込むには、JavaScript SDKタブの対応するフィールドにURLを入力する必要があります。そうしないと、埋め込み領域がウェブページの下書きに表示されません。

How to embed a public DocSpace room to your website

ステップ4. サンプルDocSpace埋め込み作成セクションまでスクロールダウンしてください。特定のルームを表示するには、データ表示設定で、作成されたルームのリストから選択します。

How to embed a public DocSpace room to your website

幅と高さ、フレームIDを変更し、インターフェイスの要素を選択することにより、埋め込み領域をカスタマイズすることができます。

ステップ5. 挿入するコードタブに切り替え、生成されたコードスニペットをコピーします。

How to embed a public DocSpace room to your website

ステップ6. 生成されたコードスニペットをあなたのウェブサイトのindex.htmlファイルに挿入してください。これで、ウェブページに公開ルームが表示されます。

How to embed a public DocSpace room to your website
DocSpaceルームをブログに埋め込み

ONLYOFFICE DocSpaceを初めてご利用になる方は、無料アカウントを作成してください。

アカウントの作成

ウェブサイトにパブリックルームを埋め込むメリット?

Webサービス内でオフィスドキュメントのコラボレーションを可能にしようと計画している開発者は、以下の理由からDocSpaceを検討しています。

  • ウェブサイトの訪問者は、(添付ファイルをダウンロードする代わりに)ウェブページ上でオフィス文書を閲覧し、対話する
  • ローカルでファイルをブラウズするための追加ソフトウェアをインストールする必要がない
  • ウェブサイトの訪問者は、共有されたドキュメントをダウンロード、コピー、印刷する(これらの操作が制限されていない場合)
  • ウェブサイトの訪問者は、共有ファイルを閲覧するために必要なDocSpaceアカウントを必要とする
  • ウェブサイト上の共有ドキュメントを含むフォルダのインタラクティブエリア
  • クリック可能なリンクの多用なし
  • 共有された資料は、他のコンテンツの中でもより見やすくなる

DocSpaceは、クラウドだけでなく、オンプレミスでも利用可能です。