Incorporar Conteúdo do Oracle Analytics numa Aplicação Customizada Que Não Utiliza Oracle JET

Se a aplicação customizada utilizar uma tecnologia sem ser o Oracle JET, o conteúdo incorporado do Oracle Analytics acrescenta a respetiva distribuição do Oracle JET e todos os componentes adicionais à página.

Se a opção Programador não for apresentada no Menu do livro, terá de a ativar. Consulte Ativar Opções do Programador do Oracle Analytics.

Inclua a versão independente do embedding.js.
<script src=https://<instance>.analytics.ocp.oraclecloud.com/public/ui/dv/v1/embedding/standalone/embedding.js type="text/javascript"> </script>
Encontre e inclua <oracle-dv> sob um <div> de tamanho apropriado. Para encontrar este identificador:
1. Vá para o Oracle Analytics e abra o livro com o conteúdo analítico que pretende incorporar.
2. Clique no Menu do livro e, em seguida, clique em Programador.
3. Clique no separador Incorporar.
4. Localize o item que pretende incorporar e clique em Copiar para o copiar.
Exemplo

Aqui, project-path especifica o percurso do livro.
```
<div style="position: absolute; width: calc(100% - 40px); height: calc(100% - 120px)">
    <oracle-dv project-path="/@Catalog/users/admin/workbook_name">
    </oracle-dv>
</div>
```
Aplique associações de Knockout depois de a visualização estar totalmente carregada. Este deve ser colocado dentro de um identificador <script> depois do identificador <oracle-dv> ou executado numa rotina de tratamento de onload body.
```
requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {
    ko.applyBindings();
});
```

Exemplo Completo

Aqui, project-path especifica o percurso do livro.

<!DOCTYPE html>
<html dir="ltr">
   <head>
      <title>AJAX Standalone Demo</title>
      <script src="https://<instance>.analytics.ocp.oraclecloud.com/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