Oracle JETを使用しないカスタム・アプリケーションへの埋込み

カスタム・アプリケーションでOracle JET以外のテクノロジを使用する場合は、埋込みコンテンツによってそのOracle JET配信とすべての追加コンポーネントがページに追加されます。

embedding.jsのスタンドアロン・バージョンを挿入します。
<script src=https://<instance>/public/dv/v1/embedding/standalone/embedding.js type="text/javascript"> </script>
<oracle-dv>を探して適切にサイズ設定された<div>の下に含めます。このタグを検索するには:
1. Oracle Analyticsに移動し、埋め込むコンテンツが含まれているプロジェクトを開きます。
2. 「メニュー」をクリックし、「開発者」をクリックします。
3. 「埋込み」タブをクリックします。
4. 埋め込む項目を特定し、「コピー」をクリックしてコピーします。
次に例を示します。
```
<div style="position: absolute; width: calc(100% - 40px); height: calc(100% - 120px)">
    <oracle-dv project-path="/@Catalog/users/admin/project_name">
    </oracle-dv>
</div>
```
ビジュアライゼーションが完全にロードされた後、Knockoutバインディングを適用します。これは<oracle-dv>タグの後に<script>タグの内部に配置するか、onload bodyハンドラで実行する必要があります。
```
requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {
    ko.applyBindings();
});
```

完全な例

<!DOCTYPE html>
<html dir="ltr">
   <head>
      <title>AJAX Standalone Demo</title>
      <script src="https://<instance>/public/dv/v1/embedding/standalone/embedding.js""
type="text/javascript">
      </script> 
   </head>
   <body>
      <h1>AJAX Standalone Demo</h1>

      <div style="position: absolute; width: calc(100% - 40px); height: calc(100% - 
120px)" >
         <oracle-dv project-path="/shared/embed/test-embed">
         </oracle-dv>
      </div>

   <script>
requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {   ko.applyBindings();
});
      </script
   </body
</html