CN114896020A

CN114896020A - Popup window generation method and device, electronic equipment and readable storage medium

Info

Publication number: CN114896020A
Application number: CN202210680368.1A
Authority: CN
Inventors: 谢子婕; 沈杨; 严振杰
Original assignee: Lazas Network Technology Shanghai Co Ltd
Current assignee: Lazas Network Technology Shanghai Co Ltd
Priority date: 2022-06-16
Filing date: 2022-06-16
Publication date: 2022-08-12

Abstract

The application discloses a popup window generation method, a popup window generation device, electronic equipment and a readable storage medium, wherein the method comprises the following steps: building a plurality of component modules for generating popup windows; acquiring the generation configuration parameters of the popup, wherein the generation configuration parameters comprise: the type configuration parameters and the opportunity configuration parameters of the popup window, and the configuration parameters of each component module; and sending the acquired generation configuration parameters to a client so that the client generates and displays the popup window according to the generation configuration parameters. The method and the device realize a one-code multi-skin popup window generation mode, and greatly save popup window development and test costs; on the other hand, refinement of the popup strategy can be realized through configuration of various generation parameters of the popup, the perception of the user on the popup is greatly promoted, and the conversion rate of user behaviors is improved.

Description

Popup window generation method and device, electronic equipment and readable storage medium

Technical Field

The application relates to the technical field of computers, in particular to a pop-up window generation method and device, electronic equipment and a readable storage medium.

Background

The popup is a common prompting mode, the terminal performs message prompting or pushing for a user by popping up and displaying the popup on a page, and the popup can be used for guiding the behavior of the user.

However, in the prior art, the generation of the popup has many problems, so that the user behavior cannot be effectively guided and converted, for example, the popup is unreasonable in triggering timing, and for example, a simple rule is used as a driving triggering mechanism, the timing is rough, and the user is difficult to attract; if the pop-up window pop-up scene is single and is not matched with the user requirement, the guidance and the conversion of the user behavior are difficult to realize; in addition, in order to find out which visual performance is attractive to users, various skins are often required to be tested, each skin needs one set of codes, and a large amount of labor and economic cost are consumed.

Disclosure of Invention

In view of the above situation, embodiments of the present application provide a method and an apparatus for generating a pop-up window, an electronic device, and a readable storage medium, so as to solve or partially solve the above problems.

In a first aspect, an embodiment of the present application provides a method for generating a popup window, which is applied to a server, and the method includes:

constructing a plurality of component modules for popup to be generated;

acquiring the generation configuration parameters of the popup, wherein the generation configuration parameters comprise: the type configuration parameters and the opportunity configuration parameters of the popup window, and the configuration parameters of each component module;

and sending the acquired generation configuration parameters to a client so that the client generates and displays the popup window according to the generation configuration parameters.

Optionally, in the above method, the building a plurality of component modules for generating a popup includes:

dividing a popup to be generated into a plurality of component modules, wherein the plurality of component modules comprise: the device comprises a head skin module, a button module, a rule module, a first theme color module and a second theme color module.

Optionally, in the above method, the plurality of component modules further includes: a countdown module.

Optionally, in the foregoing method, the obtaining the generation configuration parameter of the popup window includes:

providing a configuration interface, and receiving the generated configuration parameters of the popup through the configuration interface, wherein the configuration interface comprises a type parameter control, a time parameter control and a plurality of component module parameter controls;

wherein the selectable items of the type parameter control comprise: an envelope style, an opening style, and a scene style;

the selectable items or the fillable items of the opportunity parameter control are configured according to the triggering opportunity or the triggering scene of the popup.

Optionally, in the above method, the component module parameter controls include: a head skin parameter control comprising a plurality of first sub-controls, the plurality of first sub-controls comprising a head height sub-control, a pop-up window name sub-control, a rights and interests content sub-control;

wherein the fillable or selectable items of the head-height sub-control are configured according to a design height of the popup;

the number of words in the fillable items of the popup name sub-control is within a preset range;

the equity content child control is configured for an equity amount and a full-minus rule.

Optionally, in the above method, the component module parameter controls include: a button parameter control; the button parameter control comprises a plurality of second sub-controls, and the plurality of second sub-controls comprise a button height sub-control and a button jump sub-control;

wherein the fillable or selectable items of the button-height sub-control are configured according to a design height of the popup;

the button jump sub-control is configured according to whether to jump in response to clicking of a button.

Optionally, in the above method, the component module parameter controls include: a countdown parameter control;

the selectable items of the countdown parameter control include: with and without countdown.

Optionally, in the above method, the component module parameter controls include: a rule parameter control;

the selectable options for the rule parameter control include: displaying the rule icon and not displaying the rule icon.

Optionally, in the above method, the configuration interface further includes: a first text theme color control and a second text theme color control;

wherein selectable items of the first text theme color control are configured for first text, wherein the first text comprises: popup name, equity amount and full minus rule;

the selectable items of the second text theme color control are configured for second text, wherein the second text comprises: count down, use the rule.

In a second aspect, an embodiment of the present application further provides a method for generating a popup window, where the method is applied to a client, and the method includes:

receiving a generation configuration parameter of a popup window sent by a server, wherein the generation configuration parameter comprises a type configuration parameter, an opportunity configuration parameter and a configuration parameter of each component module;

analyzing the generated configuration parameters, and acquiring the trigger time and the type of the popup window and the display configuration parameters of each element in each component module;

