CN113900760A - 一种弹窗展示方法和装置 - Google Patents

Abstract

本发明实施例提供了一种弹窗展示方法和装置，所述方法包括：响应弹窗开启指令，目标弹窗的弹窗层级；获取当前处于开启状态的弹窗所设定的已有层级，并基于所述已有层级设置所述目标弹窗的弹窗层级；根据根据当前处于开启状态的弹窗所设定的已有层级，以及所述目标弹窗的弹窗层级，将与所设定的已有层级相应的弹窗和所述目标弹窗同时展示在当前界面。通过基于合理利用层级区间动态设置运营类型弹窗的层级，将属于运营活动的弹窗放在同一维度进行管理，且能够基于对弹窗层级的设置实现“后打开置顶，聚焦置顶”的规则，使得在基于规范管理运营类型弹窗的情况下减少用户操作，帮助用户快速定位期望查看的内容，提升用户对弹窗的互动体验。

Description

一种弹窗展示方法和装置

技术领域

本发明涉及计算机技术领域，特别是涉及一种弹窗展示方法和一种弹窗展示装置。

背景技术

在web前端的交互页面中，通常需要借助弹窗进行内容展示，借助弹窗进行内容真实的方式，可以使得用户在查看弹窗内容的同时不会关闭当前页面的信息，在不会影响到用户对交互界面上其他区域进行操作的同时，提升用户对当前交互页面的体验感。例如，运营策划人员会在直播间内投放各种各样的运营活动，用户在观看直播的过程中，可以通过参与运营活动来增强与主播之间的互动，推动直播间气氛，进而提高用户和主播的留存率。

其中，上述所提供的运营活动一般是通过弹窗方式打开的页面，每个运营活动所对应的弹窗，即同属运营活动的弹窗不在同一维度，无法对其采用统一的层级机制进行管理。

发明内容

鉴于上述问题，提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种弹窗展示方法和相应的一种弹窗展示装置。

本发明实施例公开了一种弹窗展示方法，所述方法包括：

响应弹窗开启指令，开启目标弹窗；

获取当前处于开启状态的弹窗所设定的已有层级，并基于所设定的已有层级设置所述目标弹窗的弹窗层级；

根据当前处于开启状态的弹窗所设定的已有层级，以及所述目标弹窗的弹窗层级，将与所设定的已有层级相应的弹窗和所述目标弹窗同时展示在当前界面。

可选地，所述当前界面显示与不同弹窗对应的多个入口控件，所述弹窗开启指令包括针对入口控件的开启操作；所述响应弹窗开启指令，开启目标弹窗，包括：

响应作用于对所述多个入口控件的开启操作，若所述多个入口控件为运营类型弹窗的入口，则开启与各个入口控件对应的多个运营类型的目标弹窗；其中，所开启的多个运营类型的目标弹窗处于同一维度。

可选地，所述响应弹窗开启指令，开启目标弹窗，还包括：

响应弹窗开启指令，获取当前处于开启状态的弹窗中运营类型弹窗的数量；

若所述当前处于开启状态的弹窗中运营类型弹窗的数量达到预设数量阈值，则关闭在当前界面同时展示的弹窗所对应设定的弹窗层级中弹窗层级最低的弹窗，并置顶展示所述目标弹窗，以及对在当前界面同时展示的弹窗所对应设定的弹窗层级进行减一操作。

可选地，所述基于所设定的已有层级设置所述目标弹窗的弹窗层级，包括：

设置所述目标弹窗的弹窗层级高于当前处于开启状态的弹窗所设定的已有层级，以使所述目标弹窗在当前界面置顶展示。

可选地，所述基于所设定的已有层级设置所述目标弹窗的弹窗层级，包括：

在预设层级区间内，基于所设定的已有层级确定所述目标弹窗的弹窗层级；其中，所述预设层级区间的值基于所设定的在当前界面同时处于开启状态的运营类型弹窗的数量阈值确定。

可选地，还包括：

响应作用于对展示在当前界面中任一弹窗的聚焦操作，将需要聚焦的弹窗的弹窗层级设置为在当前界面同时展示的弹窗所对应设定的弹窗层级中的最大层级，并对在当前界面同时展示的弹窗所对应设定的弹窗层级进行减一操作；以及

在当前界面置顶展示所述需要聚焦的弹窗。

可选地，还包括：

响应作用于对展示在当前界面中任一弹窗的关闭操作，在所述当前界面关闭需要关闭的弹窗，并对当前界面中展示在位于所述需要关闭的弹窗上层的弹窗所对应的弹窗层级进行减一操作。

本发明实施例还公开了一种弹窗展示装置，所述装置包括：

开启指令响应模块，用于响应弹窗开启指令，开启目标弹窗；

弹窗层级设置模块，用于获取当前处于开启状态的弹窗所设定的已有层级，并基于所设定的已有层级设置所述目标弹窗的弹窗层级；

