Method, device and equipment for quickly configuring website display floating window and medium

Abstract

The invention belongs to the technical field of floating window configuration, and discloses a method, a device, equipment and a medium for quickly configuring a website to display a floating window, the method comprises the following steps: acquiring floating window configuration information of an administrator, the floating window configuration information at least comprising a domain name of an access website, a floating mode of the floating window, a content attribute of the floating window and a display style of the floating window; generating a target floating window based on the floating window configuration information, and generating a display style preview of the target floating window, so that an administrator previews the display style of the target floating window; and releasing the target floating window. According to the invention, an administrator can set the display position of the floating window according to the actual demand of a website, such as left floating and right floating; and setting and adding the name of the floating window, the description of the floating window, a skipping link and a displayed picture. Meanwhile, whether the floating window is displayed or not can be set. The convenience of floating window configuration is improved, and efficient management of the website floating window is realized.

Description

Technical Field

[0001] The present invention belongs to the technical field of floating window configuration, and in particular relates to a method, device, equipment and medium for quickly configuring a website to display a floating window. Background Art

[0002] A floating window is a small window that is displayed floating on the screen of a computer or smartphone. This design breaks the limitations of traditional application interfaces and provides users with a more flexible and efficient experience. Floating windows usually appear on the screen in a semi-transparent and movable manner, allowing users to view or operate the content in the floating window at any time while performing other operations. Floating windows on websites usually have the following multiple uses and functions: Advertising promotion: Floating windows are often used to display advertisements, which can be promotional information, new product launches or special offers. Since floating windows are usually overlaid on top of or next to the page content, they are more likely to attract users' attention; Special Notices: Websites may use pop-up windows to publish important notices, such as website maintenance notices, policy updates, or urgent messages; User interaction: Floating windows can be used to guide users to take certain actions, such as subscribing to a newsletter, taking a survey, downloading an app, or visiting a specific page; Real-time help: Online customer service or chatbots often interact with users through floating windows to provide real-time help and consulting services; Functional guidance: For websites with complex functions, floating windows can be used as new function introductions or operation guides to help users better understand and use the website; Social media sharing: The floating window can integrate social media sharing buttons to encourage users to share the content to their social networks; Promotions and coupons: E-commerce websites often use floating windows to display promotional codes or coupons to stimulate users to buy; Questionnaires: The website may use pop-up windows to invite users to participate in questionnaires to collect user feedback and market research data; Content recommendations: Floating windows can also be used to recommend related content, such as related articles, videos, or other resources to increase page views and user engagement; Design elements: Sometimes, pop-up windows are also used as part of web design to add visual interest or strengthen the brand image.

[0003] When configuring existing floating windows, management personnel cannot configure the floating windows efficiently, resulting in defects such as low management efficiency. Summary of the invention

[0004] The purpose of the present invention is to provide a method, device, equipment and medium for quickly configuring a website to display a floating window, so as to solve the problem that when configuring the existing floating window, the administrator cannot configure the floating window efficiently, resulting in low management efficiency.

[0005] In order to achieve the above object, the present invention adopts the following technical solutions: In a first aspect, the present invention provides a method for quickly configuring a website to display a floating window, which is applied to a backend server, and the method includes: Acquire the administrator's floating window configuration information, wherein the floating window configuration information includes at least: the domain name of the visited website, the floating mode of the floating window, the content attributes of the floating window, and the display style of the floating window; Based on the domain name of the visited website, the floating mode of the floating window, the content attribute of the floating window, and the display style of the floating window, a target floating window is generated, and a display style preview of the target floating window is generated, so that the administrator can preview the display style of the target floating window; Publish the target floating window.

[0006] Preferably, the content attributes include at least: a name of the floating window, a description of the floating window, a link of the floating window, and a display image of the floating window.

[0007] Preferably, the floating mode includes: left floating and / or right floating.

[0008] Preferably, the method further comprises: Get the domain name of the website that the user visits; Resolve the domain name of the website visited by the user to obtain the front-end server; obtain the browser of the front-end server to initiate a request for required data; the required data includes: target website data and target floating window; Check the browser's request for the required data and request a data permission ID from the data cache module; Based on the data permission ID, obtain the target website data and target pop-up window; The target website data and the target floating window are returned to the front-end server, and the front-end server is used to perform layout processing on the target website data and the target floating window to display the target website data and the target floating window after the layout processing.

