A pop-up management method, device, and computer-readable storage medium
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2022-03-30
- Publication Date
- 2026-08-14
AI Technical Summary
[0003]为解决上述技术问题,本申请实施例期望提供一种弹窗管理方法、设备和计算机可读存储介质,解决了相关技术中存在重复开发和复用率低的问题
[0058]本申请的实施例所提供的弹窗管理方法、设备和计算机可读存储介质,服务器基于目标页面的页面技术栈生成目标页面的目标页面标识,然后获取弹窗配置参数并基于弹窗配置参数确定弹窗配置信息,发送目标页面标识和弹窗配置信息至目标客户端,如此目标客户端基于目标页面标识能够识别出目标页面,基于弹窗配置信息能够生成目标弹窗并将目标弹窗显示在目标页面上,能够在目标页面标识改变的情况下,还可以将基于弹窗配置信息生成的目标弹窗显示在改变后的目标页面标识所标识的目标页面上,解决了相关技术中存在重复开发和复用率低的问题,且避免了代码冗余的情况出现,提高了复用率。
Smart Images

Figure CN114691124B_ABST
Abstract
Description
Technical Field
[0001] This application relates to the field of computer technology, and in particular to a pop-up window management method, device and computer-readable storage medium. Background Technology
[0002] A pop-up window is a window that automatically appears when you open a webpage, mobile application, or other application. Pop-ups can display promotional information or serve as a quick way to access the application, and are widely used in advertising, live streaming, and many other fields. Generally, each business vendor develops its own pop-ups tailored to its specific needs; however, because the development process involves coding, testing, regression testing, submission for review, and release, it is quite lengthy. This leads to redundancy due to the repeated development of similar pop-ups, and these types of pop-ups are difficult to reuse in other business applications, resulting in low reusability. Summary of the Invention
[0003] To address the aforementioned technical problems, this application aims to provide a pop-up management method, device, and computer-readable storage medium, thereby resolving the issues of repetitive development and low reusability in related technologies.
[0004] The technical solution of this application is implemented as follows:
[0005] A pop-up window management method, the method comprising:
[0006] Based on the page technology stack of the target page, generate the target page identifier of the target page;
[0007] Obtain the pop-up configuration parameters, and determine the pop-up configuration information based on the pop-up configuration parameters;
[0008] The target page identifier and the pop-up configuration information are sent to the target client; wherein, the target page identifier and the pop-up configuration information are used by the target client to generate a target pop-up and display it on the target page.
[0009] In the above scheme, generating the target page identifier of the target page based on the page technology stack of the target page includes:
[0010] Determine the page technology stack of the target page and the target parameters of the page technology stack;
[0011] Based on the target parameters of the page technology stack, the page identification method is determined;
[0012] The target page identifier is generated based on the page technology stack and the page identification method.
[0013] In the above scheme, obtaining pop-up configuration parameters, determining pop-up configuration information based on the pop-up configuration parameters, and determining pop-up configuration information based on the pop-up configuration parameters include:
[0014] Obtain the pop-up configuration parameters, wherein the pop-up configuration parameters include the pop-up's layout parameters, content parameters, and control parameters;
[0015] Based on the layout parameters, the content parameters, and the control parameters, configuration information is obtained;
[0016] The configuration information is filtered to obtain the pop-up configuration information, and the pop-up configuration information is stored in the database.
[0017] In the above scheme, sending the target page identifier and the pop-up configuration information to the target client includes:
[0018] Determine the conditions for displaying the target pop-up;
[0019] The target client is determined based on the delivery conditions, and the target page identifier and the pop-up configuration information are sent to the target client.
[0020] A pop-up window management method, the method comprising:
[0021] The server receives a target page identifier and pop-up configuration information; wherein the target page identifier is generated by the server based on the page technology stack of the target page, and the pop-up configuration information is determined by the server based on the obtained pop-up configuration parameters.
[0022] Based on the control parameters in the pop-up configuration information, determine the pop-up display conditions;
[0023] Obtain the page loading status of the target page corresponding to the target page identifier;
[0024] If the target page meets the pop-up display conditions based on the page loading status of the target page, a target pop-up is generated based on the pop-up configuration information and displayed on the target page.
[0025] In the above scheme, obtaining the page loading status of the target page corresponding to the target page identifier includes:
[0026] The page loading state of the target page corresponding to the target page identifier is determined to be a first state using an objective function; wherein, the first state indicates that the target page has been entered;
[0027] Determine the percentage of blank pixels for the target page; wherein, the percentage of blank pixels represents the proportion of blank pixels to the total number of pixels;
[0028] Based on the percentage of blank pixels, the page loading state of the target page is determined to be a second state; wherein, the second state indicates that the target page has been fully loaded.
[0029] In the above scheme, determining the proportion for the target page includes:
[0030] Determine the proportion of blank pixels to the total pixels of the target page to obtain the first blank pixel proportion;
[0031] At a first preset time interval, a first image is acquired periodically based on a capture command for the target page;
[0032] Determine the proportion of blank pixels in the first image to the total number of pixels in the first image to obtain the second blank pixel proportion;
[0033] Accordingly, determining the page loading state of the target page as the second state based on the percentage of blank pixels includes:
[0034] If the proportion of the second blank pixels is less than or equal to the proportion of the first blank pixels, the page loading state of the target page is determined to be the second state.
[0035] The method in the above scheme further includes:
[0036] Receive a trigger command for the target pop-up window; wherein the trigger command carries an event identifier;
[0037] The target processing module is determined based on the event identifier, and the target event is processed by the target processing module.
[0038] In the above solution, generating a target pop-up based on the pop-up configuration information and displaying the target pop-up on the target page includes:
[0039] If a pop-up with the same pop-up group number as the target pop-up is displayed on the target page, the pop-up priority of the target pop-up is obtained; wherein, the pop-up configuration information includes: the pop-up group number and the pop-up priority, and the pop-up group number is determined based on the display area;
[0040] Based on the pop-up priority, the target pop-up is added to the target area corresponding to the pop-up group number;
[0041] The target pop-up is retrieved from the target area according to the pop-up priority and displayed on the target page.
[0042] A pop-up management device, the device comprising:
[0043] The generation unit is used to generate a target page identifier for the target page based on the page technology stack of the target page;
[0044] The first processing unit is used to obtain pop-up configuration parameters and determine pop-up configuration information based on the pop-up configuration parameters;
[0045] A sending unit is configured to send the target page identifier and the pop-up configuration information to the target client; wherein the target page identifier and the pop-up configuration information are used by the target client to generate a target pop-up and display it on the target page.
[0046] A pop-up management device, the device comprising:
[0047] A receiving unit is used to receive a target page identifier and pop-up configuration information sent by a server; wherein the target page identifier is generated by the server based on the page technology stack of the target page, and the pop-up configuration information is determined by the server based on the obtained pop-up configuration parameters;
[0048] The second processing unit is used to determine the pop-up display conditions based on the control parameters in the pop-up configuration information;
[0049] The second processing unit is further configured to obtain the page loading status of the target page corresponding to the target page identifier;
[0050] The second processing unit is further configured to generate a target pop-up based on the pop-up configuration information and display the target pop-up on the target page when it is determined that the target page meets the pop-up display conditions based on the page loading state of the target page.
[0051] A server, the server comprising: a first processor, a first memory, and a first communication bus;
[0052] The first communication bus is used to establish a communication connection between the first processor and the first memory;
[0053] The first processor is used to execute the pop-up management program in the first memory to implement the steps of the pop-up management method described above.
[0054] A client, characterized in that the client comprises: a second processor, a second memory, and a second communication bus;
[0055] The second communication bus is used to establish a communication connection between the second processor and the second memory;
[0056] The second processor is used to execute the pop-up management program in the second memory to implement the steps of the pop-up management method described above.
[0057] A computer-readable storage medium storing one or more programs that can be executed by one or more processors to implement the steps of the pop-up management method described above.
[0058] The pop-up management method, device, and computer-readable storage medium provided in the embodiments of this application involve a server generating a target page identifier based on the target page's page technology stack, then obtaining pop-up configuration parameters and determining pop-up configuration information based on these parameters, and sending the target page identifier and pop-up configuration information to the target client. Thus, the target client can identify the target page based on the target page identifier, generate a target pop-up based on the pop-up configuration information, and display the target pop-up on the target page. Even if the target page identifier changes, the target pop-up generated based on the pop-up configuration information can still be displayed on the target page identified by the changed target page identifier. This solves the problems of redundant development and low reusability in related technologies, avoids code redundancy, and improves reusability. Attached Figure Description
[0059] Figure 1 A flowchart illustrating a pop-up management method provided in an embodiment of this application;
[0060] Figure 2 A flowchart illustrating another pop-up management method provided in an embodiment of this application;
[0061] Figure 3 A flowchart illustrating a pop-up management method provided in another embodiment of this application;
[0062] Figure 4 A schematic diagram illustrating the generation of a target pop-up in a pop-up management method provided in another embodiment of this application;
[0063] Figure 5 A flowchart illustrating another pop-up management method provided in another embodiment of this application;
[0064] Figure 6 A flowchart illustrating a pop-up management method provided in another embodiment of this application;
[0065] Figure 7 A schematic diagram illustrating the basic capabilities that a pop-up window should possess, as provided in an embodiment of this application;
[0066] Figure 8 This is a schematic diagram of the structure of a pop-up management device provided in an embodiment of this application;
[0067] Figure 9 This is a schematic diagram of another pop-up management device provided in an embodiment of this application;
[0068] Figure 10 This application provides a schematic diagram of the structure of a server according to an embodiment of the present application.
[0069] Figure 11 This is a schematic diagram of the structure of a client provided in an embodiment of this application. Detailed Implementation
[0070] The technical solutions in the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings.
[0071] It should be understood that the phrases "embodiments of this application" or "foreign embodiments" throughout the specification mean that a specific feature, structure, or characteristic related to an embodiment is included in at least one embodiment of this application. Therefore, "embodiments of this application" or "in the foreign embodiments" appearing throughout the specification do not necessarily refer to the same embodiment. Furthermore, these specific features, structures, or characteristics can be combined in any suitable manner in one or more embodiments. In the various embodiments of this application, the sequence numbers of the above-described processes do not imply a sequential order of execution; the execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiments of this application. The sequence numbers of the above-described embodiments are merely descriptive and do not represent the superiority or inferiority of the embodiments.
[0072] Unless otherwise specified, any step in the embodiments of this application performed by the electronic device may be executed by the processor of the electronic device. It is also worth noting that the embodiments of this application do not limit the order in which the electronic device performs the following steps. Furthermore, the methods used to process data in different embodiments may be the same or different methods. It should also be noted that any step in the embodiments of this application can be executed independently by the electronic device; that is, when the electronic device performs any step in the following embodiments, it may not depend on the execution of other steps.
[0073] It should be understood that the specific embodiments described herein are for illustrative purposes only and are not intended to limit the scope of this application.
[0074] This application provides a pop-up window management method, which can be applied to a server. (Refer to...) Figure 1 As shown, the method includes the following steps:
[0075] Step 101: Based on the page technology stack of the target page, generate the target page identifier of the target page.
[0076] In this embodiment, the target page is the page that displays the target pop-up, and the page technology stack of the target page is the technology stack used when generating the target page. Different web pages or pages in different applications (APPs) will use various different page technology stacks, such as: Native page technology stack, HTML5 page technology stack, React Native page technology stack, Flutter page technology stack, etc. To achieve unified management of pop-ups, it is necessary to cover pages with these page technology stacks in order to identify the page and display the pop-up on the page. Since different pages have different page technology stacks, a page identifier can be generated based on the page technology stack to identify the page.
[0077] Step 102: Obtain the pop-up configuration parameters and determine the pop-up configuration information based on the pop-up configuration parameters.
[0078] In this embodiment of the application, the server may include a pop-up management module, which is a visual management module. Through the pop-up management module, various parameters of the pop-up can be configured to obtain the pop-up configuration parameters, and then the pop-up configuration information that can render the target pop-up can be determined based on the pop-up configuration parameters.
[0079] Step 103: Send the target page identifier and pop-up configuration information to the target client.
[0080] Among them, the target page identifier and pop-up configuration information are used by the target client to generate the target pop-up and display it on the target page.
[0081] In this embodiment, the server can send a target page identifier and pop-up configuration information to the target client, so that the target client can generate a target pop-up based on the pop-up configuration information and the target page identifier and display it on the target page.
[0082] The pop-up management method provided in this application involves a server generating a target page identifier based on the target page's page technology stack, then obtaining pop-up configuration parameters and determining pop-up configuration information based on these parameters. The server then sends the target page identifier and pop-up configuration information to the target client. This allows the target client to identify the target page based on the target page identifier, generate a target pop-up based on the pop-up configuration information, and display the pop-up on the target page. Furthermore, even if the target page identifier changes, the target pop-up generated based on the pop-up configuration information can still be displayed on the target page identified by the changed target page identifier. This solves the problems of repetitive development and low reusability in related technologies, avoids code redundancy, and improves reusability.
[0083] Based on the foregoing embodiments, this application provides a pop-up management method, which can be applied to a client-side application. Figure 2 As shown, the method includes the following steps:
[0084] Step 201: Receive the target page identifier and pop-up configuration information sent by the server.
[0085] The target page identifier is generated by the server based on the page technology stack of the target page, and the pop-up configuration information is determined by the server based on the obtained pop-up configuration parameters.
[0086] In this embodiment, the page technology stack of the target page is the technology stack used when generating the target page. The client can identify the target page through the target page identifier, generate the target pop-up based on the pop-up configuration information, and display it on the target page.
[0087] Step 202: Determine the pop-up display conditions based on the control parameters in the pop-up configuration information.
[0088] In this embodiment, the control parameters in the pop-up configuration information can be used to determine the pop-up display conditions of the target pop-up. The pop-up display conditions are the restrictions on when the target pop-up is displayed. For example, the pop-up display conditions may include the number of displays, display timing, preloading, and delivery conditions. Specifically, the number of displays can be displayed daily or a total of 50 times; the display timing can be displayed when entering the target page or when the target page has finished loading; preloading determines whether the pop-up configuration information needs to be preloaded to prevent lag and improve user experience; the delivery conditions can be sending the pop-up configuration information to newly registered users. The pop-up display conditions may also include other conditions, which are not limited in this embodiment.
[0089] Step 203: Obtain the page loading status of the target page corresponding to the target page identifier.
[0090] In this embodiment, the client can obtain the page loading status of the target page based on the target page identifier to determine whether the target page meets the conditions for pop-up display.
[0091] Step 204: If the target page meets the conditions for displaying a pop-up window based on the page loading status of the target page, generate the target pop-up window based on the pop-up window configuration information and display the target pop-up window on the target page.
[0092] In this embodiment, the page loading state of the target page is determined based on the target page identifier, which identifies the target page. Thus, the client can generate a target pop-up based on the pop-up configuration information and display it on the target page. As one possible approach, native technology, React Native (RN) technology, Flutter technology, or WebView technology can be used to generate the target pop-up based on the pop-up configuration information.
[0093] The pop-up management method provided in this application involves the client receiving a target page identifier and pop-up configuration parameters from the server. Based on the control parameters in the pop-up configuration information, the client determines the pop-up display conditions. Then, it obtains the page loading status of the target page corresponding to the target page identifier. If the target page meets the pop-up display conditions based on its page loading status, a target pop-up is generated based on the pop-up configuration information and displayed on the target page. Furthermore, if the target page identifier changes, the target pop-up generated based on the pop-up configuration information can also be displayed on the target page identified by the changed target page identifier. This solves the problems of repetitive development and low reusability in related technologies, avoids code redundancy, and improves reusability.
[0094] Based on the foregoing embodiments, embodiments of this application provide a pop-up management method, referring to... Figure 3 As shown, the method may include the following steps:
[0095] Step 301: The server determines the page technology stack and target parameters of the page technology stack for the target page.
[0096] The target page's technology stack refers to the technology stack used when generating the target page.
[0097] In this embodiment, different pages are implemented using different page technology stacks. The target parameters differ between these stacks. For example, the target parameter for a Native page technology stack can be the class name of the view controller; for an HTML5 page technology stack, it can be the host, port, and path based on a Uniform Resource Locator (URL); and for both React Native and Flutter page technology stacks, the target parameter can be a module identity document (module ID). Therefore, a target page identifier can be generated based on the page identifier determined by the target parameters of the page technology stack to identify the target page, thus enabling the identification of the target page. Since pages can be implemented using various page technology stacks, the server can generate a target page identifier based on the target page's page technology stack to identify the target page.
[0098] Step 302: The server determines the page identification method based on the target parameters of the page technology stack.
[0099] In this embodiment, since the target parameters of different page technology stacks differ, the server can determine the page identification method based on the target parameters of the page technology stack, as shown in the table below. The page identification method corresponding to the Native page technology stack is the class name of the view controller; the page identification method corresponding to the HTML5 page technology stack is the host + port + path of the Uniform Resource Locator (Url); and the page identification method corresponding to the React Native page technology stack and the Flutter page technology stack can both be module identity documents (module ID).
[0100] Native ViewController class name HTML5 URL host+port+path React Native module ID Flutter module ID
[0101] Step 303: The server generates the target page identifier based on the page technology stack and page identifier method.
[0102] In this embodiment, since different pages use different page technology stacks and have different target parameters, the server can generate a target page identifier based on the page technology stack and page representation method to identify the target page, further ensuring the uniqueness of the target page identifier. As one possible approach, the server can combine the target page's page technology stack and the page identifier method determined based on the page technology stack to generate the target page identifier. For example, the target page identifier generated based on the React Native page technology stack and the page identifier method determined by the React Native page technology stack's target parameters is "React Native module 1," and the target page identifier generated based on the Flutter page technology stack and the page identifier method determined by the Flutter page technology stack's target parameters is "Flutter module 1." Clearly, the two page identifiers are different; therefore, the target page identifier generated based on the target page's page technology stack and the page identifier method determined by the target parameters of that page technology stack is unique and can identify the target page.
[0103] Step 304: The server obtains the pop-up configuration parameters.
[0104] The pop-up configuration parameters can include the pop-up's layout parameters, content parameters, and control parameters.
[0105] In this embodiment, the layout parameters of the pop-up window may include the content layout, style, interaction, and clickable positions of the pop-up window; the control parameters of the pop-up window may include the number of times the pop-up window is displayed, the display timing, preloading, and delivery conditions; the content parameters of the pop-up window may include the controls, materials, and effects of the pop-up window; wherein, the controls of the pop-up window may be vertical sliding controls, horizontal sliding controls, etc.; the materials of the pop-up window may include H5 web page code, Lottie animation files, videos, images, Graphics Interchange Format (GIF), DSL scripts, etc.; the effects of the pop-up window may be carousels, etc. The pop-up window configuration information may also include the pop-up window group number and the pop-up window priority; wherein, the pop-up window group number is determined based on the pop-up window display area, and pop-ups in the same pop-up window display area have the same pop-up window group number.
[0106] Step 305: The server obtains configuration information based on layout parameters, content parameters, and control parameters.
[0107] In this embodiment, the layout parameters are the parameter information required to render the layout of the target pop-up window, the content parameters are the parameter information required to render the content in the target pop-up window, the control parameters are the parameter information required to render some dynamic interactions in the target pop-up window, and the configuration information is used to render the target pop-up window.
[0108] Step 306: The server filters the configuration information to obtain the pop-up configuration information and stores the pop-up configuration information in the database.
[0109] In this embodiment, after obtaining the configuration information, the server can filter the configuration information to prevent abnormal information from causing poor display of the target pop-up. The server can also store the configured pop-up configuration information in a database so that the target pop-up rendered by the pop-up configuration information can be displayed on other pages in the future, avoiding repeated development of the same type of pop-up, reducing code redundancy, and improving reusability.
[0110] Step 307: The server determines the conditions for the target pop-up to be displayed.
[0111] In this embodiment, the server can determine the conditions for the target pop-up to be displayed, and send the target page identifier and pop-up configuration information to the target client that meets the conditions, so as to display the target pop-up on the target client and improve resource utilization.
[0112] Step 308: The server determines the target client based on the delivery conditions and sends the target page identifier and pop-up configuration information to the target client.
[0113] In this embodiment, the target client can generate a target pop-up based on the target page identifier and pop-up configuration information and display the target pop-up on the target page. The delivery condition can be sending the target page identifier and pop-up configuration information to new users to increase their engagement. Alternatively, the delivery condition can be sending the target page identifier and pop-up configuration information to 70% of users to achieve the effect of the target pop-up within a fixed number of users. Of course, the delivery condition can also be other conditions used to limit the target client; this embodiment does not limit these.
[0114] In this embodiment, the server can also set up blacklists and whitelists. Users on the whitelist can ignore the delivery conditions, meaning the target page identifier and pop-up configuration information are sent to them every time. Users on the blacklist will not receive the target page identifier and pop-up configuration information regardless of whether they meet the delivery conditions. The server can also set up gray-scale deployment, determining the target user based on the gray-scale configuration and user ID, and sending the target pop-up to the target client corresponding to the target user in the gray-scale deployment, instead of a full rollout, to facilitate testing the effect of the target pop-up.
[0115] In this embodiment, the server may further include a page management module to uniformly manage the pages in the App. The page management module can generate corresponding page identifiers for different pages and set management permissions, which may include page owner, super administrator, page configurer, etc. Among them, the super administrator can assign the configuration permission of the target pop-up to the page configurer. The page configurer can configure the pop-up configuration parameters himself or assign the configuration permission of the target pop-up to the page configurer so that the page configurer can configure the pop-up configuration parameters.
[0116] Step 309: The client receives the target page identifier and pop-up configuration information sent by the server.
[0117] The target page identifier is generated by the server based on the page technology stack of the target page, and the pop-up configuration information is determined by the server based on the obtained pop-up configuration parameters.
[0118] Step 310: The client determines the pop-up display conditions based on the control parameters in the pop-up configuration information.
[0119] In this embodiment, the pop-up window can be displayed when the target page has been entered or when the target page has been loaded. When the pop-up window is displayed when the target page has been entered, step 311 can be used to determine that the page loading status of the target page has been entered; when the pop-up window is displayed when the target page has been loaded, steps 312-313 can be used to determine that the page loading status of the target page has been loaded.
[0120] Step 311: The client uses the objective function to determine that the page loading state of the target page corresponding to the target page identifier is the first state.
[0121] The first state indicates that the target page has been entered.
[0122] In this embodiment, the target function can be a hook function. As one possible approach, the client can monitor entry into the target page by hooking the view controller's viewDidAppear method. When the viewDidAppear method is called back, the client can determine that the page loading status of the target page has been entered.
[0123] Step 312: The client determines the percentage of blank pixels for the target page.
[0124] Among them, the blank pixel ratio represents the proportion of blank pixels to the total number of pixels.
[0125] In this embodiment of the application, the content on the page is pre-configured, so the page can be determined as to whether it has been fully loaded based on the percentage of blank pixels on the page.
[0126] The operation in step 312 can be implemented in the following way:
[0127] Step 312a: The client determines the proportion of blank pixels on the target page to the total number of pixels on the target page, and obtains the first blank pixel proportion.
[0128] In this embodiment, the first blank pixel ratio is the proportion of blank pixels after the target page is loaded to the total pixels of the target page.
[0129] Step 312b: The client periodically acquires the first image based on the capture command for the target page at first preset intervals.
[0130] In this embodiment, the first preset duration can be preset, for example, the first preset duration can be set to 1 second (s). As one possible approach, the client can periodically acquire the first image based on the capture command for the target page at 1-second intervals after entering the target page 0.5 seconds (s).
[0131] Step 312c: The client determines the proportion of blank pixels in the first image to the total number of pixels in the first image, and obtains the proportion of blank pixels in the second image.
[0132] In this embodiment of the application, the client can scale the first image to obtain the second image; determine the blank pixels of the second image; and obtain the percentage of the second blank pixels based on the blank pixels of the second image and the total pixels of the second image.
[0133] In this embodiment, the client scales the first image so that the pixels to be processed later are small enough to facilitate obtaining the percentage of the second blank pixels based on the first image, and thus determining whether the target page has been fully loaded.
[0134] In the embodiments of this application, blank pixels can be defined as follows: in non-dark mode, they are close to white, and in practice, the RGB values used are: R>235, G>235, B>235; in dark mode, they are close to black, and in practice, the RGB values used are: R<15, G<15, B<15. The proportion of the second blank pixels is obtained accordingly.
[0135] Step 313: Based on the proportion of blank pixels, the client determines that the page loading state of the target page is the second state.
[0136] The second state indicates that the target page has been fully loaded.
[0137] Step 313 can be implemented in the following way: when the proportion of the second blank pixel is less than or equal to the proportion of the first blank pixel, the client determines that the page loading status of the target page is completed.
[0138] In this embodiment, when obtaining the percentage of blank pixels in practice, an approximate value is usually taken, which may result in errors, but will not affect the actual use of the business. In actual business pages, a precise value is not required. When determining whether the target page has finished loading, the percentage of blank pixels in the current target page, i.e., the second percentage of blank pixels, can be statistically analyzed and compared with the first percentage of blank pixels. The formula used to determine whether the target page has finished loading is: Target page finished loading = Second percentage of blank pixels calculated from the screenshot image <= First percentage of blank pixels.
[0139] like Figure 4 As shown, if the client determines that the target page meets the pop-up display conditions based on the page loading status of the target page, and there is no pop-up in the same group as the target pop-up, then the client can execute step 314 after step 313; if the client determines that the target page meets the pop-up display conditions based on the page loading status of the target page, and there is a pop-up in the same group as the target pop-up, then the client can execute steps 315 to 318 after step 313.
[0140] Step 314: If the client determines that the target page meets the conditions for displaying a pop-up based on the page loading status of the target page, it generates the target pop-up based on the pop-up configuration information and displays the target pop-up on the target page.
[0141] Step 315: If the client displays a pop-up on the target page that belongs to the same pop-up group number as the target pop-up, obtain the pop-up priority of the target pop-up.
[0142] The pop-up configuration information includes the pop-up group number and pop-up priority of the target pop-up. The pop-up group number is determined based on the display area.
[0143] In this embodiment, only one pop-up with the same pop-up group number can be displayed in the same area. The pop-up priority of the target pop-up is the priority of the target pop-up when displayed in the area indicated by the pop-up group number.
[0144] Step 316: The client adds the target pop-up to the target area corresponding to the pop-up group number based on the pop-up priority.
[0145] In this embodiment, the target area is used to store pop-ups belonging to the same group as the target pop-up. The client adds the target pop-up to the target area corresponding to the pop-up group number based on pop-up priority, so as to display the target pop-up on the target page based on pop-up priority.
[0146] Step 317: The client retrieves the target pop-up from the target area according to the pop-up priority and displays the target pop-up on the target page.
[0147] It should be noted that the descriptions of the same steps and contents as in other embodiments in this embodiment can be found in the descriptions in other embodiments, and will not be repeated here.
[0148] Based on the foregoing embodiments, in other embodiments of this application, reference is made to... Figure 5 As shown, the method may further include the following steps:
[0149] Step 318: The client receives the trigger command for the target pop-up.
[0150] The trigger command carries an event identifier.
[0151] In this embodiment, an event identifier is used to identify an event. The event identifier can be a jump event or a simple event, such as causing the target pop-up to vibrate. As one possible implementation, the target pop-up has a clickable area; clicking the clickable area sends a trigger command to the target pop-up.
[0152] Step 319: The client determines the target processing module based on the event identifier and processes the target event through the target processing module.
[0153] In this embodiment, the jump event and simple event are configured in a single click position based on the event identifier. This allows for unified processing of the jump event and simple event, reducing configuration complexity. For example, the unified processing of the jump event and simple event can be achieved using an openApp link: openapp.xxx: / / virtual?params={"category":"jump","des":"h5","url":"xxxxx"}.
[0154] like Figure 6As shown in the embodiments of this application, the pop-up management method includes a server that may include a CMS, which may include a page management module. The page management module can set page identifiers, pop-up management permissions, and pop-up page backgrounds. The CMS may also include a pop-up management module, which can configure layout parameters such as content layout, style, interaction, and click positions of the target pop-up; control parameters such as display rule frequency, display timing, preloading, and delivery conditions of the target pop-up; and content parameters such as controls, materials, and effects of the target pop-up. The materials of the target pop-up can be H5 webpage code, Lottie animation files, videos, images, GIFs, DSL scripts, etc. Users set the target page identifier and configure pop-up configuration parameters through the CMS on the server. Based on these parameters, configuration information is obtained, filtered, and stored in a database. The server can then determine the target client based on delivery conditions, blacklists / whitelists, and grayscale hits, and send the target page identifier and pop-up configuration information to the target client. After receiving the target page identifier and pop-up configuration information, the target client can parse and process these elements. Based on the preloading information within the pop-up configuration, it determines whether preloading of the pop-up configuration is necessary. If preloading is required, the loaded configuration is stored in a resource cache module. This resource cache module can also be configured with a cache expiration period. After the cache expiration period, the pop-up configuration is deleted to save storage space. Client-side event monitoring includes, for example... Figure 6 The page loading completion, page entry, return to previous page, sensor, pull-to-refresh, and target page indicators shown are displayed. Client-side pop-up management includes, for example,... Figure 6 The animations shown include: event tracking, drag-and-drop functionality, loop playback, collapse animation, pop-up rendering, navigation, simple time processing, timers, and frequency recording. The client determines the pop-up display conditions based on control parameters in the pop-up configuration information, obtains the page loading status of the target page corresponding to the target page identifier through event monitoring, and, if the target page meets the pop-up display conditions based on its page loading status, renders the target pop-up using native, React Native, Flutter, or WebView technologies based on the pop-up configuration information and displays it on the target page. Figure 6 The target pop-up and pop-up a shown can be displayed in different areas of the same page.
[0155] To achieve fully configurable management of pop-up windows, such as Figure 7As shown, the basic capabilities a pop-up should possess include: diverse materials, customizable styles, diverse containers, interactivity, pop-up timing, and appropriate delivery conditions. Diverse materials include animations, videos, images, web pages, and Domain Specific Languages (DSLs). Customizable styles include layout, rounded corners, background, and fill mode. Diverse containers include native, React Native (RN), Flutter, and webviews. Interactive features include click-to-jump, drag-and-drop, click events, pop-up animations, close animations, and timers. Pop-up timing includes back navigation, sensor input, page entry, pull-to-refresh, and business logic calls. Delivery conditions include version, time, gray-scale testing, whitelisting, and delivery tags. These capabilities can be summarized as follows: On pages implemented with different technology stacks, pop-up windows with different types of content can appear during specific events or periods in the page's lifecycle. These pop-ups can include animations when they appear or close, and events can be handled after they appear. All of these capabilities are configured on the server and deployed to the client as needed by setting delivery conditions. This allows for automatic configuration and management of pop-ups in a non-intrusive manner for product and operations teams. The entire process requires no developer involvement and can be directly configured by product and operations teams. Businesses do not need to repeat development, reducing code redundancy and improving efficiency. After configuration and simple testing, it can be deployed without requiring separate releases or follow-up updates, significantly shortening the R&D cycle. Testing is unified by the server and client, eliminating the need for individual testing by each business unit.
[0156] Based on the foregoing embodiments, this application provides a pop-up management device, which can be applied to... Figure 1 , 3 In the pop-up management method provided in the embodiment corresponding to 5, refer to Figure 8 As shown, the pop-up management device 4 may include:
[0157] The generation unit 41 is used to generate a target page identifier for the target page based on the page technology stack of the target page.
[0158] The first processing unit 42 is used to obtain pop-up configuration parameters and determine pop-up configuration information based on the pop-up configuration parameters;
[0159] Sending unit 43 is used to send target page identifier and pop-up configuration information to target client; wherein, target page identifier and pop-up configuration information are used by target client to generate target pop-up and display it on target page.
[0160] In other embodiments of this application, the generation unit 41 is specifically used to perform the following steps:
[0161] Determine the page technology stack and target parameters of the page technology stack for the target page;
[0162] Determine the page identification method based on the target parameters of the page technology stack;
[0163] The target page identifier is generated based on the page technology stack and page identification method.
[0164] In other embodiments of this application, the first processing unit 42 is specifically used to perform the following steps:
[0165] Obtain the pop-up configuration parameters, which include the pop-up's layout parameters, content parameters, and control parameters;
[0166] Based on layout parameters, content parameters, and control parameters, configuration information is obtained;
[0167] The configuration information is filtered to obtain the pop-up configuration information, and then the pop-up configuration information is stored in the database.
[0168] In other embodiments of this application, the sending unit 43 is specifically used to perform the following steps:
[0169] Determine the conditions for displaying the target pop-up;
[0170] The target client is determined based on the delivery criteria, and the target page identifier and pop-up configuration information are sent to the target client.
[0171] It should be noted that a detailed explanation of the steps performed by each unit can be found in [reference needed]. Figure 1 , 3 The pop-up management method provided in the embodiment corresponding to 5 will not be described again here.
[0172] The pop-up management device provided in this application embodiment can identify the target page based on the target page identifier, generate the target pop-up based on the pop-up configuration information, and display the target pop-up on the target page. Furthermore, if the target page identifier changes, the target pop-up generated based on the pop-up configuration information can also be displayed on the target page identified by the changed target page identifier. This solves the problems of repeated development and low reusability in related technologies, avoids code redundancy, and improves reusability.
[0173] Based on the foregoing embodiments, this application provides a pop-up management device, which can be applied to... Figure 2 , 3 In the pop-up management method provided in the embodiment corresponding to 5, refer to Figure 9 As shown, the pop-up management device 5 may include:
[0174] The receiving unit 51 is used to receive the target page identifier and pop-up configuration information sent by the server; wherein, the target page identifier is generated by the server based on the page technology stack of the target page, and the pop-up configuration information is determined by the server based on the obtained pop-up configuration parameters;
[0175] The second processing unit 52 is used to determine the pop-up display conditions based on the control parameters in the pop-up configuration information;
[0176] The second processing unit 52 is also used to obtain the page loading status of the target page corresponding to the target page identifier;
[0177] The second processing unit 52 is further configured to generate a target pop-up based on the pop-up configuration information and display the target pop-up on the target page when the target page meets the pop-up display conditions based on the page loading status of the target page.
[0178] In other embodiments of this application, the second processing unit 52 is specifically used to perform the following steps:
[0179] The objective function is used to determine the page loading state of the target page corresponding to the target page identifier as the first state; where the first state indicates that the target page has been entered.
[0180] Determine the percentage of blank pixels for the target page; whereby the percentage of blank pixels represents the proportion of blank pixels to the total number of pixels.
[0181] Based on the proportion of blank pixels, the page loading state of the target page is determined to be the second state; the second state indicates that the target page has been fully loaded.
[0182] In other embodiments of this application, the second processing unit 52 is specifically used to perform the following steps:
[0183] Determine the proportion of blank pixels on the target page relative to the total number of pixels on the target page to obtain the first blank pixel proportion;
[0184] At a first preset time interval, the first image is periodically acquired based on the capture command for the target page;
[0185] Determine the proportion of blank pixels in the first image to the total number of pixels in the first image, and obtain the proportion of blank pixels in the second image;
[0186] Accordingly, the second processing unit 52 is specifically used to perform the following steps:
[0187] If the proportion of the second blank pixel is less than or equal to the proportion of the first blank pixel, the page loading state of the target page is determined to be the second state.
[0188] In other embodiments of this application, the receiving unit 51 is further configured to receive a trigger instruction for the target pop-up window; wherein the trigger instruction carries an event identifier;
[0189] The second processing unit 52 is used to determine the target processing module based on the event identifier and process the target event through the target processing module.
[0190] In other embodiments of this application, the second processing unit 52 is specifically used to perform the following steps:
[0191] If a pop-up with the same group number as the target pop-up is displayed on the target page, obtain the pop-up priority of the target pop-up; wherein, the pop-up configuration information includes: pop-up group number and pop-up priority, and the pop-up group number is determined based on the display area;
[0192] Based on pop-up priority, add the target pop-up to the target area corresponding to the pop-up group number;
[0193] Retrieve the target pop-up from the target area according to the pop-up priority, and display the target pop-up on the target page.
[0194] It should be noted that a detailed explanation of the steps performed by each unit can be found in [reference needed]. Figure 2 , 3 The pop-up management method provided in the embodiment corresponding to 5 will not be described again here.
[0195] The pop-up management device provided in this application receives the target page identifier and pop-up configuration parameters sent by the server, identifies the target page based on the target page identifier, generates the target pop-up based on the pop-up configuration information and displays it on the target page. Furthermore, if the target page identifier changes, the target pop-up generated based on the pop-up configuration information can also be displayed on the target page identified by the changed target page identifier. This solves the problems of repetitive development and low reusability in related technologies, avoids code redundancy, and improves reusability.
[0196] Based on the foregoing embodiments, embodiments of this application provide a server that can be applied to... Figure 1 , 3 In the pop-up management method provided in the embodiment corresponding to 5, refer to Figure 10 As shown, the server 6 may include: a first processor 61, a first memory 62, and a first communication bus 63, wherein:
[0197] The first communication bus 63 is used to realize the communication connection between the first processor 61 and the first memory 62;
[0198] The first processor 61 is used to execute the pop-up window management program in the first memory 62 to perform the following steps:
[0199] Based on the target page's page technology stack, generate the target page identifier for the target page;
[0200] Obtain the pop-up configuration parameters and determine the pop-up configuration information based on the pop-up configuration parameters;
[0201] Send the target page identifier and pop-up configuration information to the target client; the target page identifier and pop-up configuration information are used by the target client to generate the target pop-up and display it on the target page.
[0202] In other embodiments of this application, the first processor 61 is used to execute the pop-up management program in the first memory 62 to generate a target page identifier for the target page based on the target page's page technology stack, in order to implement the following steps:
[0203] Determine the page technology stack and target parameters of the page technology stack for the target page;
[0204] Determine the page identification method based on the target parameters of the page technology stack;
[0205] The target page identifier is generated based on the page technology stack and page identification method.
[0206] In other embodiments of this application, the first processor 61 is used to execute the pop-up management program in the first memory 62 to obtain pop-up configuration parameters and determine pop-up configuration information based on the pop-up configuration parameters, so as to implement the following steps:
[0207] Obtain the pop-up configuration parameters, which include the pop-up's layout parameters, content parameters, and control parameters;
[0208] Based on layout parameters, content parameters, and control parameters, configuration information is obtained;
[0209] The configuration information is filtered to obtain the pop-up configuration information, and then the pop-up configuration information is stored in the database.
[0210] In other embodiments of this application, the first processor 61 is used to execute the pop-up management program in the first memory 62 to send the target page identifier and pop-up configuration information to the target client, in order to implement the following steps:
[0211] Determine the conditions for displaying the target pop-up;
[0212] The target client is determined based on the delivery criteria, and the target page identifier and pop-up configuration information are sent to the target client.
[0213] It should be noted that a detailed description of the steps performed by the first processor can be found in [reference needed]. Figure 1 , 3The pop-up management method provided in the embodiment corresponding to 5 will not be described again here.
[0214] The server provided in this application generates a target page identifier and pop-up configuration information for a target page and sends them to the target client. The target client can then identify the target page based on the target page identifier, generate a target pop-up based on the pop-up configuration information, and display the pop-up on the target page. Furthermore, if the target page identifier changes, the target pop-up generated based on the pop-up configuration information can also be displayed on the target page identified by the changed target page identifier. This solves the problems of repetitive development and low reusability in related technologies, avoids code redundancy, and improves reusability.
[0215] Based on the foregoing embodiments, embodiments of this application provide a client application that is used in... Figure 2 , 3 In the pop-up management method provided in the embodiment corresponding to 5, refer to Figure 11 As shown, the client may include: a second processor 71, a second memory 72, and a second communication bus 73, wherein:
[0216] The second communication bus 73 is used to realize the communication connection between the second processor 71 and the second memory 72;
[0217] The second processor 71 is used to execute the pop-up management program in the second memory 72 to perform the following steps:
[0218] Receive the target page identifier and pop-up configuration information sent by the server; wherein, the target page identifier is generated by the server based on the page technology stack of the target page, and the pop-up configuration information is determined by the server based on the obtained pop-up configuration parameters;
[0219] Determine the pop-up display conditions based on the control parameters in the pop-up configuration information;
[0220] Get the page loading status of the target page corresponding to the target page identifier;
[0221] If the target page meets the conditions for displaying a pop-up based on the page loading status, a target pop-up is generated based on the pop-up configuration information and displayed on the target page.
[0222] In other embodiments of this application, the processor 71 is used to execute the pop-up management program in the memory 72 to obtain the page loading status of the target page corresponding to the target page identifier, so as to implement the following steps:
[0223] Determine the percentage of blank pixels for the target page; whereby the percentage of blank pixels represents the proportion of blank pixels to the total number of pixels.
[0224] Based on the proportion of blank pixels, the page loading state of the target page is determined to be the second state; the second state indicates that the target page has been fully loaded.
[0225] In other embodiments of this application, processor 71 is used to execute the pop-up management program in memory 72 to determine the proportion of the target page, in order to implement the following steps:
[0226] Determine the proportion of blank pixels on the target page relative to the total number of pixels on the target page to obtain the first blank pixel proportion;
[0227] At a first preset time interval, the first image is periodically acquired based on the capture command for the target page;
[0228] Determine the proportion of blank pixels in the first image to the total number of pixels in the first image, and obtain the proportion of blank pixels in the second image;
[0229] Accordingly, processor 71 is used to execute the pop-up management program in memory 72 based on the proportion of blank pixels to determine the page loading state of the target page as the second state, in order to implement the following steps:
[0230] If the proportion of the second blank pixel is less than or equal to the proportion of the first blank pixel, the page loading state of the target page is determined to be the second state.
[0231] In other embodiments of this application, processor 71 is used to execute a pop-up management program in memory 72 to perform the following steps:
[0232] Receives a trigger command for the target pop-up window; the trigger command carries an event identifier.
[0233] The target processing module is determined based on the event identifier, and the target event is processed by the target processing module.
[0234] In other embodiments of this application, the processor 71 is used to execute the pop-up management program in the memory 72 to display the target pop-up on the target page, in order to achieve the following steps:
[0235] If a pop-up with the same group number as the target pop-up is displayed on the target page, obtain the pop-up priority of the target pop-up; wherein, the pop-up configuration information includes: pop-up group number and pop-up priority, and the pop-up group number is determined based on the display area;
[0236] Based on the pop-up priority, the target pop-up is added to the target area corresponding to the pop-up group number;
[0237] Retrieve the target pop-up from the target area according to the pop-up priority, and display the target pop-up on the target page.
[0238] It should be noted that a detailed description of the steps performed by the processor can be found in [reference needed]. Figure 2 , 3 The pop-up management method provided in the embodiment corresponding to 5 will not be described again here.
[0239] The client provided in this application embodiment receives the target page identifier and pop-up configuration parameters sent by the server, identifies the target page based on the target page identifier, generates the target pop-up based on the pop-up configuration information and displays it on the target page. Furthermore, if the target page identifier changes, the target pop-up generated based on the pop-up configuration information can also be displayed on the target page identified by the changed target page identifier. This solves the problems of repetitive development and low reusability in related technologies, avoids code redundancy, and improves reusability.
[0240] Based on the foregoing embodiments, embodiments of this application provide a computer-readable storage medium storing one or more programs, which can be executed by one or more processors to implement... Figures 1-3 The steps of the pop-up management method provided in the embodiment corresponding to 5.
[0241] Those skilled in the art will understand that embodiments of this application can be provided as methods, systems, or computer program products. Therefore, this application can take the form of hardware embodiments, software embodiments, or embodiments combining software and hardware aspects. Furthermore, this application can take the form of a computer program product implemented on one or more computer-usable storage media (including, but not limited to, disk storage and optical storage) containing computer-usable program code.
[0242] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of this application. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart... Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.
[0243] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.
[0244] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.
[0245] The above description is merely a preferred embodiment of this application and is not intended to limit the scope of protection of this application.
Claims
1. A pop-up window management method, characterized in that, The method includes: Based on the page technology stack of the target page, a target page identifier is generated for the target page; wherein, the page technology stack of the target page is the technology stack used when generating the target page; Obtain the pop-up configuration parameters, and determine the pop-up configuration information based on the pop-up configuration parameters; The target page identifier and the pop-up configuration information are sent to the target client; wherein, the target page identifier and the pop-up configuration information are used by the target client to generate a target pop-up and display it on the target page; The generation of the target page identifier based on the page technology stack of the target page includes: Determine the page technology stack of the target page and the target parameters of the page technology stack; when the page technology stack is a Native page technology stack, the target parameters include the view controller class name; when the page technology stack is a ReactNative page technology stack or a Flutter page technology stack, the target parameters include the module identifier; Based on the target parameters of the page technology stack, the page identification method is determined; The target page identifier is generated based on the page technology stack and the page identification method.
2. The method according to claim 1, characterized in that, The step of obtaining pop-up configuration parameters and determining pop-up configuration information based on the pop-up configuration parameters includes: Obtain the pop-up configuration parameters, wherein the pop-up configuration parameters include the pop-up's layout parameters, content parameters, and control parameters; Based on the layout parameters, the content parameters, and the control parameters, configuration information is obtained; The configuration information is filtered to obtain the pop-up configuration information, and the pop-up configuration information is stored in the database.
3. The method according to claim 1, characterized in that, Sending the target page identifier and the pop-up configuration information to the target client includes: Determine the conditions for the deployment of the target pop-up window; The target client is determined based on the delivery conditions, and the target page identifier and the pop-up configuration information are sent to the target client.
4. A pop-up window management method, characterized in that, The method includes: The server receives a target page identifier and pop-up configuration information; wherein the target page identifier is generated by the server based on the page technology stack of the target page, the pop-up configuration information is determined by the server based on the obtained pop-up configuration parameters, and the page technology stack of the target page is the technology stack used when generating the target page. Based on the control parameters in the pop-up configuration information, determine the pop-up display conditions; Obtain the page loading status of the target page corresponding to the target page identifier; If the target page meets the pop-up display conditions based on the page loading status of the target page, a target pop-up is generated based on the pop-up configuration information and displayed on the target page; The server generates the target page identifier based on the target page's page technology stack, including: Determine the page technology stack of the target page and the target parameters of the page technology stack; when the page technology stack is a Native page technology stack, the target parameters include the view controller class name; when the page technology stack is a ReactNative page technology stack or a Flutter page technology stack, the target parameters include the module identifier; Based on the target parameters of the page technology stack, the page identification method is determined; The target page identifier is generated based on the page technology stack and the page identification method.
5. The method according to claim 4, characterized in that, The step of obtaining the page loading status of the target page corresponding to the target page identifier includes: The page loading state of the target page corresponding to the target page identifier is determined to be a first state using an objective function; wherein, the first state indicates that the target page has been entered; Determine the percentage of blank pixels for the target page; wherein, the percentage of blank pixels represents the proportion of blank pixels to the total number of pixels; Based on the percentage of blank pixels, the page loading state of the target page is determined to be a second state; wherein, the second state indicates that the target page has been fully loaded.
6. The method according to claim 5, characterized in that, Determining the percentage for the target page includes: Determine the proportion of blank pixels to the total pixels of the target page to obtain the first blank pixel proportion; At a first preset time interval, a first image is acquired periodically based on a capture command for the target page; Determine the proportion of blank pixels in the first image to the total number of pixels in the first image to obtain the second blank pixel proportion; Accordingly, determining the page loading state of the target page as the second state based on the percentage of blank pixels includes: If the proportion of the second blank pixels is less than or equal to the proportion of the first blank pixels, the page loading state of the target page is determined to be the second state.
7. The method according to claim 4, characterized in that, The method further includes: Receive a trigger command for the target pop-up window; wherein the trigger command carries an event identifier; The target processing module is determined based on the event identifier, and the target event is processed by the target processing module.
8. The method according to claim 4, characterized in that, Displaying the target pop-up window on the target page includes: If a pop-up with the same pop-up group number as the target pop-up is displayed on the target page, the pop-up priority of the target pop-up is obtained; wherein, the pop-up configuration information includes: the pop-up group number and the pop-up priority, and the pop-up group number is determined based on the display area; Based on the pop-up priority, the target pop-up is added to the target area corresponding to the pop-up group number; The target pop-up is retrieved from the target area according to the pop-up priority and displayed on the target page.
9. A pop-up window management device, characterized in that, The device includes: The generation unit is used to generate a target page identifier for the target page based on the page technology stack of the target page; wherein, the page technology stack of the target page is the technology stack used when generating the target page; The generation unit is further specifically configured to: determine the page technology stack of the target page and the target parameters of the page technology stack; determine the page identification method based on the target parameters of the page technology stack; generate the target page identifier based on the page technology stack and the page identification method; when the page technology stack is a Native page technology stack, the target parameters include the view controller class name; when the page technology stack is a React Native page technology stack or a Flutter page technology stack, the target parameters include the module identifier; The first determining unit is used to obtain pop-up configuration parameters and determine pop-up configuration information based on the pop-up configuration parameters; A sending unit is configured to send the target page identifier and the pop-up configuration information to the target client; wherein the target page identifier and the pop-up configuration information are used by the target client to generate a target pop-up and display it on the target page.
10. A pop-up window management device, characterized in that, The device includes: A receiving unit is configured to receive a target page identifier and pop-up configuration information sent by a server. The target page identifier is generated by the server based on the target page's page technology stack, and the pop-up configuration information is determined by the server based on acquired pop-up configuration parameters. The target page's page technology stack is the technology stack used when generating the target page. The server is further configured to: determine the target page's page technology stack and its target parameters; determine a page identifier method based on the target parameters of the page technology stack; and generate the target page identifier based on the page technology stack and the page identifier method. When the page technology stack is a Native page technology stack, the target parameters include the view controller class name; when the page technology stack is a React Native page technology stack or a Flutter page technology stack, the target parameters include a module identifier. The second determining unit is used to determine the pop-up display conditions based on the control parameters in the pop-up configuration information; The second determining unit is further configured to obtain the page loading status of the target page corresponding to the target page identifier; The second determining unit is further configured to, when determining that the target page meets the pop-up display conditions based on the page loading state of the target page, generate a target pop-up based on the pop-up configuration information and display the target pop-up on the target page.
11. A server, characterized in that, The server includes: a first processor, a first memory, and a first communication bus; The first communication bus is used to establish a communication connection between the first processor and the first memory; The first processor is used to execute the pop-up management program in the first memory to implement the steps of the pop-up management method as described in any one of claims 1 to 3.
12. A client, characterized in that, The client includes: a second processor, a second memory, and a second communication bus; The second communication bus is used to establish a communication connection between the second processor and the second memory; The second processor is used to execute the pop-up management program in the second memory to implement the steps of the pop-up management method as described in any one of claims 4 to 8.
13. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores one or more programs, which can be executed by one or more processors to implement the steps of the pop-up management method as described in any one of claims 1 to 3 or claims 4 to 8.
Citation Information
Patent Citations
Popup window page generation method and apparatus, browser and storage medium
CN107808010A
Page rendering monitoring method and device
CN111797339A
Page generation method, device and equipment
CN112905175A
Popup window display method and device
CN113535313A
Page display method and device, computer equipment, storage medium and program product
CN114238806A