弹窗展示模块，用于根据当前处于开启状态的弹窗所设定的已有层级，以及所述目标弹窗的弹窗层级，将与所设定的已有层级相应的弹窗和所述目标弹窗同时展示在当前界面。

可选地，所述当前界面显示与不同弹窗对应的多个入口控件，所述弹窗开启指令包括针对入口控件的开启操作；所述开启指令响应模块包括：

第一开启指令响应子模块，用于响应作用于对所述多个入口控件的开启操作，在所述多个入口控件为运营类型弹窗的入口时，开启与各个入口控件对应的多个运营类型的目标弹窗；其中，所开启的多个运营类型的目标弹窗处于同一维度。

可选地，所述开启指令响应模块还包括：

弹窗数量获取子模块，用于响应弹窗开启指令，获取当前处于开启状态的弹窗中运营类型弹窗的数量；

第二开启指令响应子模块，用于在所述当前处于开启状态的弹窗中运营类型弹窗的数量达到预设数量阈值时，关闭在当前界面同时展示的弹窗所对应设定的弹窗层级中弹窗层级最低的弹窗，并置顶展示所述目标弹窗，以及对在当前界面同时展示的弹窗所对应设定的弹窗层级进行减一操作。

可选地，所述弹窗层级设置模块包括：

弹窗层级设置子模块，用于设置所述目标弹窗的弹窗层级高于当前处于开启状态的弹窗所设定的已有层级，以使所述目标弹窗在当前界面置顶展示。

可选地，所述弹窗层级设置模块包括：

弹窗层级确定子模块，用于在预设层级区间内，基于所设定的已有层级确定所述目标弹窗的弹窗层级；其中，所述预设层级区间的值基于所设定的在当前界面同时处于开启状态的运营类型弹窗的数量阈值确定。

可选地，所述装置还包括：

第一聚焦操作响应模块，用于响应作用于对展示在当前界面中任一弹窗的聚焦操作，将需要聚焦的弹窗的弹窗层级设置为在当前界面同时展示的弹窗所对应设定的弹窗层级中的最大层级，并对在当前界面同时展示的弹窗所对应设定的弹窗层级进行减一操作；

第二聚焦操作响应模块，用于响应作用于对展示在当前界面中任一弹窗的聚焦操作，在当前界面置顶展示所述需要聚焦的弹窗。

可选地，所述装置还包括：

关闭操作响应模块，用于响应作用于对展示在当前界面中任一弹窗的关闭操作，在所述当前界面关闭需要关闭的弹窗，并对当前界面中展示在位于所述需要关闭的弹窗上层的弹窗所对应的弹窗层级进行减一操作。

本发明实施例还公开了一种电子设备，包括：处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现任一项所述弹窗展示方法的步骤。

本发明实施例还公开了一种计算机可读存储介质，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现任一项所述弹窗展示方法的步骤。

本发明实施例包括以下优点：

在本发明实施例中，在接收到弹窗开启指令时，可以基于当前处于开启状态的弹窗所设定的已有层级，动态设置需要开启的目标弹窗的弹窗层级，并基于所设定的已有层级以及所设置的目标弹窗的弹窗等级，将与所设定的已有层级相应的弹窗和目标弹窗同时展示在当前界面，实现对多个弹窗在界面的同时展示。通过基于合理利用层级区间动态设置运营类型弹窗的层级，将属于运营活动的弹窗放在同一维度进行管理，且对于同一维度的运营类型弹窗而言，能够基于对弹窗层级的设置实现“后打开置顶，聚焦置顶”的规则，使得在基于规范管理运营类型弹窗的情况下减少用户操作，帮助用户快速定位期望查看的内容，提升用户对弹窗的互动体验。

附图说明

图1是本发明的一种弹窗展示方法实施例的步骤流程图；

图2是本发明的另一种弹窗展示方法实施例的步骤流程图；

图3是本发明实施例中弹窗展示方法的应用场景图；

图4是本发明实施例中层级管理机制的执行示意图；

图5是本发明的一种弹窗展示装置实施例的结构框图。

具体实施方式

为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明。

在直播或游戏中通常会借助弹窗进行内容展示，以增进用户与主播或虚拟游戏角色的互动，在此过程中将会涉及到多层弹窗的应用，即在当前交互界面上展示多层弹窗，此时可能存在需要对多层弹窗在界面上进行同时展示的情况。其中，所展示的内容可以指的是与运营活动相关的内容，即用户可以参与的活动玩法，例如贵族续费，靓号商城，抽奖，积分兑换，CC萌宠，签到领奖等。

其中，弹窗可以指的是位于直播间/游戏界面上层的容器，其可以是div，也可以是iframe，嵌套运营活动H5页面的弹窗一般是iframe。

