自定义JS集成

> 1. 支持全局的脚本集成.如针对所有作品的页面埋点，嵌入合作方或者自有埋点统计
2. 支持对单个作品的脚本集成，如针对单个或者部分作品加载指定脚本，实现一定的逻辑处理

# 配置说明

## 企业配置入口
【集成管理】---【自定义脚本】
![](/media/202206/2022-06-17_140406_789147.png)
## 平台配置入口
【开放管理】--【选择对应平台】--【配置】--【集成配置】--【自定义js】
![](/media/202206/2022-06-17_140612_966995.png)

## 配置项
自定义脚本配置如下
![](/media/202206/2022-06-17_132010_067270.png)

## 配置项说明

| 配置项   | 配置说明 |
| --- | --- |
| 脚本名称 |自定义，用于制作者自我区别不同脚本 |
|js类型 | js文件：企业自有在线js，注意跨域。  js:脚本，直贴上具体的js脚本内容 |
|js文件地址|具体的js脚本路径或者接本内容，根据上述选择，分别填入内容|
|是否默认加载|是:针对所有作品生效，作品浏览时加载。否：默认不加载，出现在编辑器选择列表中，编辑器选中，单个作品浏览时加载|

# 编辑器应用

## 互动

在编辑器【自定义设置】--【组件类型:自定义组件】--【选择自定义加载为否的对应js】，该作品在客户浏览时会加载对应的js,可以添加多个
![](/media/202206/2022-06-17_133428_287200.png)

## H5

【进入编辑器】---【添加对应页面】--【选择：组件】--【自定义组件】该作品在客户浏览时会加载对应的js,可以添加多个

![](/media/202206/2022-06-17_133756_863511.png)

# 示例脚本
```javascript
var script = document.createElement('script'),
  head = document.getElementsByTagName('head')[0];
 script.type = 'text/javascript';
 script.charset = 'UTF-8';
 script.src = 'https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.js';
 if (script.addEventListener) {
  script.addEventListener('load', function () {
   const aegis = new Aegis({
        id: 'XXXXXXxxx', // 上报 id
        uin: 'xxx', // 用户唯一 ID（可选）
        reportApiSpeed: true, // 接口测速
        reportAssetSpeed: true, // 静态资源测速
        spa: true // spa 应用页面跳转的时候开启 pv 计算
      });
  }, false);
 } else if (script.attachEvent) {
  script.attachEvent('onreadystatechange', function () {
   var target = window.event.srcElement;
   if (target.readyState == 'loaded') {
    const aegis = new Aegis({
        id: 'XXXXXXxxx', // 上报 id
        uin: 'xxx', // 用户唯一 ID（可选）
        reportApiSpeed: true, // 接口测速
        reportAssetSpeed: true, // 静态资源测速
        spa: true // spa 应用页面跳转的时候开启 pv 计算
      });
   }
  });
 }
 head.appendChild(script);
```