and calling a popup framework corresponding to the popup type according to the popup triggering time, rendering the popup framework according to the display configuration parameters of each element, and generating and displaying the popup.

Optionally, in the method, the display configuration parameters of each element include a design width, a design height, and a reference screen width of each element, where the reference screen width is a preset screen width of a reference client;

rendering the popup window framework according to the display configuration parameters of the elements, wherein the rendering comprises the following steps:

reading the screen width of the client and determining the display width of each element of the pop-up window, wherein for one element, the display width is determined according to the screen width, the design width of the element and the reference screen width;

determining the display height of each element of the pop-up window, wherein for one element, the display height is determined according to the display width, the design height and the design width of the element;

and rendering the popup window framework according to the display width and the display height of each element.

Optionally, in the above method, the method for determining the display width of an element includes:

determining a first product value of the screen width and the design width of the element;

determining a first quotient value of the first product value and the reference screen width, and taking the first quotient value as the display width of the element;

the method for determining the display height of an element comprises the following steps:

determining a second product value of the presentation height of the element and the design height;

and determining a second quotient of the second product value and the design width, and taking the second quotient as the display height of the element.

Optionally, in the method, the method for determining the display width of the element further includes:

rounding the first quotient by a rounding method, and taking a numerical value obtained by rounding as the display width of the element;

the method for determining the display height of the element further comprises the following steps:

rounding the second quotient by a rounding method, and taking a numerical value obtained by rounding as the display height of the element.

Optionally, in the above method, the pop window triggering time is a time expression or a scene triggering rule;

the calling a popup framework corresponding to the popup type according to the popup triggering time, rendering the popup framework according to the display configuration parameters of each element, and generating and displaying the popup comprises the following steps:

determining popup time of the popup according to the time expression, if the current time reaches the popup time, executing the popup framework corresponding to the popup type, rendering the popup framework according to the display configuration parameters of each element, and generating and displaying the popup;

or;

and if the current scene meets the scene triggering rule, executing the popup framework corresponding to the popup type, rendering the popup framework according to the display configuration parameters of each element, and generating and displaying the popup.

In a third invention, an embodiment of the present application further provides a pop-up window generation device, where the pop-up window generation device is configured to execute any one of the foregoing methods.

In a fourth aspect, an embodiment of the present application further provides an electronic device, including: a processor; and a memory arranged to store computer executable instructions that, when executed, cause the processor to perform any of the methods described above.

In a fifth aspect, this application embodiment also provides a computer-readable storage medium storing one or more programs which, when executed by an electronic device including a plurality of application programs, cause the electronic device to perform any of the methods described above.

The embodiment of the application adopts at least one technical scheme which can achieve the following beneficial effects:

the method comprises the steps of constructing the popup to be generated into a plurality of component modules, obtaining type configuration parameters and opportunity configuration parameters of the popup, and configuration parameters of each component module, and issuing generation configuration information of the popup so as to generate and display the popup at a client. On one hand, the method realizes a one-code multi-skin popup window generation mode through the modularized processing of popup, namely, one set of codes can support the generation of popup windows of various skins, and the popup window development and test cost is greatly saved; on the other hand, refinement of the popup strategy, such as diversification of scenes and precision of opportunities, can be realized by configuring various generation parameters of the popup, the perception of the user on the popup is greatly promoted, and the conversion rate of user behaviors is improved.

Drawings

The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the application and together with the description serve to explain the application and not to limit the application. In the drawings:

fig. 1 shows an application environment diagram of a pop-up window generation method according to an embodiment of the present application;

FIG. 2 shows a flow diagram of a method of generation of a pop-up window according to an embodiment of the present application;

FIG. 3 shows a visual schematic diagram of a pop-up window according to an embodiment of the present application;

FIG. 4-a shows a visualization schematic of a pop-up window according to another embodiment of the present application;

4-b illustrate a visualization schematic of a pop-up window according to yet another embodiment of the present application;

FIG. 5 shows a schematic structural diagram of a pop-up window generation system according to an embodiment of the present application;

FIG. 6 is a flowchart illustrating a pop-up window generation method according to another embodiment of the present application

Fig. 7 shows a schematic structural diagram of a pop-up window generation apparatus according to an embodiment of the present application;

fig. 8 shows a schematic structural diagram of a pop-up window generation apparatus according to another embodiment of the present application;

fig. 9 is a schematic structural diagram of an electronic device in an embodiment of the present application.

Detailed Description

In order to make the objects, technical solutions and advantages of the present application more apparent, the technical solutions of the present application will be described in detail and completely with reference to the following specific embodiments of the present application and the accompanying drawings. It should be apparent that the described embodiments are only some of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.

The technical solutions provided by the embodiments of the present application are described in detail below with reference to the accompanying drawings.

The method comprises the steps of constructing the popup to be generated into a plurality of component modules, obtaining type configuration parameters and opportunity configuration parameters of the popup, and obtaining configuration parameters of each component module, generating the popup, and sending the popup to a client so as to render and display the popup at the client. Through the modularized processing of the popup and the technical means of generating the popup according to the configuration parameters, a popup generation mode of one code with multiple skins can be realized, and the popup development and test cost is greatly saved; and flexible control of popup window triggering is realized through parameter configuration.