通常，运营活动是以H5页面(即前端网页)的形式进行展示的，其可通过一个URL打开，并能够给用户展示数据和画面，用户也可以进行点击等操作实现与当前界面的交互，在用户通过进行点击等操作后可以通过弹窗的方式打开，其中每个运营活动对应一个弹窗，每个弹窗对应一个固定的层级。那么，基于上述针对弹窗的固定层级，由于同属运营活动的弹窗不在同一维度，无法对其采用统一的层级机制进行管理，在无法对弹窗进行统一层级机制进行管理的情况下，并不存在统一的置顶机制，使得后打开的运营类型弹窗将会展示在先打开的运营类型弹窗的下层，且在聚焦下层的运营类型弹窗时也无法将其置顶，需挪开上层弹窗才能对下层的弹窗进行操作；以及，对于一些需要或刺激用户进行送礼、充值的运营活动(即消费类玩法)，还需要增加多余的操作步骤，消耗用户时间和耐心，导致用户的消费欲望大大降低，用户的体验较差。

本发明实施例的核心思想之一是提出对运营类型弹窗统一的层级管理机制，通过动态设置运营类型弹窗的层级区间，将所有属于运营活动的弹窗放在同一维度进行管理，其能够利用层级区间对同一维度的运营类型弹窗的层级进行管理，同一维度的运营类型弹窗均能够统一遵循“后打开置顶，聚焦置顶”的规则，在实现对运营类型弹窗进行统一规范管理的同时，通过减少用户操作以帮助用户快速定位期望查看的内容，提高活动参与率，优化用户对弹窗的互动体验。

参照图1，示出了本发明的一种弹窗展示方法实施例的步骤流程图，具体可以包括如下步骤：

步骤101，响应弹窗开启指令，开启目标弹窗；

针对涉及到多层弹窗的应用，在接收到弹窗开启指令时，可以在当前界面上开启与弹窗开启指令相应的目标弹窗。

具体的，用于展示弹窗的当前界面可以提供与不同弹窗对应的多个入口控件，即不同的运营类型弹窗可以来自不同运营活动的特定入口，且所响应的弹窗开启指令可以是对入口控件的开启操作，此时可以响应作用于对入口控件的开启操作，在当前操作的入口控件为运营类型弹窗的入口的情况下，可以在当前界面开启与各个入口控件对应的多个运营类型的目标弹窗。

步骤102，获取当前处于开启状态的弹窗所设定的已有层级，并基于所设定的已有层级设置目标弹窗的弹窗层级；

在本发明实施例中，提出对运营类型弹窗统一的层级管理机制，通过动态设置运营类型弹窗的层级区间，将所有属于运营活动的弹窗放在同一维度进行管理，主要表现为对需展示在当前界面中的所有弹窗所对应的层级进行统一设置。

在本发明的一种实施例中，为了实现对弹窗层级的统一设置，首先需要将同属运营活动的弹窗(即运营类型弹窗)控制在同一维度，即将响应弹窗开启指令所开启的多个运营类型的目标弹窗处于同一维度。

其中，不同元素的父元素(即父容器)相同，在相同父元素下处于同一级的兄弟元素，即可表示在同一维度。

在具体实现中，针对入口控件所对应的运营类型弹窗的开启方式，可以使用window.roomPlugins.openBlank方法(是一个JavaScript方法，其可以用于打开运营活动)打开，并以弹窗的形式进行呈现，所呈现的弹窗中能够嵌套运营活动H5页面。通过前述方法打开运营类型弹窗的过程中，其父容器都是pluginModal，在此父容器下所开启的运营类型弹窗对应的运营活动都是同级子元素，保证所开启的运营类型弹窗处于同一维度。需要说明的是，处于同一维度下的运营类型弹窗，能够通过父容器提供统一的方法给子元素使用，例如关闭，发送协议，获取直播间/游戏数据等，实现对运营类型弹窗进行统一管理。

在本发明的一种实施例中，对运营类型弹窗进行的统一规范的管理，可以包括对需展示在当前界面中的所有弹窗所对应的层级进行统一设置，对所开启的目标弹窗的弹窗层级进行设置，需要获取当前处于开启状态的弹窗所设定的已有层级，以便基于所设定的已有层级设置目标弹窗的弹窗层级，实现对运营类型弹窗的动态设置。

其中，获取当前处于开启状态的弹窗所设定的已有层级的时机可以是在接收到弹窗开启指令时，即可以响应弹窗开启指令对所设定的已有层级进行获取。

步骤103，将与所设定的已有层级相应的弹窗和目标弹窗同时展示在当前界面。

在本发明的一种实施例中，在基于所设定的已有层级对目标弹窗的弹窗等级进行动态设置后，能够将与所设定的已有层级相应的弹窗和目标弹窗同时在当前界面进行展示，实现在基于层级区间机制对运营类型弹窗进行统一规范管理的同时，完成多个弹窗在界面的同时展示。