[0009] Preferably, before returning the target website data and the target floating window to the front-end server, the method further comprises: performing structural processing on the target website data and the target floating window.

[0010] Preferably, the layout processing at least includes: website layout rearrangement and re-assembly, website data rendering, floating window data rendering and floating window rearrangement and redrawing.

[0011] Preferably, a DNS resolver is used to resolve the domain name of the website accessed by the user.

[0012] In a second aspect, the present invention provides a device for displaying a floating window for a quick configuration website, which is used to implement the method for displaying a floating window for a quick configuration website, and the device includes: A configuration acquisition module, used to acquire the administrator's floating window configuration information, wherein the floating window configuration information at least includes: the domain name of the visited website, the floating mode of the floating window, the content attributes of the floating window, and the display style of the floating window; A floating window configuration module, used to generate a target floating window based on the floating window configuration information, and generate a display style preview of the target floating window, so that the administrator can preview the display style of the target floating window; The floating window publishing module is used to publish the target floating window.

[0013] In a third aspect, the present invention provides an electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the above-mentioned method of displaying a floating window for a quick configuration website when executing the computer program.

[0014] In a fourth aspect, the present invention provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the above-mentioned method for quickly configuring a website to display a floating window.

[0015] Beneficial effects: The administrator of the present invention can set the position of the floating window display according to the actual needs of the website, such as left floating, right floating; and then set the name of the added floating window, the description of the floating window, the jump link, and the displayed picture. At the same time, it can also be set whether the floating window is displayed. The convenience of floating window configuration is improved, and efficient management of website floating windows is achieved. BRIEF DESCRIPTION OF THE DRAWINGS

[0016] The accompanying drawings are used to provide a further understanding of the embodiments of the present invention and constitute a part of the specification. Together with the following specific implementations, they are used to explain the embodiments of the present invention, but do not constitute a limitation on the embodiments of the present invention. In the accompanying drawings: Figure 1 It is a flow chart of a method for quickly configuring a website to display a floating window provided by an embodiment of the present invention.

[0017] Figure 2 It is a block diagram of a device for quickly configuring a website to display a floating window provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0018] In order to more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the present invention will be briefly introduced below in combination with the drawings and the description of the embodiments or the prior art. Obviously, the following description of the structure of the drawings is only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work. It should be noted that the description of these embodiments is used to help understand the present invention, but does not constitute a limitation of the present invention.

[0019] Embodiment 1 Figure 1 It is a flowchart of a method for quickly configuring a website to display a floating window provided by an embodiment of the present invention. The application scenarios of the method include: a back-end server, a front-end server and a client; wherein the client is installed with applications such as a browser, and the user can enter the website to be visited on the browser, and then initiate a request for the required data on the front-end server through the browser. The administrator can use the back-end server to configure the floating window and store the configured floating window on the back-end server.

[0020] Based on the above application scenario, this embodiment provides a method for quickly configuring a website to display a floating window. The method is applied to a backend server, such as Figure 1 As shown, the method includes: Step S10: The backend server obtains the administrator's floating window configuration information, which at least includes: the domain name of the visited website, the floating mode of the floating window, the content attributes of the floating window, and the display style of the floating window.

[0021] In this embodiment, the administrator first inputs the domain name of the visited website, and then configures the floating mode of the floating window. There are two main floating modes in this embodiment, one is left floating, and the other is right floating. The sliding mode of the floating window can be flexibly configured according to actual needs, for example, it can be left floating or right floating alone, or both left floating and right floating; Next, configure the content attributes of the floating window. The content attributes of this embodiment mainly include: the name of the floating window, the description of the floating window, the link of the floating window and the display image of the floating window. Different types of floating windows have different theme names. For example, corresponding names are set in different scenes such as festivals and activities to improve the user's usage efficiency and experience. The description of the floating window and the display image of the floating window can also be set differently according to different scenes to improve the user experience. The link of the floating window is used to: after clicking the floating window, visit the website corresponding to the content of the floating window through the link, or view the specific content, etc.; Finally, configure the display style of the floating window. The display styles mainly include pop-up windows, dialog boxes, tooltips, sidebars, etc.