The method for generating the popup window provided by the embodiment of the application can be applied to an application environment as shown in fig. 1, wherein a client is in communication connection with a server through a network. And the server side sends the generation configuration parameters of the popup to the client side, and the client side renders and displays the popup according to the obtained generation configuration parameters so as to guide and convert the behavior of the user. The client may be, but is not limited to, various personal computers, laptops, smartphones, tablets, and portable wearable devices. The server can be implemented by an independent server or a server cluster composed of a plurality of servers. The present application is described in detail below with specific examples.

Fig. 2 is a schematic flow chart of a pop-up window generation method according to an embodiment of the present application, where from the method shown in fig. 2, the present application at least includes steps S210 to S240:

step S210: and constructing a plurality of component modules for the popup to be generated.

In the prior art, for a user, a popup is visually displayed in the form of a picture on a terminal screen, and there may be some buttons that can be clicked in the picture. Therefore, the pop-up window usually adopts a "one-skin-one-code" mode, that is, one set of skin needs one set of code support, in order to test which skin pop-up window is most attractive to users, multiple sets of codes are often written to realize skin test experiments, and a large amount of development and test cost is consumed. On the other hand, in the prior art, when the pop-up window pops up, the pop-up window is usually driven to pop up according to a simple rule, for example, when a user browses a home page of a certain APP at a client, the pop-up window pops up, the pop-up mode is simple and rough, the matching degree with the user requirement is low, and effective guidance for the user behavior is difficult to form; and the pop-up window pops up in a single scene, and basically pops up only under the condition that the user browses the home page, so that the perception capability of the user intention and the scene is lacked.

For this purpose, the present application provides a pop-up window generation method, first, a plurality of component modules for generating a pop-up window are constructed, specifically, referring to fig. 3, fig. 3 shows a visual schematic diagram of a pop-up window according to an embodiment of the present application, and as can be seen from fig. 3, in this embodiment, the plurality of component modules constituting the pop-up window 300 include a first module 310, a second module 320, and a third module 330, and the first module 310, the second module 320, and the third module 330 are pieced together to form the pop-up window 300. It should be noted that fig. 3 is only an exemplary illustration, and in an actual scenario, the component modules may be overlapped in front of each other, and may also have text, images, and other elements.

Step S220: acquiring the generation configuration parameters of the popup, wherein the generation configuration parameters comprise: the type configuration parameters and the opportunity configuration parameters of the popup window, and the configuration parameters of each component module.

And then, acquiring the generation configuration parameters of the popup, that is, the generation of the popup in the application supports personalized setting. For an equity popup, for example, parameters or items that may be set include, but are not limited to, popup name, amount, threshold, action point, usage rules, and countdown presence or absence, among others.

The specific configuration parameters include, but are not limited to, type configuration parameters of the pop-up window, opportunity configuration parameters, configuration parameters of each component module, and the like.

The type of the popup can be controlled by configuring the type configuration parameter, for example, the popup type may be, but is not limited to, a dialog box (Alert), a control panel (Action Sheets), a small prompt (Toast), a quick prompt (snapbar), and the like.

The pop-up window pop-up time can be controlled by configuring the time configuration parameters, and the time can be controlled by time or scene control, such as global page display can be supported, including but not limited to a search result page, subsequent channels needing to be covered, scenes after shopping and the like.

In other embodiments of the present application, while supporting global page display, specific page display is also supported, such as displaying within a specific page range according to one or more configured drop pages. For example, when the user browses to a specified page, the generation of a target popup window can be triggered.

In other embodiments of the present application, configuration of fatigue according to the exhibition space dimension and/or the content dimension is also supported, for example, in the same scene, pop up the pop-up window continuously for multiple times or for a period of time, but the behavior of the user cannot be effectively guided, and then the pop-up window can be cancelled.

The generated configuration parameters also comprise configuration parameters of each component module, and the configuration parameters of each component can comprise picture styles, picture sizes, text contents and the like.

The method and the device have the advantages that the parameters needing to be configured are not limited, and can be determined or increased or decreased according to the effect of the popup to be generated.

Step S230: and sending the acquired generation configuration parameters to a client so that the client generates and displays the popup window according to the generation configuration parameters.

After the generation configuration parameters of the popup are obtained, the parameters can be generated into the popup and sent to the client, the client renders the popup according to the received generation configuration parameters, and displays the produced popup, wherein for some unconfigured parameters, default values can be set.

It should be noted that a pop-up window framework is preset at the client, and when the client receives the generated configuration parameter, rendering is performed according to the preset pop-up window framework and the received generated configuration parameter when the trigger time is reached. In addition, the generation configuration information formula of when the popup is issued by the server can be flexibly mastered, and if the popup is mainly set for a promotion activity, the popup can be integrally issued before the promotion activity, so that the client obtains a trigger time according to time configuration parameters to render and display the popup. Or in the process of promotion activities, issuing according to the opportunity configuration parameters, if the opportunity configuration parameters contain a timing expression, issuing the generation configuration parameters of the popup window by the server according to each moment in the timing expression; and if the opportunity configuration parameters comprise scene configuration, issuing generated configuration parameters in response to clicking of a target product in the client or jumping of a specified page, so that flexible control of pop-up window pop-up opportunities is realized through configuration of the time setting configuration parameters.

And finally, the client displays the generated popup window on a screen of the client.