具体的，可以根据当前处于开启状态的弹窗所设定的已有层级，以及目标弹窗的弹窗层级，将与所设定的已有层级相应的弹窗和目标弹窗同时展示在当前界面。

需要说明的是，针对所设定的已有层级，以及需要开启的目标弹窗的弹窗层级，均是用于表示相应弹窗在当前界面同时展示的多个弹窗中的展示层级/次序，其与所要展示的弹窗的尺寸大小、展示位置等无关，即只需按照动态设置的展示层级/次序在当前界面上对弹窗进行显示即可。

作为一种示例，在每次打开一个运营活动时，即在响应对与运营类型弹窗对应的入口控件的开启操作时，可以在已设定的层级的基础上按照从小到大规则，为需要开启的目标弹窗动态设置一个弹窗层级，保证在对当前处于开启状态的弹窗进行展示的同时，在这之后开启的目标弹窗均能够在当前界面上实现置顶展示。

在本发明实施例中，在接收到弹窗开启指令时，可以基于当前处于开启状态的弹窗，动态设置需要开启的目标弹窗的弹窗层级，并基于所设定的已有层级以及所设置的目标弹窗的弹窗等级，将与所设定的已有层级相应的弹窗和目标弹窗同时展示在当前界面，实现对多个弹窗在界面的同时展示。通过基于合理利用层级区间动态设置运营类型弹窗的层级，将属于运营活动的弹窗放在同一维度进行管理，且对于同一维度的运营类型弹窗而言，能够基于对弹窗层级的设置实现“后打开置顶，聚焦置顶”的规则，使得在基于规范管理运营类型弹窗的情况下减少用户操作，帮助用户快速定位期望查看的内容，提升用户对弹窗的互动体验。

参照图2，示出了本发明的另一种弹窗展示方法实施例的步骤流程图，具体可以包括如下步骤：

步骤201，响应弹窗开启指令，设置目标弹窗的弹窗层级高于当前处于开启状态的弹窗所设定的已有层级；

在本发明的一种实施例中，提出对运营类型弹窗统一的层级管理机制，通过动态设置运营类型弹窗的层级区间，实现对运营类型弹窗的置顶机制。

其中，层级管理机制指的是设置一个层级区间[1-100]，弹窗只能从[1-100]选择一个数值n来作为所要开启的弹窗的层级。那么，在基于所设定的已有层级确定需要开启的目标弹窗的弹窗层级时，需要在预设层级区间，例如[1-100]内对目标弹窗的弹窗层级进行设置，预设层级区间的值主要是基于所设定的在当前界面同时处于开启状态的运营类型弹窗的数量阈值确定，即可以基于在同一时间能够在当前界面上开启运营活动的最大数量确定。需要说明的是，在当前界面上所能够开启的运营活动的最大数量，可基于交互/策划人员根据实际情况进行设置，对此，本发明实施例不加以限制。

基于层级管理机制所要实现的置顶机制，可以包括后打开置顶的机制。具体的，在响应弹窗开启指令时，将目标弹窗的弹窗等级设置为高于当前处于开启状态的弹窗所设定的已有层级，以使目标弹窗在当前界面置顶展示。即通过此置顶机制，能够保证后面打开的运营类型弹窗能够位于在前面已打开的弹窗的上层进行展示。

其中，在当前界面同时展示的弹窗与目标弹窗处于同一维度，即在当前界面同时展示的弹窗与目标弹窗属于在同一父容器下的兄弟元素，能够通过设置z-index来展示不同的层级关系，主要可以通过z-index＝n的设置实现。

作为一种示例，在每次打开一个运营活动时，在已设定的层级的基础上按照从小到大规则，为需要开启的目标弹窗的动态设置一个弹窗层级，例如在依次打开A、B、C、D共4个运营活动时，假设分别对应设置相应运营类型弹窗的层级为A＝>1，B＝>2，C＝>3，D＝>4，那么此时在当前界面可以按照从A-B-C-D的次序对当前处于开启状态的弹窗进行展示，即在展示过程中弹窗A、B、C位于D的下层进行展示；当对运营活动E的特定入口进行开启操作时，所获取的所设定的已有层级可以分别为A＝>1，B＝>2，C＝>3，D＝>4，在对目标弹窗的弹窗层级进行设置时，可以设置目标弹窗E的弹窗层级高于所设定的已有层级D＝>4，即目标弹窗的弹窗等级E设置为E＝>5，使得运营类型弹窗E时能够位于原有展示弹窗的上层进行展示。

步骤202，响应作用于对展示在当前界面中任一弹窗的聚焦操作，将需要聚焦的弹窗的弹窗层级设置为在当前界面同时展示的弹窗所对应设定的弹窗层级中的最大层级；

