שבץ תוכן של Oracle Analytics לתוך יישום מותאם אישית שלא משתמש ב-Oracle JET

אם היישום המותאם אישית משתמש בטכנולוגיה שאיננה Oracle JET, התוכן המשובץ של Oracle Analytics מוסיף את הפצת Oracle JET שלו ואת כל הרכיבים הנוספים לתוך הדף.

אם האפשרות Developer אינה מוצגת בתפריט של חוברת העבודה, אז עליך לאפשר אותה. ראה אפשר אפשרויות מפתח של Oracle Analytics.

כלול את הגרסה העצמאית של embedding.js.
<script src=https://<instance>.analytics.ocp.oraclecloud.com/public/ui/dv/v1/embedding/standalone/embedding.js type="text/javascript"> </script>
חפש וכלול את <oracle-dv> תחת <div> בגודל מתאים. כדי למצוא תגית זו:
1. עבור אל Oracle Analytics ופתח את חוברת העבודה המכילה את התוכן של Analytics שתרצה לשבץ.
2. לחץ על התפריט של חוברת העבודה ואחר כך לחץ על Developer.
3. לחץ על הכרטיסייה 'שבץ'.
4. אתר את הפריט שברצונך לשבץ ולחץ על העתק כדי להעתיק אותו.
דוגמה

כאן project-path מציינת את נתיב חוברת העבודה.
```
<div style="position: absolute; width: calc(100% - 40px); height: calc(100% - 120px)">
    <oracle-dv project-path="/@Catalog/users/admin/workbook_name">
    </oracle-dv>
</div>
```
החל איגודי Knockout לאחר שההמחשה הגרפית נטענה במלואה. יש לשים זאת בתוך תגית <script> אחרי התגית <oracle-dv>, או לבצע במטפל בגוף onload.
```
requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {
    ko.applyBindings();
});
```

דוגמה מלאה

כאן project-path מציינת את נתיב חוברת העבודה.

<!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