弹窗的生成方法、装置、电子设备及可读存储介质与流程

1.本技术涉及计算机技术领域，具体涉及一种弹窗的生成方法、装置、电子设备及可读存储介质。


背景技术：

2.弹窗是一种常用的提示方式，终端通过在页面上弹出并展示弹窗以向用户进行消息提示或推送，使用弹窗能够对用户的行为起到引导的作用。
3.但是现有技术中，弹窗的生成存在很多问题，以致于不能对用户的行为进行有效的引导和转化，如弹窗触发时机不合理，如以简单规则为驱动的触发机制，时机粗暴，难以吸引用户；又如弹窗弹出场景单一，与用户需求不匹配，很难实现用户行为的引导和转化；另外，为了挖掘哪种视觉表现对用户比较有吸引力，往往需要多种皮肤进行测试，每套皮肤均需要一套代码，需要消耗大量的人力和经济成本。


技术实现要素：

4.本技术实施例针对上述情况，提出了一种弹窗的生成方法、装置、电子设备及可读存储介质，以解决或部分解决上述问题。
5.第一方面，本技术实施例提供了一种弹窗的生成方法，应用于服务端，所述方法包括：
6.构建用于待生成弹窗的多个组件模块；
7.获取所述弹窗的生成配置参数，其中，所述生成配置参数包括：所述弹窗的类型配置参数和时机配置参数，以及各所述组件模块的配置参数；
8.将获取的生成配置参数发送至客户端，以使所述客户端根据所述生成配置参数生成并展示所述弹窗。
9.可选的，在上述方法中，所述构建用于生成弹窗的多个组件模块，包括：
10.将待生成弹窗划分为多个组件模块，其中，所述多个组件模块包括：头部皮肤模块、按钮模块、规则模块、第一主题色模块和第二主题色模块。
11.可选的，在上述方法中，所述多个组件模块还包括：倒计时模块。
12.可选的，在上述方法中，所述获取所述弹窗的生成配置参数，包括：
13.提供配置界面，通过所述配置界面接收所述弹窗的生成配置参数，其中，所述配置界面包括类型参数控件、时机参数控件、以及多个组件模块参数控件；
14.其中，所述类型参数控件的可选取项包括：信封样式、开封样式和场景样式；
15.所述时机参数控件的可选取项或可填写项是根据弹窗的触发时机或触发场景配置的。
16.可选的，在上述方法中，所述多个组件模块参数控件包括：头部皮肤参数控件，所述头部皮肤参数控件包括多个第一子控件，所述多个第一子控制包括头部高度子控件、弹窗名称子控件、权益内容子控件；
17.其中，所述头部高度子控件的可填写项或可选择项是根据所述弹窗的设计高度配置的；
18.所述弹窗名称子控件的可填写项中的字数处于预设范围；
19.所述权益内容子控件是针对权益金额和满减规则配置的。
20.可选的，在上述方法中，所述多个组件模块参数控件包括：按钮参数控件；所述按钮参数控件包括多个第二子控件，所述多个第二子控件包括按钮高度子控件和按钮跳转子控件；
21.其中，所述按钮高度子控件的可填写项或可选择项是根据所述弹窗的设计高度配置的；
22.所述按钮跳转子控件是根据响应于对按钮的点击是否进行跳转配置的。
23.可选的，在上述方法中，所述多个组件模块参数控件包括：倒计时参数控件；
24.所述倒计时参数控件的可选取项包括：有倒计时和无倒计时。
25.可选的，在上述方法中，所述多个组件模块参数控件包括：规则参数控件；
26.所述规则参数控件的可选项包括：显示规则图标和不显示规则图标。
27.可选的，在上述方法中，所述配置界面还包括：第一文本主题色控件和第二文本主题色控件；
28.其中，所述第一文本主题色控件的可选项是针对第一文本配置的，其中，所述第一文本包括：弹窗名称、权益金额和满减规则；
29.所述第二文本主题色控件的可选项是针对第二文本配置的，其中，所述第二文本包括：倒计时、使用细则。
30.第二方面，本技术实施例还提供了一种弹窗的生成方法，应用于客户端，所述方法包括：
31.接收服务端发送的弹窗的生成配置参数，所述生成配置参数包括类型配置参数、时机配置参数，以及各组件模块的配置参数；
32.解析所述生成配置参数，获取所述弹窗的触发时机、弹窗类型以及各组件模块中各元素的显示配置参数；
33.按照所述弹窗触发时机，调用与所述弹窗类型对应的弹窗架构，根据所述各元素的显示配置参数，对所述弹窗架构进行渲染，生成并显示所述弹窗。
34.可选的，在上述方法中，所述各元素的显示配置参数包括各元素的设计宽度、设计高度与基准屏幕宽度，其中，所述基准屏幕宽度为预设的基准客户端的屏幕宽度；
35.所述根据所述各元素的显示配置参数，对所述弹窗架构进行渲染，包括：
36.读取所述客户端的屏幕宽度，并确定所述弹窗的各元素的展示宽度，其中，对于一个元素，其展示宽度根据所述屏幕宽度、该元素的设计宽度与所述基准屏幕宽度确定；
37.确定所述弹窗的各元素的展示高度，其中，对于一个元素，其展示高度根据所述展示宽度、该元素的设计高度和设计宽度确定；
38.根据各元素的展示宽度和展示高低，对所述弹窗架构进行渲染。
39.可选的，在上述方法中，一个元素的展示宽度的确定方法包括：
40.确定所述屏幕宽度与该元素的设计宽度的第一乘积值；
41.确定所述第一乘积值与所述基准屏幕宽度的第一商值，并将所述第一商值作为该
元素的展示宽度；
42.一个元素的展示高度的确定方法包括：
43.确定该元素的展示高度与所述设计高度的第二乘积值；
44.确定所述第二乘积值与所述设计宽度的第二商值，并将所述第二商值作为该元素的展示高度。
45.可选的，在上述方法中，所述一个元素的展示宽度的确定方法还包括：
46.将所述第一商值采用四舍五入方法取整，将取整得到的数值作为该元素的展示宽度；
47.所述一个元素的展示高度的确定方法还包括：
48.将所述第二商值采用四舍五入方法取整，将取整得到的数值作为该元素的展示高度。
49.可选的，在上述方法中，所述弹窗触发时机为时间表达式或场景触发规则；
50.所述按照所述弹窗触发时机，调用与所述弹窗类型对应的弹窗架构，根据所述各元素的显示配置参数，对所述弹窗架构进行渲染，生成并显示所述弹窗，包括：
51.根据所述时间表达式确定所述弹窗的弹出时间，若当前时间到达所述弹出时间，则执行所述调用与所述弹窗类型对应的弹窗架构，根据所述各元素的显示配置参数，对所述弹窗架构进行渲染，生成并显示所述弹窗的步骤；
52.或者；
53.确定当前场景满足所述场景触发规则，则执行所述调用与所述弹窗类型对应的弹窗架构，根据所述各元素的显示配置参数，对所述弹窗架构进行渲染，生成并显示所述弹窗的步骤。
54.第三发明，本技术实施例还提供了一种弹窗的生成装置，所述生成装置用于执行前述任一的方法。
55.第四方面，本技术实施例还提供了一种电子设备，包括：处理器；以及被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行上述任一的方法。
56.第五方面，本技术实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被包括多个应用程序的电子设备执行时，使得所述电子设备执行上述任一的方法。
57.本技术实施例采用的上述至少一个技术方案能够达到以下有益效果：
58.本技术通过将待生成弹窗构建为多个组件模块，并获取到的弹窗的类型配置参数、时机配置参数，以及各组件模块的配置参数，并下发弹窗的生成配置信息，以在客户端生成弹窗并进行显示。本技术一方面通过对弹出的模块化处理，实现了“一码多肤”的弹窗生成方式，即一套代码可以支持多种皮肤的弹窗的生成，极大的节约了弹窗开发及测试成本；另一方面，可以通过对弹窗的多种生成参数的配置，实现弹窗弹出策略的精细化，如场景的多样化、时机的精准化，极大程度上促进了用户对弹窗的感知力，并提高了用户行为的转化率。
附图说明
59.此处所说明的附图用来提供对本技术的进一步理解，构成本技术的一部分，本技术的示意性实施例及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
60.图1示出根据本技术的一个实施例的弹窗的生成方法的应用环境示意图；
61.图2示出根据本技术的一个实施例的弹窗的生成方法的流程示意图；
62.图3示出了根据本技术的一个实施例的弹窗的可视化示意图；
63.图4-a示出了根据本技术的另一个实施例的弹窗的可视化示意图；
64.图4-b示出了根据本技术的又一个实施例的弹窗的可视化示意图；
65.图5示出了根据本技术的一个实施例的弹窗的生成系统的结构示意图；
66.图6示出了根据本技术的另一个实施例的弹窗的生成方法的流程示意图
67.图7示出根据本技术的一个实施例的弹窗的生成装置的结构示意图；
68.图8示出根据本技术的另一个实施例的弹窗的生成装置的结构示意图；
69.图9为本技术实施例中一种电子设备的结构示意图。
具体实施方式
70.为使本技术的目的、技术方案和优点更加清楚，下面将结合本技术具体实施例及相应的附图对本技术技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
71.以下结合附图，详细说明本技术各实施例提供的技术方案。
72.本技术的构思在于，通过将待生成弹窗构建为多个组件模块，并获取到的弹窗的类型配置参数、时机配置参数，以及各组件模块的配置参数，生成弹窗并将其发送至客户端，以在客户端进行渲染和显示。通过对弹窗的模块化处理，以及根据配置参数生成弹窗的技术手段，可实现“一码多肤”的弹窗生成方式，极大的节约了弹窗开发及测试成本；且支持通过参数配置，实现了对弹窗触发的灵活控制。
73.本技术实施例提供的弹窗的生成方法，可应用在如图1的应用环境中，其中，客户端通过网络与服务端进行通信连接。服务端将弹窗的生成配置参数发送到客户端，客户端根据获取到的生成配置参数对弹窗进行渲染和显示，以对用户的行为进行引导和转化。客户端可以但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。服务端可以用独立的服务器或者是多个服务器组成的服务器集群来实现。下面通过具体的实施例对本技术进行详细的描述。
74.图2示出根据本技术的一个实施例的弹窗的生成方法的流程示意图，从图2所示的方法，本技术至少包括步骤s210～步骤s240：
75.步骤s210：构建用于待生成弹窗的多个组件模块。
76.现有技术中，对于用户来说，弹窗从视觉上看是一个图片的形式，显示在终端屏幕上，图片中可以有一些可以点击的按钮，通常来讲，现有技术中，是将弹窗在客户端写“死”的，也就是不能变化的。因此，弹窗通常采用“一肤一码”的方式，即一套皮肤就需要一套代码支持，为了测试哪种皮肤的弹窗对用户最有吸引力，往往需要编写多套代码来实现皮肤测试实验，需要耗费大量的开发和测试成本。另一方面，在现有技术中，弹窗在弹出时，通常
是在根据简单的规则驱动弹出，如当用户在客户端浏览到某一个app的首页时即弹出，这种弹出方式简单粗暴，与用户需要匹配度低，很难做到对用户行为形成一个有效的引导；且弹窗弹出的场景也很单一，基本只是在用户浏览首页的情况弹出，缺乏对用户意图和情景的感知能力。
77.为此，本技术提供了一种弹窗的生成方法，首先，构建用于生成弹窗的多个组件模块，具体的，可参考图3，图3示出了根据本技术的一个实施例的弹窗的可视化示意图，从图3可以看出，在本实施例中，组成该弹窗300的多个组件模块包括第一模块310、第二模块320以及第三模块330，将第一模块310、第二模块320以及第三模块330拼合在一起即可组成弹窗300。需要说明的是，图3仅作为示例性的说明，在实际场景中，各组件模块之前可能有重叠，还有可能具有文字、图像等等元素。
78.步骤s220：获取所述弹窗的生成配置参数，其中，所述生成配置参数包括：所述弹窗的类型配置参数和时机配置参数，以及各所述组件模块的配置参数。
79.然后获取弹窗的生成配置参数，也就是说，本技术中的弹窗的生成是支持个性化设置的。如对于一个权益弹窗来讲，可设置的参数或者项目包括但不限于弹窗名称、金额、门槛、行动点、使用规则，以及倒计时的有无等等。
80.具体的配置参数包括但不限于弹窗的类型配置参数、时机配置参数，以及各组件模块的配置参数等等。
81.其中，通过配置类型配置参数可以控制弹窗的类型，如弹窗类型可以为但不限于对话框(alert)、控制面板(action sheets)、小提示(toast)、快捷提示(snackbar)等等。
82.通过配置时机配置参数可以控制弹窗弹出的时机，这里所说的“时机”可以通过时间控制，也可以通过场景控制，如可以支持全局页面展示，包括但不限于搜索结果页面、后续需要覆盖频道、购后等场景。
83.在本技术的另一些实施例中，在支持全局页面展示的同时，还支持指定页面展示，如根据配置的一个或几个的投放页面在指定页面范围内进行展示。如当用户浏览到指定页面时，即可触发目标弹窗的生成。
84.在本技术的另一些实施例中，还支持根据展位维度和/或内容维度进行疲劳度的配置，如在同一场景下，连续多次或者持续一段时间，弹出弹窗，但是不能有效引导用户的行为，则可以取消弹窗再次弹出。
85.生成配置参数还包括各组件模块的配置参数，各组件的配置参数可以包括图片样式、图片大小、文字内容等等。
86.本技术对需要配置的参数不作限制，可根据欲生成的弹窗的效果确定或增减。
87.步骤s230：将获取的生成配置参数发送至客户端，以使所述客户端根据所述生成配置参数生成并展示所述弹窗。
88.在获取到弹窗的生成配置参数后，可将这些参数生成弹窗下发到客户端，客户端根据接收的生成配置参数对弹窗进行渲染，并显示生产的弹窗，其中对于一些未配置的参数可依据默认值。
89.需要说明的是，在客户端预置有弹窗架构，客户端在接收到生成配置参数虎，当到达触发时机，依据预置的弹窗架构和接收的生成配置参数进行渲染即可。另需要说明的是，服务端何时下发弹窗的生成配置信息式可以灵活掌握的，如弹窗主要针对一个促销活动设
置，则可以在促销活动前整体下发，使得客户端根据时机配置参数获取触发时机，进行弹窗的渲染和显示。也可以在促销活动过程中，根据时机配置参数下发，如若在时机配置参数包含定时表达式，服务端则按照定时表达式中的各时刻下发弹窗的生成配置参数；若在时机配置参数中包含场景的配置，就响应于对客户端中目标产品的点击或指定页面的跳转，下发生成配置参数，由此，通过对时机配置参数的配置实现了对弹窗弹出时机的灵活控制。
90.最后，客户端将生成的弹窗在其屏幕上进行展示。
91.由图2所示的方法可以看出，本技术通过将待生成弹窗构建为多个组件模块，并获取到的弹窗的类型配置参数、时机配置参数，以及各组件模块的配置参数，并下发弹窗的生成配置信息，以在客户端生成弹窗并进行显示。本技术一方面通过对弹出的模块化处理，实现了“一码多肤”的弹窗生成方式，即一套代码可以支持多种皮肤的弹窗的生成，极大的节约了弹窗开发及测试成本；另一方面，可以通过对弹窗的多种生成参数的配置，实现弹窗弹出策略的精细化，如场景的多样化、时机的精准化，极大程度上促进了用户对弹窗的感知力，并提高了用户行为的转化率。
92.在本技术的一些实施例中，在上述方法中，所述构建用于生成弹窗的多个组件模块，包括：将待生成弹窗划分为多个组件模块，其中，所述多个组件模块包括：头部皮肤模块、按钮模块、底部皮肤模块、第一主题色模块和第二主题色模块。在本技术的另一些实施例中，所述多个组件模块还包括：倒计时模块。
93.本技术对弹窗的划分方式不作限制，凡是能够覆盖弹窗，各种合理的划分方式均可。如图4-a和图4-b所示，图4-a示出了根据本技术的另一个实施例的弹窗的可视化示意图，图4-b示出了根据本技术的又一个实施例的弹窗的可视化示意图，图4-a和图4-b显示的弹窗均为权益弹窗，从图4-a可以看出，组成该弹窗400-1的多个组件模块包括头部皮肤模块410、按钮模块420、规则模块430、第一主题色模块440和第二主题色模块450；从图4-b可以看出，组成该弹窗400-2不仅包括头部皮肤模块410、按钮模块420、规则模块430、第一主题色模块440和第二主题色模块450，还包括：倒计时模块460。
94.在本技术的一些实施例中，在上述方法中，所述获取所述弹窗的生成配置参数，包括：提供配置界面，通过所述配置界面接收所述弹窗的生成配置参数，其中，所述配置界面包括类型参数控件、时机参数控件、以及多个组件模块的参数控件。为了方便工作人员操作，在本技术的一些实施例中，在服务端可提供可视化的配置界面，使得工作人员可以在可视化配置界面上进行弹窗的生成配置参数的设置。该配置界面可以直接显示在服务端设置的服务器的屏幕上，也可以显示在相关工作人员的终端上，在实际场景中，后者是常见的形式。如图5所示，图5示出了根据本技术的一个实施例的弹窗的生成系统的结构示意图，从图5可以看出，弹窗的生成系统500包括服务端510和至少一个客户端520，其中服务端510包括服务器511和运营终端512，服务端510和客户端520通信连接，具体的，为服务器511与客户端520通信连接，且服务器511与运营终端512还通信连接。
95.服务器511提供可视化的配置界面，显示在运营终端512，在配置界面中设有多个控件，运营人员在运营终端512通过填写或者选择的方式对弹窗的生成配置参数进行设置，服务器511通过所述配置界面接收所述弹窗的生成配置参数，并在合适时机，发送至客户端520，以使客户端520根据生成配置参数生成弹窗。
96.在配置界面配置多个控件，包括但不限于弹窗的类型参数控件、弹窗的时机参数
控件、以及多个组件模块的参数控件。如果根据需要还需要其他参数，也可以根据需要增加或减少控件。
97.在本技术的一些实施例中，若弹窗为资源或者权益弹窗，为了适用不同的场景，其弹窗的类型参数控件的可选项可以包括：信封样式、开封样式和场景样式。工作人员在配置界面只需要进行选择，即可控制弹窗的类型。
98.时机参数控件可设置为可选取的或可填写的，其可以根据弹窗的触发时机或触发场景配置的，简单理解触发时机可以包含定时表达式，则按照定时表达式中的各时刻生成弹窗，如每一个小时弹窗一次；若在时机配置参数中包含场景的配置，如响应于对客户端中目标产品的点击或指定页面的跳转，就生成弹窗，由此，通过对时机配置参数的配置实现了对弹窗弹出时机的灵活控制。在本技术的另一些实施例中，也可以配置对接算法，由算法进行弹窗的样式决策。
99.多个控件还可以包括但不限于多个组件模块的参数控件，每个组件模块的参数控件对应一个组件模块，以图4-b所示的弹窗为例，弹窗400-2包括6个组件模块，分别为头部皮肤模块410、按钮模块420、规则模块430、第一文本模块440、第二文本模块450和倒计时模块460。在此情况下，多个组件模块的参数控件包括头部皮肤参数控件、按钮参数控件、倒计时参数控件、规则参数控件、第一文本主题色控件和第二文本主题色控件。其中，头部皮肤参数控件对应头部皮肤模块410，按钮参数控件对应按钮模块420，倒计时参数控件对应倒计时模块460，规则参数控件对应规则模块430，第一文本主题色控件对应第一文本模块440，以及第二文本模块450对应第二文本主题色控件。
100.上述控件中，头部参数控件包括但不限于多个第一子控件，多个第一子控制包括头部高度子控件、弹窗名称子控件、权益内容子控件等等，可以根据需要增设或减少。
101.其中，所述头部高度子控件的可填写项或可选择项是根据弹窗的设计高度配置的。在设计弹窗时，可以对弹窗的大小进行预设计，假设一个设备的屏幕尺寸为基准，如是针对手机屏幕设计的弹窗，可以先以750px*1860px为基准来设计弹窗大小，此时弹窗会有一个初始的设计高度和设计宽度。在本实施例中，弹窗的头部高度是可配置的，如头部高度子控件的可填写项或可选择项可以根据弹窗的设计高度配置的，以供工作人员可以选择或者填写。
102.在本技术的另一些实施例中，也可以设置一些固定值，以对弹窗中的组件模块进行限定，如设置头部皮肤组件内的内文字或某个组件一直与弹窗顶端保持16px不变。
103.所述弹窗名称子控件的可填写项中的字数处于预设范围，对于弹窗名称子控件中的内容可配置为自定义文案，以供工作人员填写，当然可以对其填写规则进行设置，如字数在2～10个字范围内。
104.所述权益内容子控件是针对权益金额和满减规则配置的，对于权益内容子控件主要是针对弹窗中包含的权益进行设计的，如包含优惠金额，还包括权益的满减规则等，在本技术的一些实施例中，这些参数可以人为设置；在本技术的另一些实施例中，也可以设置一些超连接，使得在进行权益金额或者满减规则时，可以转至超链接进行读取，这样无需一一进行配置，如权益金额可以读取百川券金额，使用规则可以读取百川券使用门槛，如果读取到金额门槛》0，则显示“满n元可用”(n＝使用最低金额)，如果读取到门槛金额＝0，则显示“无门槛”。
105.此外弹窗样式还可以包括是否膨胀等样式，可以以文字的形式的显示在弹窗中。
106.上述控件中，所述多个组件模块参数控件包括：按钮参数控件；所述按钮参数控件包括多个第二子控件，所述多个第二子控件包括按钮高度子控件和按钮跳转子控件。其中，所述按钮高度子控件的可填写项或可选择项是根据所述弹窗的设计高度配置的，也就是说，同头部皮肤模块410，按钮模块420高度的也是可配置的。所述按钮跳转子控件是根据响应于对按钮的点击是否进行跳转配置的，在按钮模块中，有可点击的按钮，在对按钮模块对应的按钮模块420进行配置，可对在响应于对按钮的点击操作时否发生跳转进行配置，若配置为不跳转，则响应于对按钮的点击操作，直接关闭弹窗；若配置为跳转，则响应于对按钮的点击操作，可跳转指定连接，如百川券配置链接，为了防止配置的内容，对配置均可备注加以说明。
107.上述控件中，所述多个组件模块的参数控件包括：倒计时参数控件；所述倒计时参数控件的可选取项包括：有倒计时和无倒计时。对于权益类的弹窗来说，是为了更好的促进用户行为的转化，对此，可以设置一个显示倒计时的弹窗，来提醒用户使用权益；当然对一些长期有效的权益，也可以设置不显示倒计时。在倒计时参数控件中，选取有倒计时选项，在弹窗中则显示倒计时样式，若选择无倒计时选项，在弹窗中则无倒计时样式。在本技术的一些实施例中，倒计时通常为动态数字，当剩余时间不足24小时，可显示：剩余xx：xx：xx结束；当剩余时间超过24小时，可显示：剩余x天xx：xx：xx结束。
108.在本技术的一些实施例中，所述多个组件模块参数控件包括：规则参数控件；所述规则参数控件的可选项包括：显示规则图标和不显示规则图标。对于一些权益弹窗中权益的使用细则，可以设置显示规则图标和不显示规则图标，以使用户可以通过点击规则图标来查看详细的规则说明。
109.在本技术的一些实施例中，所述配置界面还包括：第一文本主题色控件和第二文本主题色控件；其中，所述第一文本主题色控件的可选项是针对第一文本配置的，其中，所述第一文本包括：弹窗名称、权益金额和满减规则；所述第二文本主题色控件的可选项是针对第二文本配置的，其中，所述第二文本包括：倒计时、使用细则。
110.为了达到比较好的视觉效果，对于弹窗的文字可以设置文本主题色控件，通过对文本主题色控件的配置，控制弹窗中文字的颜色，如本实施例中，设有第一文本主题色控件和第二文本主题色控件；其中，所述第一文本主题色控件的可选项是针对弹窗名称、权益金额和满减规则配置的；所述第二文本主题色控件的可选项是针对倒计时、使用细则配置的。
111.需要说明的是，上述各控件均可以根据需要设置成必填项或者选填项。
112.此外，在本技术的一些实施例中，还可以根据需要对弹窗添加一些固定文本以及关闭弹窗按钮等。
113.在本技术的一些实施例中，弹窗的组件的皮肤的形式可以为多种，如apng格式、以及异形、动画、发光、阴影等多种特殊效果。
114.图6示出了根据本技术的另一个实施例的弹窗的生成方法的流程示意图，该方法应用于客户端，所述方法至少包括步骤s610～步骤s630：
115.步骤s610：接收服务端发送的弹窗的生成配置参数，所述生成配置参数包括类型配置参数、时机配置参数，以及各组件模块的配置参数。
116.步骤s620：解析所述生成配置参数，获取所述弹窗的触发时机、弹窗类型以及各组
件模块中各元素的显示配置参数；
117.步骤s630：按照所述弹窗触发时机，调用与所述弹窗类型对应的弹窗架构，根据所述各元素的显示配置参数，对所述弹窗架构进行渲染，生成并显示所述弹窗。
118.请参考图1，客户端接收服务端发送的弹窗的生成配置参数，解析生成配置参数可至少获取到弹窗的触发时机、弹窗类型和弹窗多个组件模块中的各元素的显示配置参数，当当前时间或者场景满足触发时机的情况下，可调用与所述弹窗类型对应的弹窗架构，弹窗架构是提前预置在客户端的，然后根据各元素的显示配置参数，对所述弹窗架构进行渲染，即可生成弹窗，可将生成的弹窗在客户端的屏幕显示，以引导用户的行为。
119.本技术通过将弹窗划分为多个组件模块进行渲染，实现了“一码多肤”的弹窗生成方式，即一套代码可以支持多种皮肤的弹窗的生成，极大的节约了弹窗开发及测试成本；另一方面，可以通过对弹窗的多种生成参数的配置，实现弹窗弹出策略的精细化，如场景的多样化、时机的精准化，极大程度上促进了用户对弹窗的感知力，并提高了用户行为的转化率。
120.现有技术中，弹窗的常见大小为具体数值，即固定值，这导致在不同屏幕尺寸的客户端设备上显示出的效果不一致，对此，本技术实施例还提供了一种能够适配多种终端屏幕的弹窗生成方法，可以通过读取弹窗的生成配置参数，根据生成配置参数对弹窗中各元素的显示效果进行调整，以保障显示效果的一致性。整体构思在于，客户端对弹窗种的各原始视图做等比缩放，包括全部元素，如边距、字体、图片等，从而更有效保证设计在不同分辨率的设备上显示效果的一致性。
121.在本技术的一些实施例中，所述各元素的显示配置参数包括各元素的设计宽度、设计高度与基准屏幕宽度，其中，所述基准屏幕宽度为预设的基准客户端的屏幕宽度；所述根据所述各元素的显示配置参数，对所述弹窗架构进行渲染，包括：读取所述客户端的屏幕宽度，并确定所述弹窗的各元素的展示宽度，其中，对于一个元素，其展示宽度根据所述屏幕宽度、该元素的设计宽度与所述基准屏幕宽度确定；确定所述弹窗的各元素的展示高度，其中，对于一个元素，其展示高度根据所述展示宽度、该元素的设计高度和设计宽度确定；根据各元素的展示宽度和展示高度，对所述弹窗架构进行渲染。
122.如前所述，在设计弹窗时，可以对弹窗中的各元素的大小进行预设，具体的，可以预设一个客户端设备的屏幕大小作为基准，将该客户端记为基准客户端，该基准客户端可以理解为欲使弹窗显示的目标客户端。将基准客户端的宽度记为基准屏幕宽度，在本技术的一些实施例中，假设设计的基准屏幕宽度为750px。
123.在基准屏幕宽度为基准，设计弹窗中各元素的尺寸，将设计出的弹窗的宽度记为设计宽度，将设计出的弹窗的高度记为设计高度。
124.由于各个客户端的尺寸均不同，在对弹窗中的各元素进行缩放时，可读取目标客户端的屏幕宽度，根据读取到的屏幕宽度进行后续的缩放。
125.然后根据获取到的各元素的设计宽度、设计高度以及基准屏幕宽度，对各元素进行等比缩放，即确定出各元素的展示宽度以及展示高度，其中，展示宽度即为弹窗在目标客户端的显示出的宽度，展示高度为弹窗在目标客户端的显示出的高度。通过缩放可以将各个元素缩放为设计大小的90％、110％等不同比例，从而实现视觉上的一致性。
126.其中，在展示弹窗时，对于一个元素，其展示宽度可以根据所述屏幕宽度、该元素
的设计宽度与所述基准屏幕宽度确定；其展示高度根据所述展示宽度、该元素的设计高度和设计宽度确定。
127.在本技术的一些实施例中，一个元素的展示宽度的确定方法包括：确定所述屏幕宽度与该元素的设计宽度的第一乘积值；确定所述第一乘积值与所述基准屏幕宽度的第一商值，并将所述第一商值作为该元素的展示宽度；一个元素的展示高度的确定方法包括：确定该元素的展示高度与所述设计高度的第二乘积值；确定所述第二乘积值与所述设计宽度的第二商值，并将所述第二商值作为该元素的展示高度。
128.具体的，对于一个元素而言，该元素的展示宽度为第一乘积值与基准屏幕宽度的第一商值，其中，第一乘积值为屏幕宽度与该元素设计宽度的乘积值，将其总结为一个公式：该元素的展示宽度＝(屏幕宽度*该元素的设计宽度)/基准屏幕宽度。
129.该元素的该元素的第二乘积值与该元素的设计宽度的第二商值，其中，所述第二乘积值为该元素的展示宽度与设计高度的乘积值，将其总结为一个公式：(展示宽度*设计高度)/设计宽度。
130.在确定出各元素的展示高度和展示宽度，按照各元素的展示高度和展示宽度对各元素展示，各元素包括字体大小、边距和填充等等。
131.在本技术的一些实施例中，由于操作系统为了兼容同一个尺寸在不同分辨率的设备上的幂等，采用的单位不是px，为了避免有些设备会有1px的差距，可以对确定出的各元素的展示宽度和展示高度的结果做取整运算，如采用四舍五入的原则进行取整，具体的，对于一个元素而言，分别对将所述第一商值采用四舍五入方法取整，将取整得到的数值作为该元素的展示宽度；将所述第二商值采用四舍五入方法取整，将取整得到的数值作为该元素的展示高度。
132.由图6所示的方法可以看出，本技术实施例示出了一种可在多终端屏幕适配的弹窗生成方法，基于上述策略对弹窗中的每个元素进行等比缩放，保障了弹窗在不同分辨率的设备上显示效果的一致性。
133.在本技术的一些实施例中，在上述方法中，所述弹窗触发时机为时间表达式或场景触发规则；所述按照所述弹窗触发时机，调用与所述弹窗类型对应的弹窗架构，根据所述各元素的显示配置参数，对所述弹窗架构进行渲染，生成并显示所述弹窗，包括：根据所述时间表达式确定所述弹窗的弹出时间，若当前时间到达所述弹出时间，则执行所述调用与所述弹窗类型对应的弹窗架构，根据所述各元素的显示配置参数，对所述弹窗架构进行渲染，生成并显示所述弹窗的步骤；或者；确定当前场景满足所述场景触发规则，则执行所述调用与所述弹窗类型对应的弹窗架构，根据所述各元素的显示配置参数，对所述弹窗架构进行渲染，生成并显示所述弹窗的步骤。
134.由于服务端下发弹窗的配置参数可以是事先下发，也可以根据时机配置参数下发，客户端在接收到服务端下发的生成配置参数后，通常会进行二次校验，在满足弹窗的触发时机的情况下，对弹窗进行渲染。
135.在弹窗触发时机包括但不限于时间表达式、场景触发规则等，若根据所述时间表达式确定所述弹窗的弹出时间，若当前时间到达所述弹出时间，则确定弹窗满足触发时机，如通过时间表达式，确定触发时间为下午15：00，即下午茶时间，则执行所述调用与所述弹窗类型对应的弹窗架构，根据所述各元素的显示配置参数，对所述弹窗架构进行渲染，生成
并显示所述弹窗的步骤；或者当前场景满足所述场景触发规则，如响应于用户对目标产品的点击等，则执行所述调用与所述弹窗类型对应的弹窗架构，根据所述各元素的显示配置参数，对所述弹窗架构进行渲染，生成并显示所述弹窗的步骤。也就是说，本技术中，支持灵活设置弹窗的触发时机，更高更好的实现对用户行为的引导和转化。
136.图7示出根据本技术的一个实施例的弹窗的生成装置的结构示意图，弹窗的生成装置700应用于服务端(图1)，从图7可以看出，弹窗的生成装置700包括：
137.构建单元710，用于构建用于生成弹窗的多个组件模块；
138.获取单元720，用于获取所述弹窗的生成配置参数，其中，所述生成配置参数包括：所述弹窗的类型配置参数和时机配置参数，以及各所述组件模块的配置参数；
139.发送单元730，用于将获取的生成配置参数发送至客户端，以使所述客户端根据所述生成配置参数生成并展示所述弹窗。
140.在本技术的一些实施例中，在上述装置中，所述构建单元610，用于将待生成弹窗划分为多个组件模块，其中，所述多个组件模块包括：头部皮肤模块、按钮模块、规则模块、第一主题色模块和第二主题色模块。
141.在本技术的一些实施例中，在上述装置中，所述多个组件模块还包括：倒计时模块。
142.在本技术的一些实施例中，在上述装置中，所述第一获取单元620，用于提供配置界面，通过所述配置界面接收所述弹窗的生成配置参数，其中，所述配置界面包括类型参数控件、时机参数控件、以及多个组件模块参数控件；其中，所述类型参数控件的可选取项包括：信封样式、开封样式和场景样式；所述时机参数控件的可选取项或可填写项是根据弹窗的触发时机或触发场景配置的。
143.在本技术的一些实施例中，在上述装置中，所述多个组件模块参数控件包括：头部皮肤参数控件，所述头部皮肤参数控件包括多个第一子控件，所述多个第一子控制包括头部高度子控件、弹窗名称子控件、权益内容子控件；其中，所述头部高度子控件的可填写项或可选择项是根据所述弹窗的设计高度配置的；所述弹窗名称子控件的可填写项中的字数处于预设范围；所述权益内容子控件是针对权益金额和满减规则配置的。
144.在本技术的一些实施例中，在上述装置中，所述多个组件模块参数控件包括：按钮参数控件；所述按钮参数控件包括多个第二子控件，所述多个第二子控件包括按钮高度子控件和按钮跳转子控件；其中，所述按钮高度子控件的可填写项或可选择项是根据所述弹窗的设计高度配置的；所述按钮跳转子控件是根据响应于对按钮的点击是否进行跳转配置的。
145.在本技术的一些实施例中，在上述装置中，所述多个组件模块参数控件包括：倒计时参数控件；所述倒计时参数控件的可选取项包括：有倒计时和无倒计时。
146.在本技术的一些实施例中，在上述装置中，所述多个组件模块参数控件包括：规则参数控件；所述规则参数控件的可选项包括：显示规则图标和不显示规则图标。
147.在本技术的一些实施例中，在上述装置中，所述配置界面还包括：第一文本主题色控件和第二文本主题色控件；其中，所述第一文本主题色控件的可选项是针对第一文本配置的，其中，所述第一文本包括：弹窗名称、权益金额和满减规则；所述第二文本主题色控件的可选项是针对第二文本配置的，其中，所述第二文本包括：倒计时、使用细则。
architecture，扩展工业标准结构)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图9中仅用一个双向箭头表示，但并不表示仅有一根总线或一种类型的总线。
159.存储器，用于存放程序。具体地，程序可以包括程序代码，所述程序代码包括计算机操作指令。存储器可以包括内存和非易失性存储器，并向处理器提供指令和数据。
160.处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行，在逻辑层面上形成弹窗的生成装置。处理器，执行存储器所存放的程序，并具体用于执行前述任一方法。
161.上述如本技术图7或8所示实施例揭示的弹窗的生成装置执行的方法可以应用于处理器中，或者由处理器实现。处理器可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器可以是通用处理器，包括处理器(central processing unit，cpu)、网络处理器(network processor，np)等；还可以是数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)、现场可编程门阵列(field－programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本技术实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本技术实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器，处理器读取存储器中的信息，结合其硬件完成上述方法的步骤。
162.该电子设备还可执行图7或8中弹窗的生成装置执行的方法，并实现弹窗的生成装置在图7或8所示实施例的功能，本技术实施例在此不再赘述。
163.本技术实施例还提出了一种计算机可读存储介质，该计算机可读存储介质存储一个或多个程序，该一个或多个程序包括指令，该指令当被包括多个应用程序的电子设备执行时，能够使该电子设备执行图7或8所示实施例中弹窗的生成装置执行的方法，并具体用于执行前述任一方法。
164.本领域内的技术人员应明白，本技术的实施例可提供为方法、系统、或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
165.本技术是参照根据本技术实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
166.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
167.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
168.在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。
169.内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)。内存是计算机可读介质的示例。
170.计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
171.还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
172.本领域技术人员应明白，本技术的实施例可提供为方法、系统或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
173.以上所述仅为本技术的实施例而已，并不用于限制本技术。对于本领域技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本技术的权利要求范围之内。