基于层级管理机制所要实现的置顶机制，不仅可以包括后打开置顶的机制，还可以包括聚焦置顶的机制。具体的，可以响应作用于对弹窗的聚焦操作(可以表现为对某个弹窗的鼠标点击操作)，通过设置需要聚焦的弹窗的弹窗层级高于在当前界面当前处于开启状态的弹窗(在此情况下能够包含响应弹窗开启指令开启的目标弹窗)所设定的已有层级，以使需要聚焦的弹窗在当前界面置顶展示。

具体的，可以响应响应作用于对展示在当前界面中任一弹窗的聚焦操作，将需要聚焦的弹窗的弹窗层级设置为在当前界面同时展示的弹窗所对应设定的弹窗层级中的最大层级，并对在当前界面同时展示的弹窗所对应设定的弹窗层级进行减一操作，实现在当前界面置顶展示需要聚焦的弹窗的同时维护其余弹窗层级的设置。即在聚焦某个运营类型弹窗时，可以将被用户聚焦的弹窗的层级设为当前已有层级(包含响应弹窗开启指令开启的目标弹窗的弹窗层级)的最大值，并将位于需要聚焦的弹窗后面的其余弹窗的弹窗层级-1，将此被用户聚焦的弹窗挪到最上层，使得用户可以在当前界面上同时展示多个弹窗时能够直接对在下层展示的某个弹窗进行聚焦操作，在减少用户操作的情况下使得所要聚焦的弹窗能够优先被用户看到。

在实际应用中，对在当前界面同时展示的弹窗所对应设定的弹窗层级中的最大层级的确定，可以通过预先编写的程序实现。可以通过预先编写程序去维护一个层级最大值的变量，具体可以定义为maxZIndex，在每次层级发生变化时最大值的变量maxZIndex将会进行同步更新，例如在每次打开一个新的运营类型弹窗时，maxZIndex都会更新为当前层级最大值，例如maxZIndex＝5。

作为一种示例，假设在当前界面上已依次展示A、B、D、E共4个运营活动相应的运营类型弹窗，其中所分别对应设置的层级为A＝>1，B＝>2，D＝>3，E＝>4，表现为按照从A-B-D-E的次序将相应的运营类型弹窗在当前界面上进行展示，当在对运营活动B进行聚焦操作时，假设层级最大值的变量maxZIndex＝4，可以将运营活动B相应弹窗的层级设置为层级最大值，即B＝>4，以及对在当前界面同时展示的弹窗所对应设定的弹窗层级进行减一操作，即将其他运营活动的弹窗所对应层级调整为A＝>1，D＝>2，E＝>3，B＝>4。

步骤203，响应作用于对展示在当前界面中任一弹窗的关闭操作，在当前界面关闭需要关闭的弹窗，并对当前界面中展示位于需要关闭的弹窗上层的弹窗所对应的弹窗层级进行减一操作。

在本发明的一种实施例中，当用户对展示在当前界面中任一弹窗进行关闭操作时，可以在当前界面关闭需要关闭的弹窗，并对当前界面中展示位于需要关闭的弹窗上层的弹窗所对应的弹窗层级进行减一操作，以及保持其余处于开启状态的弹窗，即展示位于需要关闭的弹窗下层的弹窗的弹窗层级，以维持原有弹窗层级不变，实现在对此需要关闭的弹窗关闭的情况下保持其他弹窗在当前界面上的层级展示。

具体的，对位于需要关闭弹窗上层的弹窗的确定，同样可以通过预先编写的程序实现。可以编写程序去维护一个已打开的运营类型弹窗列表，可以定义为modalList＝[modalA,modalB,modalC,modalD,modalE]，modal＝{id:唯一标识,zIndex:弹窗层级,…}，在关闭某个弹窗时，例如关闭运营活动C的相应弹窗modalC时，可以获取所要移除的modalC的id并执行程序遍历modalList，然后根据id找到对应的modalC并从modalList中移除，也可以找到modalC后面的modalD。

作为一种示例，在关闭运营活动弹窗时可以移除被关闭弹窗的层级，并对位于其上层的弹窗，即在其后面打开的弹窗的弹窗层级-1，维持原有弹窗层级不变，使得对某个弹窗的关闭操作并不会影响到其他弹窗的原有层级。假设在当前界面上已依次展示A、B、C、D、E共5个运营活动相应的运营类型弹窗，其中所分别对应设置的层级为A＝>1，B＝>2，C＝>3，D＝>4，E＝>5，表现为按照从A-B-C-D-E的次序将相应的弹窗在当前界面上进行展示，当对运营活动C进行关闭操作时，假设将运营活动C移除，并将展示位于运营活动C上层的弹窗，即在展示运营活动C相应弹窗后打开弹窗的弹窗层级，即D＝>4，E＝>5进行减一操作，以及保持其他弹窗，即展示位于运营活动C下层的弹窗的原有层级，那么进行处理后的弹窗相应层级可以为A＝>1，B＝>2，D＝>3，E＝>4。

