[发明专利]一种基于互联网保险的拖拽API交互营销活动配置方法

权利要求书

1.一种基于互联网保险的拖拽API交互营销活动配置方法，其特征在于，采用H5拖拽API式配置所见即所得的营销活动配置方式，具体包括以下步骤：

(1)、营销活动页面由左侧组件配置区、右侧拖拽内容区、下方预览保存区三个区域组成；

(2)、左侧组件配置区，除了区块中放置的使用JavaScript组件编写了常用组件外，还包括基础配置中进行全局属性的配置操作；区块中的常用组件部分包含基础容器组件、按钮组件、图片组件、领券组件，并且这些都通过代码被封装成对象组件；基础配置中包括全局样式、头部标题、分享配置及埋点配置能基本满足短期营销活动的用户分享及数据分析需求；

(3)、右侧拖拽内容区，通过HTML5的新特性拖拽API实现了将源对象拖拽至目标对象区域后，源对象进入该区域；即e.dataTransfer.setData方法存储了组件对象的信息，事件监听记录拖动的源对象，然后通过e.dataTransfer.getDat读取拖拽元素的id添加到对象区域；

对于运营配置人员来说就是左侧组件拖拽至内容区指定位置，然后对组件进行图片上传、名称修改、背景色设置、链接跳转的营销活动配置后，右侧拖拽内容区会实时展示配置效果；实现了所见即所得并且提高了活动配置效率也减少了配置出错；

(4)、下方预览保存区，点击保存后通过调用后端的保存接口，后端使用文件存储的方式将配置信息的文件地址存储至数据库中，并生成活动链接；点击预览前端加载配置文件的进行活动展示预览，运营配置人员可参与活动进行活动推广前的验证。

2.根据权利要求1所述的一种基于互联网保险的拖拽API交互营销活动配置方法，其特征在于，所述的步骤(4)的流程如下：

①拖拽左侧组件至右侧内容区—②点击右侧内容区的组件对指定组件进行组件大小、跳转地址、背景图片展示等调整配置操作—③再在内容区进行组件展示位置的调整—④点击保存存储配置文件信息生成真实活动链接—⑤点击预览加载配置文件信息进行验证。