As can be seen from the method shown in fig. 2, in the application, the popup to be generated is constructed into a plurality of component modules, the type configuration parameters, the opportunity configuration parameters, and the configuration parameters of each component module of the popup are acquired, and the generation configuration information of the popup is issued, so that the popup is generated and displayed at the client. On one hand, the method realizes a one-code multi-skin popup window generation mode through the modularized processing of popup, namely, one set of codes can support the generation of popup windows of various skins, and the popup window development and test cost is greatly saved; on the other hand, refinement of the pop-up window pop-up strategy, such as diversification of scenes and precision of opportunities, can be realized through configuration of various generation parameters of the pop-up window, the perception of the user on the pop-up window is greatly promoted, and the conversion rate of user behaviors is improved.

In some embodiments of the present application, in the above method, the building a plurality of component modules for generating a popup comprises: dividing a popup to be generated into a plurality of component modules, wherein the plurality of component modules comprise: the device comprises a head skin module, a button module, a bottom skin module, a first theme color module and a second theme color module. In other embodiments of the present application, the plurality of component modules further comprises: a countdown module.

The division mode of this application to the pop-up window does not put any restriction, and all can cover the pop-up window, and various reasonable division modes all can. As shown in fig. 4-a and 4-b, fig. 4-a shows a visual schematic diagram of a pop-up window according to another embodiment of the present application, fig. 4-b shows a visual schematic diagram of a pop-up window according to yet another embodiment of the present application, and both the pop-up windows shown in fig. 4-a and 4-b are rights pop-up windows, and as can be seen from fig. 4-a, a plurality of component modules constituting the pop-up window 400-1 include a head skin module 410, a button module 420, a rule module 430, a first theme color module 440, and a second theme color module 450; as can be seen from fig. 4-b, the pop-up window 400-2 is composed of not only the head skin module 410, the button module 420, the rule module 430, the first theme color module 440, and the second theme color module 450, but also: a countdown module 460.

In some embodiments of the present application, in the method, the obtaining the generation configuration parameter of the popup window includes: providing a configuration interface, and receiving the generated configuration parameters of the popup through the configuration interface, wherein the configuration interface comprises a type parameter control, a time parameter control and parameter controls of a plurality of component modules. In some embodiments of the present application, a visual configuration interface may be provided at the server, so that the staff may set the configuration parameters generated by the popup on the visual configuration interface. The configuration interface can be directly displayed on a screen of a server arranged at a server side, and also can be displayed on a terminal of a related worker, wherein in an actual scene, the latter is a common form. As shown in fig. 5, fig. 5 is a schematic structural diagram illustrating a system for generating pop-up windows according to an embodiment of the present application, and as can be seen from fig. 5, a system 500 for generating pop-up windows includes a server 510 and at least one client 520, where the server 510 includes a server 511 and an operation terminal 512, the server 510 is in communication connection with the client 520, specifically, the server 511 is in communication connection with the client 520, and the server 511 is also in communication connection with the operation terminal 512.

The server 511 provides a visual configuration interface, displays the visual configuration interface on the operation terminal 512, the configuration interface is provided with a plurality of controls, an operator sets the configuration parameters for generating the popup window on the operation terminal 512 by filling or selecting, and the server 511 receives the configuration parameters for generating the popup window through the configuration interface and sends the configuration parameters to the client 520 at a proper time, so that the client 520 generates the popup window according to the configuration parameters.

And configuring a plurality of controls on the configuration interface, wherein the controls comprise but are not limited to a popup type parameter control, a popup opportunity parameter control and a parameter control of a plurality of component modules. If other parameters are needed, controls can be added or subtracted as needed.

In some embodiments of the present application, if the pop-up window is a resource or interest pop-up window, in order to apply different scenarios, the selectable options of the type parameter control of the pop-up window may include: envelope style, opening style, and scene style. The worker can control the type of the popup window only by selecting the popup window on the configuration interface.

The opportunity parameter control can be set to be selectable or fillable, can be configured according to the triggering opportunity or the triggering scene of the pop-up window, can simply understand that the triggering opportunity can contain a timing expression, and then generates the pop-up window according to each moment in the timing expression, for example, the pop-up window is generated once every hour; if the opportunity configuration parameters include scene configuration, for example, in response to clicking of a target product in the client or jumping of a designated page, a popup is generated, and therefore flexible control over popup opportunity is achieved through configuration of the time setting configuration parameters. In other embodiments of the present application, a docking algorithm may also be configured, and the algorithm performs a pop-window style decision.

The plurality of controls may also include, but are not limited to, parameter controls of a plurality of component modules, one for each component module, and in the case of the pop-up window shown in fig. 4-b, the pop-up window 400-2 includes 6 component modules, respectively, a head skin module 410, a button module 420, a rule module 430, a first text module 440, a second text module 450, and a countdown module 460. In this case, the parameter controls of the plurality of component modules include a head skin parameter control, a button parameter control, a countdown parameter control, a rule parameter control, a first text theme color control, and a second text theme color control. Wherein the head skin parameter control corresponds to the head skin module 410, the button parameter control corresponds to the button module 420, the countdown parameter control corresponds to the countdown module 460, the rule parameter control corresponds to the rule module 430, the first text theme color control corresponds to the first text module 440, and the second text module 450 corresponds to the second text theme color control.

In the above control, the head parameter control includes, but is not limited to, a plurality of first sub-controls, and the plurality of first sub-controls include a head height sub-control, a pop-up window name sub-control, a rights and interests content sub-control, and the like, which may be added or reduced as needed.