在一种优选的实施例中，在对运营类型弹窗统一的层级管理机制中，基于层级管理机制所设置的层级区间的值，主要是基于所设定的在当前界面同时处于开启状态的运营类型弹窗的数量阈值确定，即可以基于在同一时间能够在当前界面上开启运营活动的最大数量确定，则可能存在打开的运营活动数量超过极限的情况。

此时，在响应弹窗开启指令，对运营类型弹窗进行展示之前，还需要获取当前处于开启状态的弹窗中运营类型弹窗的数量，并对当前在界面上所展示的弹窗数量进行判断，在当前处于开启状态的弹窗中运营类型弹窗的数量达到预设数量阈值的情况下，可以关闭在当前界面同时展示的弹窗所对应设定的弹窗层级中弹窗层级最低的弹窗，并置顶展示需要开启的目标弹窗，以及对在当前界面同时展示的弹窗所对应设定的弹窗层级进行减一操作。

在实际应用中，在这种极限的情况下，假设所设定的在当前界面同时处于开启状态的运营类型弹窗的数量阈值为100，当用户打开第101个运营活动时，最新打开的目标弹窗的弹窗层级应当为100，此时可以抛弃弹窗层级为1的弹窗，并将其余处于开启状态下的运营活动弹窗的弹窗层级-1，即在打开第101个运营活动的同时关闭弹窗层级为1的弹窗，并对其余弹窗的弹窗层级进行减一操作以保证在当前界面上同时展示的弹窗的弹窗层级设置，使得在这种极限情况下不影响界面上弹窗的展示。

具体的，在这种极限情况下对弹窗层级的处理，同样可以通过预先编写的程序实现。可以编写程序去维护一个已打开的运营活动弹窗列表，具体定义为modalList＝[modalA,modalB,modalC,modalD,modalE]，modal＝{id:唯一标识,zIndex:弹窗层级,…}；在每次新打开一个运营活动时，则将会获取当前已开启的弹窗的数量length＝modalList.length，如果length>100，将会依次执行移除modalList第一个元素；遍历剩余的modalList,，将每个元素的zIndex值-1；以及往modalList尾部加上最新打开的弹窗(即第101个运营活动弹窗)，modal101＝{id:唯一标识,zIndex:100,…}的操作；最后在对弹窗层级进行处理后，可以获取处理后的modalList，并在当前界面上按照顺序进行渲染，以及设置弹窗的css属性z-index＝modal.zIndex。

在本发明实施例中，通过基于合理利用层级区间动态设置运营类型弹窗的层级，将属于运营活动的弹窗放在同一维度进行管理，且对于同一维度的运营类型弹窗而言，能够基于对弹窗层级的设置实现“后打开置顶，聚焦置顶”的规则，使得在基于规范管理运营类型弹窗的情况下减少用户操作，帮助用户快速定位期望查看的内容，提升用户对弹窗的互动体验。

为了本领域技术人员能够进一步了解本发明实施例中他弹窗在当前界面中的展示过程，下面结合执行示意图以及相关应用场景进行说明：

参照图3，示出了本发明实施例中弹窗展示方法的应用场景图，在当前界面上可以为用户提供多个入口控件，例如A、B、C、D，并确定当前所提供的入口控件是属于运营活动类型的弹窗的入口。

本应用场景中，在响应弹窗开启指令，假设所需响应的弹窗开启指令为针对弹窗A的开启指令，即在用户对入口控件A进行开启操作(例如点击操作等)时，能够在当前界面上展示运营活动A相应的弹窗，同样在响应针对入口控件B的开启操作时，可以遵循着后打开置顶的置顶机制，即保证后面打开的弹窗，必定在前面已打开弹窗的上层进行展示的规则，将运营活动B相应的弹窗展示在运营活动A相应的弹窗的上层。

在本发明实施例中，主要是基于运营类型弹窗统一的层级管理机制，通过动态设置运营类型弹窗的层级区间，将所有属于运营活动的弹窗放在同一维度进行管理，其可以包括针对“后打开置顶，聚焦置顶”的置顶机制管理、关闭机制管理等。

具体的，参照图4，示出了本发明实施例中层级管理机制的执行示意图，首先可以区分直播间内的弹窗类型，确定在当前界面上所提供的多个入口控件中属于运营类型弹窗的入口，并对运营类型弹窗的层级区间进行设定，主要是设定同一时间打开在当前界面上能够打开的运营活动的最大数量，假设最多为100个，那么此时可以设置层级区间为[1-100]。

需要说明的是，运营活动可以使用window.roomPlugins.openBlank方法以弹窗的形式呈现，使得所打开的运营类型弹窗能够处于同一维度，以便进行统一管理。

