180-10 | 埋め込みタグ
本シナリオはクラウド版Garoonでの利用を想定しています。
利用イメージ
- GaroonのポータルにkrewDashboardを埋め込んで表示する
下準備
実際の埋め込みの設定を行う前に、下記設定を行っておいてください。
1.ダッシュボードの作成
ここでは詳しい作成方法をご紹介しませんが、こちらのぺージを参考にしてみてください。
https://krewdashboard-drill.mescius.jp/entry/category/application/
2.埋め込み用タグの取得
次の手順で埋め込み用のタグを取得します。
- krewDashboardのデザイン画面でタブを「表示」に切り替える
- 「埋め込みタグ」をクリックする
- krewDashboardの埋め込み用タグHTMLをコピーする。
※後でGaroonのポータルにダッシュボードを表示させるときに使用します
Garoonで行う設定
続いてGaroonでの設定を行います。Garoon側では大きく2つの設定を行います。
Garoonでの設定
- ポートレットの作成
krewDashbaordを埋め込んだポートレットを作成します - ポータルの設定
1で作成したポートレットを使用したポータルを作成します
※ポートレットやポータルの詳細はこちらを参照してみてください。
https://jp.cybozu.help/g/ja/admin/application/portal.html
- 画面右上の「Garoonシステム管理」をクリックしてシステム管理画面を開く
- システム管理画面を開いたら、タブを「アプリケーションの管理」タブに切り替える
- 「ポータル」→「HTMLポートレット」の順に選択する
- 「HTMLポートレットを追加する」をクリックしてポートレットを新規追加します。
- ポートレットの設定画面で「ポートレットの内容」欄にkrewDashboardでコピーした埋め込み用のタグを貼り付ける
2.ポータルの設定
- Garoonのシステム管理画面を開きます
- 「ポータルの一覧」をクリックします
- 「ポータルを追加する」をクリックする
- ポータル名は任意の内容を設定します
- 一覧画面で追加したポータルが表示されます
- ポータルを編集するためにポータル名のリンクをクリックします
- ステップ1で作成したポートレットが画面左側のポートレットエリアに表示されています。
ドラッグアンドドロップでレイアウトエリアに配置します。
これらの設定のほかに、下記の設定をGaroonで行えば使い始めることができます。
・ポータルの公開設定：
https://jp.cybozu.help/g/ja/admin/application/portal/settings/prtl_public.html
・ポータルのアクセス権の設定：
https://jp.cybozu.help/g/ja/admin/application/portal/settings/prtl_right.html
・ポートレットの公開設定
https://jp.cybozu.help/g/ja/admin/application/portal/settings/ptlt_public.html