Wherein the fillable or selectable items of the head-height sub-control are configured according to a design height of the popup. When designing the pop-up window, the size of the pop-up window may be pre-designed, assuming that the screen size of a device is the reference, for example, for the pop-up window designed for the mobile phone screen, the size of the pop-up window may be designed based on 750px 1860px, and at this time, the pop-up window has an initial design height and a design width. In this embodiment, the height of the head of the pop-up window is configurable, such as the fillable or selectable item of the head-height sub-control is configurable according to the design height of the pop-up window, so that the worker can select or fill in the pop-up window.

In other embodiments of the present application, fixed values may also be set to define the component module in the pop-up window, such as setting the text inside the head skin component or keeping a certain component constant with 16px at the top of the pop-up window.

The number of words in the fillable items of the popup name sub-control is within a preset range, the content in the popup name sub-control can be configured into a custom file for filling by a worker, and a filling rule can be set, for example, the number of words is within a range of 2-10 words.

The rights and interests content sub-control is configured according to rights and interests amount and full-subtracting rules, the rights and interests content sub-control is mainly designed according to rights and interests contained in the popup window, for example, the rights and interests content sub-control contains preferential amounts and full-subtracting rules of rights and interests, and the like, and in some embodiments of the application, the parameters can be manually set; in other embodiments of the present application, some hyperlinks may also be set, so that when the equity amount or the full-minus rule is performed, the operations may be switched to the hyperlinks for reading, so that there is no need to configure one by one, for example, the equity amount may be read, the usage rule may be read, the usage threshold of the hundred-chuan coupon is read, if the usage threshold is greater than 0, "n-yuan available" (n is the lowest usage amount) is displayed, and if the usage threshold is greater than 0, "no threshold" is displayed.

The pop-up window pattern may also include whether the pop-up window is expanded or not, and may be displayed in the pop-up window in the form of characters.

In the foregoing control, the component module parameter controls include: a button parameter control; the button parameter control comprises a plurality of second sub-controls including a button height sub-control and a button jump sub-control. Wherein the fillable or selectable items of the button-height sub-control are configured according to the design height of the popup, that is, the height of the button module 420 is also configurable as with the head skin module 410. The button skip sub-control is configured according to whether skip is carried out or not in response to the click of the button, a clickable button is arranged in the button module, the button module 420 corresponding to the button module is configured, whether skip is carried out or not in response to the click operation of the button can be configured, and if the skip is not carried out, the popup window is directly closed in response to the click operation of the button; if the configuration is a skip, in response to a click operation on a button, a designated connection, such as a baichuan coupon configuration link, may be skipped, and in order to prevent the contents of the configuration, the configuration may be remarked.

In the above control, the parameter controls of the plurality of component modules include: a countdown parameter control; the selectable items of the countdown parameter control include: with and without countdown. For the benefit popup window, the conversion of user behavior is better promoted, and for this purpose, a popup window displaying countdown can be set to remind the user of using the benefit; of course, for some long term benefits, it is also possible to set the countdown not to be displayed. And selecting a countdown option from the countdown parameter control, displaying a countdown style in the popup, and if the non-countdown option is selected, displaying the non-countdown style in the popup. In some embodiments of the present application, the countdown is typically a dynamic number that, when less than 24 hours remain, may indicate: the rest xx: xx: xx is finished; when the remaining time exceeds 24 hours, it can be shown that: the remaining x days xx: xx: xx ends.

In some embodiments of the present application, the plurality of component module parameter controls comprise: a rule parameter control; the selectable options for the rule parameter control include: displaying the rule icon and not displaying the rule icon. For use details of the equity in some equity popup windows, display rule icons and non-display rule icons may be provided so that a user may view a detailed rule description by clicking on the rule icon.

In some embodiments of the present application, the configuration interface further comprises: a first text theme color control and a second text theme color control; wherein selectable items of the first text theme color control are configured for first text, wherein the first text comprises: popup name, equity amount and full minus rule; the selectable items of the second text theme color control are configured for second text, wherein the second text comprises: count down, use the rule.

In order to achieve a better visual effect, text theme color controls can be set for the characters in the popup window, and the colors of the characters in the popup window are controlled through the configuration of the text theme color controls, for example, in this embodiment, a first text theme color control and a second text theme color control are set; wherein the selectable options of the first text theme color control are configured for a popup name, a equity amount, and a full-minus rule; the selectable options of the second text theme color control are configured for countdown, use rules.

It should be noted that each control can be set as a required item or an optional item according to needs.

In addition, in some embodiments of the present application, some fixed texts may be added to the pop-up window and the pop-up window button may be closed as needed.

In some embodiments of the present application, the skin of the component of the pop-up window may be in various forms, such as an apng format, and various special effects such as a special shape, animation, lighting, shading, and the like.

Fig. 6 is a flowchart illustrating a method for generating a popup window according to another embodiment of the present application, where the method is applied to a client, and the method includes at least steps S610 to S630:

step S610: and receiving the generation configuration parameters of the popup window sent by the server, wherein the generation configuration parameters comprise type configuration parameters, opportunity configuration parameters and configuration parameters of each component module.

Step S620: analyzing the generated configuration parameters to obtain the triggering time of the popup window, the popup window type and the display configuration parameters of each element in each component module;

step S630: and calling a popup framework corresponding to the popup type according to the popup triggering time, rendering the popup framework according to the display configuration parameters of each element, and generating and displaying the popup.