其中，在每次打开一个运营活动时，能够在所设定的已有层级的基础上按照从小到大规则，动态设置一个弹窗层级以保证后打开的弹窗置顶展示，例如依次打开A，B，C，D，E共5个运营活动，可以分别设置对应层级为A＝>1，B＝>2，C＝>3，D＝>4，E＝>5；当关闭某个运营类型弹窗时，可以在移除被用户关闭的弹窗的层级时，将展示位于被用户关闭的弹窗的上层弹窗的弹窗层级-1，以保证原有弹窗层级维持不变，例如在关闭C运营活动时，其他运营活动的弹窗对应层级可以为A＝>1，B＝>2，D＝>3，E＝>4；在聚焦某个运营类型弹窗时，可以将被聚焦弹窗的层级设为当前已有层级的最大值，且将展示位于运营活动C上层的弹窗的弹窗层级-1，以保证聚焦置顶，例如在聚焦B运营活动时，其他运营活动的弹窗对应层级可以为A＝>1，D＝>2，E＝>3，B＝>4；在极限情况下，假设所设定的在当前界面同时处于开启状态的运营类型弹窗的数量阈值为100，当用户打开第101个运营活动时，最新打开的弹窗的弹窗层级为100，此时可以抛弃层级为1的弹窗，并将其余处于开启状态下的其他运营活动弹窗的弹窗层级-1。

需要说明的是，此弹窗展示可以应用在需要层级管理，且组件在原网页的上层的任意运营活动弹窗，例如在直播间上/游戏过程中与用户进行交互的运营活动，对此，本发明实施例不加以限制。

在本发明实施例中，通过基于合理利用层级区间动态设置运营类型弹窗的层级，将属于运营活动的弹窗放在同一维度进行管理，且对于同一维度的运营类型弹窗而言，能够基于对弹窗层级的设置实现“后打开置顶，聚焦置顶”的规则，使得在基于规范管理运营类型弹窗的情况下减少用户操作，帮助用户快速定位期望查看的内容，提升用户对弹窗的互动体验；且对于程序人员而言，由于对运营活动弹窗进行统一管理，并能够遵循“后打开置顶，聚焦置顶”规则，使得弹窗层级可预知，方便开发、定位、解决问题；以及，对于用户，由于能够减少不必要的操作，帮助用户快速定位期望查看的内容，优化体验，可以实现提高活动参与率和运营收益的目的。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本发明实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明实施例所必须的。

参照图5，示出了本发明的一种弹窗展示装置实施例的结构框图，具体可以包括如下模块：

开启指令响应模块501，用于响应弹窗开启指令，开启目标弹窗；

弹窗层级设置模块502，用于获取当前处于开启状态的弹窗所设定的已有层级，并基于所设定的已有层级设置所述目标弹窗的弹窗层级；

弹窗展示模块503，用于根据当前处于开启状态的弹窗所设定的已有层级，以及所述目标弹窗的弹窗层级，将与所设定的已有层级相应的弹窗和所述目标弹窗同时展示在当前界面。

在本发明的一种实施例中，所述当前界面显示与不同弹窗对应的多个入口控件，所述弹窗开启指令包括针对入口控件的开启操作；开启指令响应模块501可以包括如下子模块：

第一开启指令响应子模块，用于响应作用于对所述多个入口控件的开启操作，在所述多个入口控件为运营类型弹窗的入口时，开启与各个入口控件对应的多个运营类型的目标弹窗；其中，所开启的多个运营类型的目标弹窗处于同一维度。

在本发明的一种实施例中，开启指令响应模块501还可以包括如下子模块：

弹窗数量获取子模块，用于响应弹窗开启指令，获取当前处于开启状态的弹窗中运营类型弹窗的数量；

第二开启指令响应子模块，用于在所述当前处于开启状态的弹窗中运营类型弹窗的数量达到预设数量阈值时，关闭在当前界面同时展示的弹窗所对应设定的弹窗层级中弹窗层级最低的弹窗，并置顶展示所述目标弹窗，以及对在当前界面同时展示的弹窗所对应设定的弹窗层级进行减一操作。

在本发明的一种实施例中，弹窗层级设置模块502可以包括如下子模块：

弹窗层级设置子模块，用于设置所述目标弹窗的弹窗层级高于当前处于开启状态的弹窗所设定的已有层级，以使所述目标弹窗在当前界面置顶展示。

在本发明的一种实施例中，弹窗层级设置模块502可以包括如下子模块：

弹窗层级确定子模块，用于在预设层级区间内，基于所设定的已有层级确定所述目标弹窗的弹窗层级；其中，所述预设层级区间的值基于所设定的在当前界面同时处于开启状态的运营类型弹窗的数量阈值确定。

在本发明的一种实施例中，所述装置还可以包括如下模块：

第一聚焦操作响应模块，用于响应作用于对展示在当前界面中任一弹窗的聚焦操作，将需要聚焦的弹窗的弹窗层级设置为在当前界面同时展示的弹窗所对应设定的弹窗层级中的最大层级，并对在当前界面同时展示的弹窗所对应设定的弹窗层级进行减一操作；

第二聚焦操作响应模块，用于响应作用于对展示在当前界面中任一弹窗的聚焦操作，在当前界面置顶展示所述需要聚焦的弹窗。

在本发明的一种实施例中，所述装置还可以包括如下模块：

关闭操作响应模块，用于响应作用于对展示在当前界面中任一弹窗的关闭操作，在所述当前界面关闭需要关闭的弹窗，并对当前界面中展示在位于所述需要关闭的弹窗上层的弹窗所对应的弹窗层级进行减一操作。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本发明实施例还提供了一种电子设备，包括：

包括处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序，该计算机程序被处理器执行时实现上述弹窗展示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

本发明实施例还提供了一种计算机可读存储介质，计算机可读存储介质上存储计算机程序，计算机程序被处理器执行时实现上述弹窗展示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本领域内的技术人员应明白，本发明实施例的实施例可提供为方法、装置、或计算机程序产品。因此，本发明实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明实施例是参照根据本发明实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本发明实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对本发明所提供的一种弹窗展示方法和一种弹窗展示装置，进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (10)

1.一种弹窗展示方法，其特征在于，所述方法包括：

响应弹窗开启指令，开启目标弹窗；

获取当前处于开启状态的弹窗所设定的已有层级，并基于所设定的已有层级设置所述目标弹窗的弹窗层级；

根据当前处于开启状态的弹窗所设定的已有层级，以及所述目标弹窗的弹窗层级，将与所设定的已有层级相应的弹窗和所述目标弹窗同时展示在当前界面。

2.根据权利要求1所述的方法，其特征在于，所述当前界面显示与不同弹窗对应的多个入口控件，所述弹窗开启指令包括针对入口控件的开启操作；所述响应弹窗开启指令，开启目标弹窗，包括：

响应作用于对所述多个入口控件的开启操作，若所述多个入口控件为运营类型弹窗的入口，则开启与各个入口控件对应的多个运营类型的目标弹窗；其中，所开启的多个运营类型的目标弹窗处于同一维度。

3.根据权利要求1或2所述的方法，其特征在于，所述响应弹窗开启指令，开启目标弹窗，还包括：

响应弹窗开启指令，获取当前处于开启状态的弹窗中运营类型弹窗的数量；

若所述当前处于开启状态的弹窗中运营类型弹窗的数量达到预设数量阈值，则关闭在当前界面同时展示的弹窗所对应设定的弹窗层级中弹窗层级最低的弹窗，并置顶展示所述目标弹窗，以及对在当前界面同时展示的弹窗所对应设定的弹窗层级进行减一操作。

4.根据权利要求1所述的方法，其特征在于，所述基于所设定的已有层级设置所述目标弹窗的弹窗层级，包括：

设置所述目标弹窗的弹窗层级高于当前处于开启状态的弹窗所设定的已有层级，以使所述目标弹窗在当前界面置顶展示。

5.根据权利要求1或4所述的方法，其特征在于，所述基于所设定的已有层级设置所述目标弹窗的弹窗层级，包括：

在预设层级区间内，基于所设定的已有层级确定所述目标弹窗的弹窗层级；其中，所述预设层级区间的值基于所设定的在当前界面同时处于开启状态的运营类型弹窗的数量阈值确定。

6.根据权利要求1所述的方法，其特征在于，还包括：

响应作用于对展示在当前界面中任一弹窗的聚焦操作，将需要聚焦的弹窗的弹窗层级设置为在当前界面同时展示的弹窗所对应设定的弹窗层级中的最大层级，并对在当前界面同时展示的弹窗所对应设定的弹窗层级进行减一操作；以及

在当前界面置顶展示所述需要聚焦的弹窗。

7.根据权利要求1或6所述的方法，其特征在于，还包括：

响应作用于对展示在当前界面中任一弹窗的关闭操作，在所述当前界面关闭需要关闭的弹窗，并对当前界面中展示在位于所述需要关闭的弹窗上层的弹窗所对应的弹窗层级进行减一操作。

8.一种弹窗展示装置，其特征在于，所述装置包括：

开启指令响应模块，用于响应弹窗开启指令，开启目标弹窗；

弹窗层级设置模块，用于获取当前处于开启状态的弹窗所设定的已有层级，并基于所设定的已有层级设置所述目标弹窗的弹窗层级；

弹窗展示模块，用于根据当前处于开启状态的弹窗所设定的已有层级，以及所述目标弹窗的弹窗层级，将与所设定的已有层级相应的弹窗和所述目标弹窗同时展示在当前界面。

9.一种电子设备，其特征在于，包括：处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1-7中任一项所述弹窗展示方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述弹窗展示方法的步骤。

Images