[0022] Step S20: the backend server generates a target floating window based on the domain name of the visited website, the floating mode of the floating window, the content attribute of the floating window, and the display style of the floating window, and generates a display style preview of the target floating window, so that the administrator can preview the display style of the target floating window; In this embodiment, according to the floating window configuration information configured by the administrator, such as the domain name of the visited website, the floating mode of the floating window, the content attributes of the floating window and the display style of the floating window, the back-end server generates a corresponding target floating window; at the same time, the back-end server generates a display style preview of the target floating window, and the administrator can preview and view the display style of the generated target floating window to determine whether the target floating window meets the design requirements. If it fails to meet the administrator's design requirements, the administrator can change the configuration in the floating window configuration information to adjust the target floating window until it meets the administrator's design requirements.

[0023] Step S30: the backend server publishes the target floating window.

[0024] In this embodiment, the administrator can set the position of the floating window according to the actual needs of the website, such as left floating, right floating; and then set the name of the floating window, the description of the floating window, the jump link, and the displayed picture. At the same time, it can also be set whether the floating window is displayed. The convenience of floating window configuration is improved, and efficient management of website floating windows is achieved.

[0025] As a further optimization of this embodiment, the method further includes: Step a10: Obtain the domain name of the website visited by the user; the user enters the domain name of the website visited in the browser of the client, and the front-end server sends the domain name entered to the back-end server, at which time the back-end server can obtain the domain name of the website visited by the user.

[0026] Step a20: parsing the domain name of the website visited by the user to obtain the front-end server; obtaining the browser of the front-end server to initiate a request for required data; the required data includes: target website data and target floating window; In this embodiment, a DNS resolver is used to resolve the domain name of the website visited by the user, and the IP address corresponding to the input domain name is found through the DNS (Domain Name System) service, thereby locating the front-end server; when the back-end server establishes a communication connection with the front-end server, the browser on the user side initiates a request for the required data, which is sent by the front-end server to the back-end server.

[0027] Step a30: Check the request for the required data initiated by the browser and request a data permission ID from the data cache module; In this embodiment, in order to ensure the security and efficiency of data processing, the inspection module of the back-end server will check the request for the required data initiated by the browser, and the detection module of the back-end server will then request a data permission ID from the data cache module of the back-end server to obtain the data permission ID.

[0028] Step a40: obtaining target website data and target floating window based on the data permission ID; After the data cache module obtains the data permission ID, the data cache module of the back-end server sends the data permission ID to the data processing module of the back-end server. The data processing module will perform corresponding operations based on the received data permission ID to obtain the required data. At this time, the target website data and target pop-up window can be obtained.

[0029] Step a50: returning the target website data and the target floating window to the front-end server, wherein the front-end server is used to perform layout processing on the target website data and the target floating window to display the target website data and the target floating window after the layout processing.

[0030] In this embodiment, before returning the target website data and the target pop-up window to the front-end server, the method also includes: structuring the target website data and the target pop-up window, and the back-end server formats and organizes the target website data and the target pop-up window, and then returns them to the client through the previously called data interface.

[0031] In this embodiment, the layout processing includes at least: website layout rearrangement and reassembly, website data rendering, floating window data rendering and floating window rearrangement and redrawing; when the current server receives the returned data information, configuration information, website template data, loads the corresponding website data, rearranges and redraws the layout, renders website data, renders floating window information, rearranges and redraws the floating window, and other instruction operations.

[0032] Therefore, when a front-end user accesses a related domain name, the template page configured for the domain name is displayed, the layout of the template configuration is displayed, website information such as website data information is rendered, and information of the target floating window configured for the website is displayed. The present invention can improve the convenience of floating window configuration and realize efficient management of website floating windows.

[0033] Embodiment 2 Figure 2 is a block diagram of a device for quickly configuring a website to display a floating window provided by an embodiment of the present invention, such as Figure 2 As shown, this embodiment provides a device for quickly configuring a website to display a floating window, which is used to implement the method for quickly configuring a website to display a floating window in embodiment 1. The device includes: A configuration acquisition module, used to acquire the administrator's floating window configuration information, wherein the floating window configuration information at least includes: the domain name of the visited website, the floating mode of the floating window, the content attributes of the floating window, and the display style of the floating window; In this embodiment, the administrator first enters the domain name of the website to be visited, and then configures the floating mode of the floating window. There are two main floating modes in this embodiment, one is left floating, and the other is right floating. The sliding mode of the floating window can be flexibly configured according to actual needs; Next, configure the content attributes of the floating window. The content attributes of this embodiment mainly include: the name of the floating window, the description of the floating window, the link of the floating window and the display image of the floating window. Different types of floating windows have different theme names. For example, corresponding names are set in different scenes such as festivals and activities to improve the user's usage efficiency and experience. The description of the floating window and the display image of the floating window can also be set differently according to different scenes to improve the user experience. The link of the floating window is used to: after clicking the floating window, visit the website corresponding to the content of the floating window through the link, or view the specific content, etc.; Finally, configure the display style of the floating window. The display styles mainly include pop-up windows, dialog boxes, tooltips, sidebars, etc.