Referring to fig. 1, a client receives configuration parameters generated by a popup sent by a server, analyzes the configuration parameters generated, and obtains at least a trigger time of the popup, a popup type, and display configuration parameters of each element in a plurality of popup component modules, and when a current time or a scene meets the trigger time, may call a popup framework corresponding to the popup type, where the popup framework is preset in the client in advance, and then renders the popup framework according to the display configuration parameters of each element, so as to generate the popup, and may display the generated popup on a screen of the client to guide a behavior of a user.

The popup is divided into the plurality of component modules for rendering, so that a popup generation mode of one code with multiple skins is realized, namely, one set of codes can support the generation of popup of multiple skins, and the popup development and test cost is greatly saved; on the other hand, refinement of the popup strategy, such as diversification of scenes and precision of opportunities, can be realized by configuring various generation parameters of the popup, the perception of the user on the popup is greatly promoted, and the conversion rate of user behaviors is improved.

In the prior art, the common size of the popup is a specific numerical value, that is, a fixed value, which results in inconsistent effects displayed on client devices with different screen sizes. The overall concept is that the client performs equal scaling on each original view of the popup window, including all elements such as margin, fonts, pictures and the like, thereby more effectively ensuring the consistency of display effects designed on devices with different resolutions.

In some embodiments of the present application, the display configuration parameters of each element include a design width, a design height, and a reference screen width of each element, where the reference screen width is a preset screen width of a reference client; rendering the popup window framework according to the display configuration parameters of the elements, wherein the rendering comprises the following steps: reading the screen width of the client and determining the display width of each element of the pop-up window, wherein for one element, the display width is determined according to the screen width, the design width of the element and the reference screen width; determining the display height of each element of the pop-up window, wherein for one element, the display height is determined according to the display width, the design height and the design width of the element; and rendering the popup window framework according to the display width and the display height of each element.

As described above, when designing a pop-up window, the size of each element in the pop-up window may be preset, specifically, the screen size of a client device may be preset as a reference, and the client is denoted as a reference client, where the reference client may be understood as a target client that is to cause the pop-up window to be displayed. Let the width of the reference client be the reference screen width, and in some embodiments of the present application, it is assumed that the designed reference screen width is 750 px.

And designing the size of each element in the pop-up window by taking the reference screen width as a reference, recording the width of the designed pop-up window as the design width, and recording the height of the designed pop-up window as the design height.

Because the sizes of the clients are different, when the elements in the pop-up window are zoomed, the screen width of the target client can be read, and subsequent zooming is carried out according to the read screen width.

And then scaling each element in an equal ratio according to the acquired design width, design height and reference screen width of each element, namely determining the display width and display height of each element, wherein the display width is the width of the popup displayed on the target client, and the display height is the height of the popup displayed on the target client. The elements can be scaled to different scales of design size, such as 90%, 110%, and the like, by scaling, so as to achieve visual consistency.

When the pop-up window is displayed, for an element, the display width of the element can be determined according to the screen width, the design width of the element and the reference screen width; the display height is determined according to the display width, the design height and the design width of the element.

In some embodiments of the present application, a method for determining a presentation width of an element includes: determining a first product value of the screen width and the design width of the element; determining a first quotient value of the first product value and the reference screen width, and taking the first quotient value as the display width of the element; the method for determining the display height of an element comprises the following steps: determining a second product value of the presentation height of the element and the design height; and determining a second quotient of the second product value and the design width, and taking the second quotient as the display height of the element.

Specifically, for an element, the presentation width of the element is a first quotient of a first product value and a reference screen width, wherein the first product value is a product value of the screen width and the design width of the element, which is summarized as a formula: the display width of the element (screen width x design width of the element)/reference screen width.

A second quotient of a second product value of the element and a design width of the element, wherein the second product value is a product of a presentation width and a design height of the element, which is summarized as a formula: (show width design height)/design width.

And after the display height and the display width of each element are determined, displaying each element according to the display height and the display width of each element, wherein each element comprises font size, margin, filling and the like.

In some embodiments of the present application, since the operating system is not px in order to be compatible with powers of the same size on devices with different resolutions, in order to avoid a difference of 1px in some devices, rounding operations may be performed on results of the display width and the display height of each determined element, for example, rounding is performed by using a rounding principle, specifically, for an element, rounding is performed on the first quotient by using a rounding method, and a value obtained by rounding is used as the display width of the element; rounding the second quotient by a rounding method, and taking a numerical value obtained by rounding as the display height of the element.

As can be seen from the method shown in fig. 6, the embodiment of the present application shows a pop-up window generation method capable of adapting to a multi-terminal screen, and each element in the pop-up window is scaled proportionally based on the above-mentioned strategy, so that the consistency of display effects of the pop-up window on devices with different resolutions is ensured.

In some embodiments of the present application, in the above method, the pop-up window triggering time is a time expression or a scene triggering rule; the calling a popup framework corresponding to the popup type according to the popup triggering time, rendering the popup framework according to the display configuration parameters of each element, and generating and displaying the popup comprises the following steps: determining popup time of the popup according to the time expression, if the current time reaches the popup time, executing the popup framework corresponding to the popup type, rendering the popup framework according to the display configuration parameters of each element, and generating and displaying the popup; or; and if the current scene meets the scene triggering rule, executing the popup framework corresponding to the popup type, rendering the popup framework according to the display configuration parameters of each element, and generating and displaying the popup.

