CN114546362A - 一种基于互联网保险的拖拽api交互营销活动配置方法 - Google Patents

一种基于互联网保险的拖拽api交互营销活动配置方法 Download PDF

Info

Publication number
CN114546362A
CN114546362A CN202111666296.7A CN202111666296A CN114546362A CN 114546362 A CN114546362 A CN 114546362A CN 202111666296 A CN202111666296 A CN 202111666296A CN 114546362 A CN114546362 A CN 114546362A
Authority
CN
China
Prior art keywords
configuration
component
area
dragging
activity
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202111666296.7A
Other languages
English (en)
Inventor
孙明
周洁
田鑫
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tianyi Electronic Commerce Co Ltd
Original Assignee
Tianyi Electronic Commerce Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tianyi Electronic Commerce Co Ltd filed Critical Tianyi Electronic Commerce Co Ltd
Priority to CN202111666296.7A priority Critical patent/CN114546362A/zh
Publication of CN114546362A publication Critical patent/CN114546362A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/10—File systems; File servers
    • G06F16/17—Details of further file system functions
    • G06F16/172—Caching, prefetching or hoarding of files
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/36—Software reuse
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/71—Version control; Configuration management
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0207—Discounts or incentives, e.g. coupons or rebates
    • G06Q30/0239—Online discounts or incentives
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q40/00—Finance; Insurance; Tax strategies; Processing of corporate or income taxes
    • G06Q40/08—Insurance
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Human Computer Interaction (AREA)
  • Strategic Management (AREA)
  • Development Economics (AREA)
  • Marketing (AREA)
  • Economics (AREA)
  • General Business, Economics & Management (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Game Theory and Decision Science (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • Technology Law (AREA)
  • Computer Security & Cryptography (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种基于互联网保险的拖拽API交互营销活动配置方法，包括：营销活动页面包括由左侧组件配置区、右侧拖拽内容区、下方预览保存区。左侧组件配置区，区块中放置的使用JavaScript组件编写常用组件，基础配置中可进行全局属性的配置操作；区块中的常用组件部分都通过代码被封装成对象组件；基础配置能基本满足短期营销活动的用户分享及数据分析需求。右侧拖拽内容区，通过HTML5的新特性拖拽API实现了将源对象拖拽至目标对象区域后，源对象可进入该区域；通过给拖拽元素配置页面埋点页面id，可通过埋点信息统计分析生成页面的浏览量；通过给对应拖拽元素调用javaScript对应的函数方法。本发明操作灵活简单，能很好地满足营销活动高频次更新换代的需求。

Description

一种基于互联网保险的拖拽API交互营销活动配置方法
技术领域
本发明涉及的是互联网保险领域，具体涉及一种基于互联网保险的拖拽API交互营销活动配置方法。
背景技术
在互联网保险行业中，营销活动是非常重要的推广手段，不仅可以培养用户成熟的保险理念提高用户的保险意识，还能激发用户保险产品的购买欲望和动机。
为了找到最适合用户的营销活动推广形式，营销活动多为短期活动用来进行试错，且短期营销活动还能让用户对其保持一定的新鲜感；而短期营销活动则需要保险公司具有营销活动快速迭代上线的能力。
目前保险行业中营销活动配置比较麻烦，需要相应的技术人员按照活动的固定规则进行配置甚至是开发联调等上线，时间周期较长无法快速迭代；综上所述，本发明设计了一种基于互联网保险的拖拽API交互营销活动配置方法。
发明内容
针对现有技术上存在的不足，本发明目的是在于提供一种基于互联网保险的拖拽API交互营销活动配置方法，通过将组件配置，H5拖拽API交互营销活动的配置方法，不懂技术的人员也能进行活动从零到有配置操作，操作灵活简单，能很好的满足营销活动高频次更新换代的需求。
为了实现上述目的，本发明是通过如下的技术方案来实现：一种基于互联网保险的拖拽API交互营销活动配置方法，采用H5拖拽API式配置所见即所得的营销活动配置方式，具体包括以下步骤：
1、营销活动页面主要由左侧组件配置区、右侧拖拽内容区、下方预览保存区三个区域组成。
2、左侧组件配置区，除了区块中放置的使用JavaScript组件编写了常用组件外，还包括基础配置中可进行全局属性的配置操作；区块中的常用组件部分主要包含基础容器组件、按钮组件、图片组件、领券组件等，并且这些都通过代码被封装成对象组件；基础配置中包括全局样式、头部标题、分享配置及埋点配置能基本满足短期营销活动的用户分享及数据分析需求。
3、右侧拖拽内容区，通过HTML5的新特性拖拽API实现了将源对象拖拽至目标对象区域后，源对象可进入该区域；即
e.dataTransfer.setData方法存储了组件对象的信息，事件监听记录拖动的源对象，然后通过e.dataTransfer.getDat读取拖拽元素的id添加到对象区域。
对于运营配置人员来说就是左侧组件拖拽至内容区指定位置，然后对组件进行图片上传、名称修改、背景色设置、链接跳转等营销活动配置后，右侧拖拽内容区会实时展示配置效果；实现了所见即所得并且提高了活动配置效率也减少了配置出错。
4、下方预览保存区，点击保存后通过调用后端的保存接口，后端使用文件存储的方式将配置信息的文件地址存储至数据库中，并生成活动链接。点击预览前端加载配置文件的进行活动展示预览，运营配置人员可参与活动进行活动推广前的验证。
所述的步骤4的流程如下：
①拖拽左侧组件至右侧内容区—>②点击右侧内容区的组件对指定组件进行组件大小、跳转地址、背景图片展示等调整配置操作—>③再在内容区进行组件展示位置的调整—>④点击保存存储配置文件信息生成真实活动链接—>⑤点击预览加载配置文件信息进行验证。
本发明具有以下有益效果：
1、创新式将H5拖拽式API引入互联网保险营销配置，在配置的过程中可以在一定程度上还原了真实的活动页面，能让活动配置人员操作更加简单，提高了活动配置效率也减少了配置出错。
2、营销活动中的常用功能，如按钮、图片、链接跳转、发券等均通过封装成对象组件，做成通用功能可直接进行调用，营销活动图片展示、链接跳转、用户发券等基础功能都可通过配置实现，满足了营销活动快速迭代的需求。
3.将配置信息通过文件存储的方式，文件存储具有丰富多样的功能可以用来存储一系列复杂的文件，提高了系统性能降低了管理复杂度。
附图说明
下面结合附图和具体实施方式来详细说明本发明；
图1为本发明的交互流程图；
图2为本发明的页面展示图；
图3为本发明的活动配置效果图
具体实施方式
为使本发明实现的技术手段、创作特征、达成目的与功效易于明白了解，下面结合具体实施方式，进一步阐述本发明。
参照图1-3，本具体实施方式采用以下技术方案：一种基于互联网保险的拖拽API交互营销活动配置方法，包括以下步骤：
1、营销活动页面主要由左侧组件配置区、右侧拖拽内容区、下方预览保存区三个区域组成。
2、左侧组件配置区，除了区块中放置的使用JavaScript组件编写了常用组件外，还包括基础配置中可进行全局属性的配置操作；区块中的常用组件部分主要包含基础容器组件、按钮组件、图片组件、领券组件等，并且这些都通过代码被封装成对象组件；基础配置中包括全局样式、头部标题、分享配置及埋点配置能基本满足短期营销活动的用户分享及数据分析需求。
3、右侧拖拽内容区，通过HTML5的新特性拖拽API实现了将源对象拖拽至目标对象区域后，源对象可进入该区域；即e.dataTransfer.setData方法存储了组件对象的信息，事件监听记录拖动的源对象，然后通过e.dataTransfer.getDat读取拖拽元素的id添加到对象区域。
对于运营配置人员来说就是左侧组件拖拽至内容区指定位置，然后对组件进行图片上传、名称修改、背景色设置、链接跳转等营销活动配置后，右侧拖拽内容区会实时展示配置效果；实现了所见即所得并且提高了活动配置效率也减少了配置出错。
4、下方预览保存区，点击保存后通过调用后端的保存接口，后端使用文件存储的方式将配置信息的文件地址存储至数据库中，并生成活动链接。点击预览前端加载配置文件的进行活动展示预览，运营配置人员可参与活动进行活动推广前的验证。
具体流程如下：
①拖拽左侧组件至右侧内容区—>②点击右侧内容区的组件对指定组件进行组件大小、跳转地址、背景图片展示等调整配置操作—>③再在内容区进行组件展示位置的调整—>④点击保存存储配置文件信息生成真实活动链接—>⑤点击预览加载配置文件信息进行验证。
本具体实施方式将常用功能封装成对象组件，营销活动功能使用组件配置；使用H5拖拽式API的交互模式，进行营销活动配置；使用文件存储方式，降低了营销活动配置信息存储的复杂度。
本具体实施方式在配置营销活动前，需要产品明确营销活动功能出具需求文档，ui再根据产品的需求设计活动效果图及对应页面的切图提供给运营配置人员。
实施例1：配置一个领券的营销活动(如七、附图的附图三)，页面活动规则按钮点击后可跳转至活动规则页面，包括以下流程步骤：
1.新增活动：进入活动配置页面，新增一个活动，活动名称、活动开始时间、活动结束时间正确填写。
2.组件添加：将4个图片组件和2个领券组件拖拽至内容区块中
3.调整图片组件：将ui提供的活动切图上传至图片组件中，在对图片组件的顺序、大小、背景色进行调整；其中活动规则图片组件还需要配置调整链接。
4.领券组件调整：将2个领券组件的背景图片进行上传，配置好该组件的领券活动号、产品号、跳转链接、领券效果图等。
5.基础配置:在基础配置全局属性中调整该活动的全局样式、头部标题、页面埋点、分享配置等相关参数。
6.保存预览：点击下方的保存按钮，保存配置信息。可点击预览按钮，浏览器加载活动信息。
以上显示和描述了本发明的基本原理和主要特征和本发明的优点。本行业的技术人员应该了解，本发明不受上述实施例的限制，上述实施例和说明书中描述的只是说明本发明的原理，在不脱离本发明精神和范围的前提下，本发明还会有各种变化和改进，这些变化和改进都落入要求保护的本发明范围内。本发明要求保护范围由所附的权利要求书及其等效物界定。

Claims (2)

1.一种基于互联网保险的拖拽API交互营销活动配置方法，其特征在于，采用H5拖拽API式配置所见即所得的营销活动配置方式，具体包括以下步骤：
(1)、营销活动页面由左侧组件配置区、右侧拖拽内容区、下方预览保存区三个区域组成；
(2)、左侧组件配置区，除了区块中放置的使用JavaScript组件编写了常用组件外，还包括基础配置中进行全局属性的配置操作；区块中的常用组件部分包含基础容器组件、按钮组件、图片组件、领券组件，并且这些都通过代码被封装成对象组件；基础配置中包括全局样式、头部标题、分享配置及埋点配置能基本满足短期营销活动的用户分享及数据分析需求；
(3)、右侧拖拽内容区，通过HTML5的新特性拖拽API实现了将源对象拖拽至目标对象区域后，源对象进入该区域；即e.dataTransfer.setData方法存储了组件对象的信息，事件监听记录拖动的源对象，然后通过e.dataTransfer.getDat读取拖拽元素的id添加到对象区域；
对于运营配置人员来说就是左侧组件拖拽至内容区指定位置，然后对组件进行图片上传、名称修改、背景色设置、链接跳转的营销活动配置后，右侧拖拽内容区会实时展示配置效果；实现了所见即所得并且提高了活动配置效率也减少了配置出错；
(4)、下方预览保存区，点击保存后通过调用后端的保存接口，后端使用文件存储的方式将配置信息的文件地址存储至数据库中，并生成活动链接；点击预览前端加载配置文件的进行活动展示预览，运营配置人员可参与活动进行活动推广前的验证。
2.根据权利要求1所述的一种基于互联网保险的拖拽API交互营销活动配置方法，其特征在于，所述的步骤(4)的流程如下：
①拖拽左侧组件至右侧内容区—>②点击右侧内容区的组件对指定组件进行组件大小、跳转地址、背景图片展示等调整配置操作—>③再在内容区进行组件展示位置的调整—>④点击保存存储配置文件信息生成真实活动链接—>⑤点击预览加载配置文件信息进行验证。
CN202111666296.7A 2021-12-30 2021-12-30 一种基于互联网保险的拖拽api交互营销活动配置方法 Pending CN114546362A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111666296.7A CN114546362A (zh) 2021-12-30 2021-12-30 一种基于互联网保险的拖拽api交互营销活动配置方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111666296.7A CN114546362A (zh) 2021-12-30 2021-12-30 一种基于互联网保险的拖拽api交互营销活动配置方法

Publications (1)

Publication Number Publication Date
CN114546362A true CN114546362A (zh) 2022-05-27

Family

ID=81669517

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111666296.7A Pending CN114546362A (zh) 2021-12-30 2021-12-30 一种基于互联网保险的拖拽api交互营销活动配置方法

Country Status (1)

Country Link
CN (1) CN114546362A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115934068A (zh) * 2022-11-11 2023-04-07 中电金信软件有限公司 数据统计页面的生成方法、显示方法、服务器及移动终端

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115934068A (zh) * 2022-11-11 2023-04-07 中电金信软件有限公司 数据统计页面的生成方法、显示方法、服务器及移动终端

Similar Documents

Publication Publication Date Title
US10545976B2 (en) Automated presentation of information using infographics
US10755300B2 (en) Optimization of online advertising assets
US9098544B2 (en) Lifecycle marketing object oriented system and method
EP2732388B1 (en) Method for associating third party content with online document signing
JP6362602B2 (ja) デジタルトラフィックメトリックを処理するためのシステムおよび方法
US11113274B1 (en) System and method for enhanced data analytics and presentation thereof
US9043750B2 (en) Automated generation of two-tier mobile applications
US11361152B2 (en) System and method for automated content labeling
US20140136958A1 (en) Relating to distributed access infrastructure for a database
WO2019114136A1 (zh) H5活动页面的制作方法、电子装置及可读存储介质
US20130076756A1 (en) Data frame animation
US20170169474A1 (en) Internet-based display material system and internet-based display material producing method
US11436659B2 (en) Back end server modification and model visualization
US20160180408A1 (en) Systems and methods for a multi-channel, multi-touch marketing service
CN114546362A (zh) 一种基于互联网保险的拖拽api交互营销活动配置方法
US11128724B1 (en) Real-time interactive event analytics
CN113918144A (zh) 基于图像生成可复用页面的方法及系统
US20190318029A1 (en) Back End Server Modification And Visualization
US20200074510A1 (en) Systems and interfaces for managing content
US10083490B2 (en) Method and system for implementing a custom workspace for a social relationship management system
CN114564199A (zh) 一种生成使用页面的方法、装置、设备及可读存储介质
Dextras‐Romagnino et al. Segmentifier: Interactive refinement of clickstream data
US20190392024A1 (en) Digital Content Editing of a Document Object Model (DOM)
US20130076755A1 (en) General representations for data frame animations
CN115879756A (zh) 一种基于表单的动态工作流设计方法

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication