# 实现一键外呼功能
使用云客服主框架集成企业页面时，支持在企业页面通过点击客户的电话信息，进行一键外呼，不需要座席手动输入电话号码，同时座席接续条状态保持一致。多租框架集成第三方页面时，支持调用外呼功能。
![](https://support.huaweicloud.com/devg-workbench-cec/public_sys-resources/note_3.0-zh-cn.png)
一键外呼功能仅支持新建来电弹屏配置中，打开方式为"嵌入"的外部页面，设置位置请参见[图1](https://support.huaweicloud.com/devg-workbench-cec/cec_05_0027.html#ZH-CN_TOPIC_0000001182512809__fig2746170112611)。
例：某租间配置了来电弹屏路径，打开座席工作台加载企业界面，可进行一键外呼，传递需要获取的接口(接口名称和接口参数参考CC Gateway开发指南)，参考代码如下。
```
let targetOrigin =gettUrlParam()['origin'];        
   function sendMsg(){             
       let ele =document.getElementById("calloutinput");        
   let data={'name':'callout','param':[]};        
   let number =ele.value;         
   data.param.push(number);         
   data.param.push('audio'); 
         
  top.postMessage(JSON.stringify(data),targetOrigin)         
  }   
       
  function  gettUrlParam() 
  {         
  let url = location.href;         
  let paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");         
  let paraObj = {};         
  for (let i = 0; i < paraString.length; i++) {             
      let j = paraString[i];             
      paraObj[j.substring(0, j.indexOf("="))] = j.substring(j.indexOf("=") + 1, j.length);         
  }         
  return paraObj;     
  }
```
![](https://support.huaweicloud.com/devg-workbench-cec/public_sys-resources/note_3.0-zh-cn.png)
1. 第三方调用说明data数据支持两种方式：
   - let data={ name:'callout',
     param:{
     number:'88880523',//外呼的号码
     mode:'audio'//mode 的值为 音频 audio 或者 视频 video
     }
     }
     
   
   - data={ name:'callout',
     param:\['88880813','video'\]
     }
     
    
2. 关于发送消息 top.postMessage(JSON.stringify(data),targetOrigin)为早期接续条支持的方式现在兼容top.postMessage(data,targetOrigin)。