The configuration parameters of the popup issued by the server can be issued in advance or can be issued according to the opportunity configuration parameters, and the client side generally performs secondary verification after receiving the generated configuration parameters issued by the server side, and renders the popup under the condition of meeting the trigger opportunity of the popup.

The pop-up window triggering time includes, but is not limited to, a time expression, a scene triggering rule, and the like, if the pop-up time of the pop-up window is determined according to the time expression, if the current time reaches the pop-up time, it is determined that the pop-up window meets the triggering time, and if the current time reaches the pop-up time, it is determined that the triggering time is 15 pm by the time expression: 00, namely during the afternoon tea, executing the step of calling the popup framework corresponding to the popup type, rendering the popup framework according to the display configuration parameters of each element, and generating and displaying the popup; or the current scene meets the scene triggering rule, if the current scene responds to the click of a user on a target product, the step of calling the popup framework corresponding to the popup type is executed, the popup framework is rendered according to the display configuration parameters of each element, and the popup is generated and displayed. That is to say, in the application, the flexible setting of the trigger time of the popup is supported, and the guidance and the conversion of the user behavior are better realized.

Fig. 7 is a schematic structural diagram illustrating a pop-up window generation apparatus according to an embodiment of the present application, where the pop-up window generation apparatus 700 is applied to a server (fig. 1), and as can be seen from fig. 7, the pop-up window generation apparatus 700 includes:

a building unit 710 for building a plurality of component modules for generating popup windows;

an obtaining unit 720, configured to obtain a generation configuration parameter of the popup, where the generation configuration parameter includes: the type configuration parameters and the opportunity configuration parameters of the popup window, and the configuration parameters of each component module;

the sending unit 730 is configured to send the obtained generation configuration parameter to a client, so that the client generates and displays the popup window according to the generation configuration parameter.

In some embodiments of the present application, in the above apparatus, the constructing unit 610 is configured to divide the popup into a plurality of component modules, where the plurality of component modules include: the device comprises a head skin module, a button module, a rule module, a first theme color module and a second theme color module.

In some embodiments of the present application, in the above apparatus, the plurality of component modules further comprises: a countdown module.

In some embodiments of the present application, in the above apparatus, the first obtaining unit 620 is configured to provide a configuration interface, and receive, through the configuration interface, the configuration parameters generated by the popup window, where the configuration interface includes a type parameter control, a timing parameter control, and a plurality of component module parameter controls; wherein the selectable items of the type parameter control comprise: an envelope style, an opening style, and a scene style; the selectable items or the fillable items of the opportunity parameter control are configured according to the triggering opportunity or the triggering scene of the popup.

In some embodiments of the present application, in the above apparatus, the plurality of component module parameter controls comprise: a head skin parameter control comprising a plurality of first sub-controls, the plurality of first sub-controls comprising a head height sub-control, a pop-up window name sub-control, a rights and interests content sub-control; wherein the fillable or selectable items of the head-height sub-control are configured according to a design height of the popup; the number of words in the fillable items of the popup name sub-control is within a preset range; the equity content child control is configured for an equity amount and a full-minus rule.

In some embodiments of the present application, in the above apparatus, the plurality of component module parameter controls comprise: a button parameter control; the button parameter control comprises a plurality of second sub-controls, and the plurality of second sub-controls comprise a button height sub-control and a button jump sub-control; wherein the fillable or selectable items of the button-height sub-control are configured according to a design height of the popup; the button jump sub-control is configured according to whether to jump in response to clicking of a button.

In some embodiments of the present application, in the above apparatus, the plurality of component module parameter controls comprise: a countdown parameter control; the selectable items of the countdown parameter control include: with and without countdown.

In some embodiments of the present application, in the above apparatus, the plurality of component module parameter controls comprise: a rule parameter control; the selectable options for the rule parameter control include: displaying the rule icon and not displaying the rule icon.

In some embodiments of the present application, in the above apparatus, the configuration interface further comprises: a first text theme color control and a second text theme color control; wherein selectable items of the first text theme color control are configured for first text, wherein the first text comprises: popup name, equity amount and full minus rule; the selectable items of the second text theme color control are configured for second text, wherein the second text comprises: count down, use the rule.

Fig. 8 is a schematic structural diagram illustrating a pop-up window generation apparatus according to another embodiment of the present application, where the pop-up window generation apparatus 800 is used for a client (fig. 1), and as can be seen from fig. 8, the pop-up window generation apparatus 800 includes:

a receiving unit 810, configured to receive configuration parameters generated by a popup sent by a server, where the configuration parameters generated include a type configuration parameter, a time configuration parameter, and configuration parameters of each component module;

an analyzing unit 820, configured to analyze the generated configuration parameters, and obtain the trigger time of the popup window, the popup window type, and the display configuration parameters of each element in each component module;

and the rendering unit 830 is configured to invoke a popup framework corresponding to the popup type according to the popup trigger time, render the popup framework according to the display configuration parameters of each element, and generate and display the popup.

In some embodiments of the present application, in the above apparatus, the display configuration parameters of each element include a design width, a design height, and a reference screen width of each element, where the reference screen width is a preset screen width of a reference client; a rendering unit 830, configured to read a screen width of the client and determine a display width of each element of the pop-up window, where for an element, the display width is determined according to the screen width, a design width of the element, and the reference screen width; determining the display height of each element of the pop-up window, wherein for one element, the display height is determined according to the display width, the design height and the design width of the element; and rendering the popup window framework according to the display width and the display height of each element.