[0034] A floating window configuration module, used to generate a target floating window based on the floating window configuration information, and generate a display style preview of the target floating window, so that the administrator can preview the display style of the target floating window; In this embodiment, according to the floating window configuration information configured by the administrator, such as the domain name of the visited website, the floating mode of the floating window, the content attributes of the floating window and the display style of the floating window, the back-end server generates a corresponding target floating window; at the same time, the back-end server generates a display style preview of the target floating window, and the administrator can preview and view the display style of the generated target floating window to determine whether the target floating window meets the design requirements. If it fails to meet the administrator's design requirements, the administrator can change the configuration in the floating window configuration information to adjust the target floating window until it meets the administrator's design requirements.

[0035] The floating window publishing module is used to publish the target floating window.

[0036] In this embodiment, the administrator can set the position of the floating window according to the actual needs of the website, such as left floating, right floating; and then set the name of the floating window, the description of the floating window, the jump link, and the displayed picture. At the same time, it can also be set whether the floating window is displayed. The convenience of floating window configuration is improved, and efficient management of website floating windows is achieved.

[0037] As a further optimization of this embodiment, the device further includes: The domain name acquisition module is used to obtain the domain name of the website visited by the user; the user enters the domain name of the website visited in the client's browser, and the front-end server sends the domain name entered to the back-end server, at which time the back-end server can obtain the domain name of the website visited by the user.

[0038] The domain name resolution module is used to resolve the domain name of the website visited by the user and obtain the front-end server; the browser of the front-end server initiates a request for the required data; the required data includes: target website data and target floating window; In this embodiment, a DNS resolver is used to resolve the domain name of the website visited by the user, and the IP address corresponding to the input domain name is found through the DNS (Domain Name System) service, thereby locating the front-end server; when the back-end server establishes a communication connection with the front-end server, the browser on the user side initiates a request for the required data, which is sent by the front-end server to the back-end server.

[0039] The request checking module is used to check the request for the required data initiated by the browser and request a data permission ID from the data cache module; In this embodiment, in order to ensure the security and efficiency of data processing, the inspection module of the back-end server will check the request for the required data initiated by the browser, and the detection module of the back-end server will then request a data permission ID from the data cache module of the back-end server to obtain the data permission ID.

[0040] A floating window acquisition module is used to acquire target website data and target floating window based on data permission ID; After the data cache module obtains the data permission ID, the data cache module of the back-end server sends the data permission ID to the data processing module of the back-end server. The data processing module will perform corresponding operations based on the received data permission ID to obtain the required data. At this time, the target website data and target pop-up window can be obtained.

[0041] The floating window returning module is used to return the target website data and the target floating window to the front-end server, and the front-end server is used to perform layout processing on the target website data and the target floating window to display the target website data and the target floating window after the layout processing.

[0042] In this embodiment, before returning the target website data and the target pop-up window to the front-end server, the method also includes: structuring the target website data and the target pop-up window, and the back-end server formats and organizes the target website data and the target pop-up window, and then returns them to the client through the previously called data interface.

[0043] In this embodiment, the layout processing includes at least: website layout rearrangement and reassembly, website data rendering, floating window data rendering and floating window rearrangement and redrawing; when the current server receives the returned data information, configuration information, website template data, loads the corresponding website data, rearranges and redraws the layout, renders website data, renders floating window information, rearranges and redraws the floating window, and other instruction operations.

[0044] Therefore, when a front-end user accesses a related domain name, the template page configured for the domain name is displayed, the layout of the template configuration is displayed, website information such as website data information is rendered, and information of the target floating window configured for the website is displayed. The present invention can improve the convenience of floating window configuration and realize efficient management of website floating windows.