In some embodiments of the present application, in the above apparatus, the rendering unit 830 is configured to determine a first product value of the screen width and the design width of the element; determining a first quotient value of the first product value and the reference screen width, and taking the first quotient value as the display width of the element; a rendering unit 830, configured to determine a second product value of the display height of the element and the design height; and determining a second quotient of the second product value and the design width, and taking the second quotient as the display height of the element.

In some embodiments of the present application, in the above apparatus, the rendering unit 830 is further configured to round the first quotient by rounding, and use the rounded value as the exhibition width of the element; and the second quotient is rounded by adopting a rounding method, and the rounded value is taken as the display height of the element.

In some embodiments of the present application, in the above apparatus, the pop-up window triggering timing is a time expression or a scene triggering rule; a rendering unit 830, configured to determine pop-up time of the popup according to the time expression, if the current time reaches the pop-up time, execute the step of invoking the popup architecture corresponding to the popup type, render the popup architecture according to the display configuration parameters of each element, and generate and display the popup; or; and executing the popup framework corresponding to the popup type after determining that the current scene meets the scene trigger rule, rendering the popup framework according to the display configuration parameters of each element, and generating and displaying the popup.

It should be noted that, the apparatus for generating pop-windows can implement the method for generating pop-windows one by one, and details are not repeated here.

Fig. 9 is a schematic structural diagram of an electronic device according to an embodiment of the present application. Referring to fig. 9, at a hardware level, the electronic device includes a processor, and optionally further includes an internal bus, a network interface, and a memory. The Memory may include a Memory, such as a Random-Access Memory (RAM), and may further include a non-volatile Memory, such as at least 1 disk Memory. Of course, the electronic device may also include hardware required for other applications.

The processor, the network interface, and the memory may be connected to each other via an internal bus, which may be an ISA (Industry Standard Architecture) bus, a PCI (Peripheral Component Interconnect) bus, an EISA (Extended Industry Standard Architecture) bus, or the like. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, only one double-headed arrow is shown in FIG. 9, but this does not indicate only one bus or one type of bus.

And the memory is used for storing programs. In particular, the program may include program code comprising computer operating instructions. The memory may include both memory and non-volatile storage and provides instructions and data to the processor.

The processor reads the corresponding computer program from the nonvolatile memory into the memory and then runs the computer program to form a popup window generating device on a logic level. And a processor for executing the program stored in the memory and specifically for performing any of the methods described above.

The method performed by the apparatus for generating pop-windows according to the embodiment shown in fig. 7 or 8 of the present application may be applied to or implemented by a processor. The processor may be an integrated circuit chip having signal processing capabilities. In implementation, the steps of the above method may be performed by integrated logic circuits of hardware in a processor or instructions in the form of software. The Processor may be a general-purpose Processor, including a Central Processing Unit (CPU), a Network Processor (NP), and the like; but also Digital Signal Processors (DSPs), Application Specific Integrated Circuits (ASICs), Field Programmable Gate Arrays (FPGAs) or other Programmable logic devices, discrete Gate or transistor logic devices, discrete hardware components. The various methods, steps, and logic blocks disclosed in the embodiments of the present application may be implemented or performed. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of the method disclosed in connection with the embodiments of the present application may be directly implemented by a hardware decoding processor, or implemented by a combination of hardware and software modules in the decoding processor. The software module may be located in ram, flash memory, rom, prom, or eprom, registers, etc. storage media as is well known in the art. The storage medium is located in a memory, and a processor reads information in the memory and completes the steps of the method in combination with hardware of the processor.

The electronic device may further execute the method executed by the apparatus for generating a popup window in fig. 7 or 8, and implement the function of the apparatus for generating a popup window in the embodiment shown in fig. 7 or 8, which is not described herein again in this embodiment of the present application.

The present application further provides a computer-readable storage medium storing one or more programs, where the one or more programs include instructions, which when executed by an electronic device including a plurality of application programs, enable the electronic device to perform the method performed by the apparatus for generating a popup window in the embodiment shown in fig. 7 or 8, and in particular to perform any one of the methods described above.

As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.

The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may 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, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.

The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium.

Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Disks (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium, which can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.

It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.

The above description is only an example of the present application and is not intended to limit the present application. Various modifications and changes may occur to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the scope of the claims of the present application.

Claims

1. A popup window generation method is applied to a server and comprises the following steps:

building a plurality of component modules for generating popup windows;

2. The method of claim 1, wherein the building a plurality of component modules for generating a popup comprises:

3. The method of claim 2, wherein the plurality of component modules further comprises: a countdown module.

4. The method according to claim 2 or 3, wherein the obtaining of the generation configuration parameter of the popup window comprises:

5. A popup window generation method is applied to a client, and comprises the following steps:

6. The method according to claim 5, wherein the display configuration parameters of each element comprise a design width, a design height and a reference screen width of each element, wherein the reference screen width is a preset screen width of a reference client;

7. The method of claim 6, wherein the method for determining the display width of an element comprises:

8. A popup window generation apparatus for performing the method of claims 1 to 4 or claims 5 to 7.

9. An electronic device, comprising:

a processor; and

a memory arranged to store computer executable instructions that when executed cause the processor to perform the method of claims 1 to 4 or claims 5 to 7.

10. A computer readable storage medium storing one or more programs which, when executed by an electronic device comprising a plurality of application programs, cause the electronic device to perform the method of claims 1-4 or 5-7.