[0045] This embodiment also provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the method for displaying a floating window for quick configuration of a website in the first embodiment when executing the computer program.

[0046] This embodiment further provides a computer-readable storage medium on which a computer program is stored. When the program is executed by a processor, the method for quickly configuring a website to display a floating window in the first embodiment is implemented.

[0047] The administrator of the present invention can set the position of the floating window display according to the actual needs of the website, such as left floating, right floating; and then set the name of the added floating window, the description of the floating window, the jump link, and the displayed picture. At the same time, it can also be set whether the floating window is displayed. The convenience of floating window configuration is improved, and efficient management of website floating windows is achieved.

[0048] Those skilled in the art will appreciate that the embodiments of the present application may be provided as methods, systems, or computer program products. Therefore, the present application may adopt the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware. Moreover, the present application may adopt the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program codes.

[0049] The present application is described with reference to the flowcharts and / or block diagrams of the methods, devices (systems), and computer program products according to the embodiments of the present application. It should be understood that each process and / or box in the flowchart and / or block diagram, as well as the combination of the processes and / or boxes in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to generate a machine, so that the instructions executed by the processor of the computer or other programmable data processing device generate instructions for implementing the processes in the flowchart and / or block diagram. Figure 1 A process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.

[0050] The above are only embodiments of the present application and are not intended to limit the present application. For those skilled in the art, the present application may have various changes and variations. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included within the scope of the claims of the present application.

Claims

1. A method for quickly configuring a website to display a floating window, applied to a backend server, characterized in that: The method comprises: Acquire the administrator's floating window configuration information, wherein the floating window configuration information includes at least: the domain name of the visited website, the floating mode of the floating window, the content attributes of the floating window, and the display style of the floating window; Based on the domain name of the visited website, the floating mode of the floating window, the content attribute of the floating window, and the display style of the floating window, a target floating window is generated, and a display style preview of the target floating window is generated, so that the administrator can preview the display style of the target floating window; Publish the target floating window.

2. The method for quickly configuring a website to display a floating window according to claim 1, characterized in that: The content attributes include at least: a name of the floating window, a description of the floating window, a link of the floating window, and a display image of the floating window.

3. The method for quickly configuring a website to display a floating window according to claim 1, characterized in that: The floating modes include: left floating and / or right floating.

4. The method for quickly configuring a website to display a floating window according to claim 1, characterized in that: The method further comprises: Get the domain name of the website that the user visits; Resolve the domain name of the website visited by the user to obtain the front-end server; obtain the browser of the front-end server to initiate a request for required data; the required data includes: target website data and target floating window; Check the browser's request for the required data and request a data permission ID from the data cache module of the backend server; Based on the data permission ID, obtain the target website data and target pop-up window; The target website data and the target floating window are returned to the front-end server, and the front-end server is used to perform layout processing on the target website data and the target floating window, and display the target website data and the target floating window after the layout processing.

5. The method for quickly configuring a website to display a floating window according to claim 4, characterized in that: Before returning the target website data and the target floating window to the front-end server, the method further includes: performing structural processing on the target website data and the target floating window.

6. The method for quickly configuring a website to display a floating window according to claim 4, characterized in that: The layout processing at least includes: website layout rearrangement and re-assembly, website data rendering, floating window data rendering and floating window rearrangement and redrawing.

7. The method for quickly configuring a website to display a floating window according to claim 4, characterized in that: The DNS resolver is used to resolve the domain name of the website visited by the user.

8. A device for displaying a floating window on a quick configuration website, used to implement the method for displaying a floating window on a quick configuration website according to any one of claims 1 to 7, characterized in that: The device comprises: A configuration acquisition module, used to acquire the administrator's floating window configuration information, wherein the floating window configuration information at least includes: the domain name of the visited website, the floating mode of the floating window, the content attributes of the floating window, and the display style of the floating window; A floating window configuration module, used to generate a target floating window based on the floating window configuration information, and generate a display style preview of the target floating window, so that the administrator can preview the display style of the target floating window; The floating window publishing module is used to publish the target floating window.

9. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the computer program, the method for displaying a floating window for a quick configuration website according to any one of claims 1 to 7 is implemented.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the method for displaying a floating window for a quick configuration website described in any one of claims 1 to 7 is implemented.

Images