Banner display method and system thereof
Patent Information
- Application Number
- TW114107255
- Authority / Receiving Office
- TW · TW
- Patent Type
- Applications
- Current Assignee / Owner
- Priority Date
- 2025-02-04
- Filing Date
- 2025-02-27
- Publication Date
- 2026-08-16
- Estimated Expiration
- 2045-02-26
AI Technical Summary
Existing banner display methods in online marketplaces do not account for individual user preferences, leading to a uniform layout that can reduce user experience for some users.
A method and system that adjust banner layouts based on user activity history, including the frequency of interacting with banners, to provide personalized display options such as varying button sizes and areas for termination and navigation, and the ability to shrink or hide banners in response to user interactions.
Enhances user experience by providing personalized banner layouts that align with user preferences, making it easier for frequent viewers to navigate and quicker for those who want to dismiss banners, thus improving overall interaction with online marketplaces.
Smart Images

Figure TWG2TA001072382_001 
Figure TWG2TA001072382_002 
Figure TWG2TA001072382_003
Abstract
Description
[Technical Field]
[0001] This disclosure relates to a banner display method and system, and more specifically, to a method for displaying a banner based on a layout set after the user has set a banner layout that reflects the user's activity history. [Previous Technology]
[0002] Nowadays, with the development of logistics services and communication infrastructure, online shopping is becoming increasingly active. These online transactions are mainly conducted through online marketplaces. Online marketplaces list detailed information about the products they sell on their webpages, and users decide whether to purchase the products based on this information. At the same time, promotional activities for products are displayed through banners in online marketplaces, and users encounter various banners while using the marketplace. Some users actively view the promotional activities offered through banners, but some users find the banners interfering with the use of the online marketplace. In other words, displaying banners with the same layout to all users may actually reduce the user experience. Therefore, a method is needed to display banners with different layouts based on users' banner preferences.
[0003] Advanced Technology Documents
[0004] Patent Documents
[0005] (Patent Document 0001) Korean Patent Publication No. 10-1154647 (Published on June 8, 2012) [Summary of the Invention]
[0006] Solution to the problem:
[0007] The technical problem to be solved by the embodiments disclosed herein is to provide a method for displaying a banner based on the set layout after setting the banner layout according to the user's preference for the banner.
[0008] The technical solution of the present invention is as follows:
[0009] A banner display method according to an embodiment of the present disclosure is executed by a computing device and includes the following steps: obtaining the activity history of a user of a target service within a preset time period; setting the layout of a first banner based on the user's activity history; and displaying the first banner on a first page of the target service based on the set layout, wherein the layout of the first banner may include the area occupied by the first banner on the first page, the area occupied by a first button on the first banner, and the area occupied by a second button on the first banner, the first button being used to terminate the first banner, and the second button being used to move to a landing page set for the first banner.
[0010] In one embodiment, the user's activity history may include the frequency with which the user moves to the landing page corresponding to the banner within the preset time period.
[0011] In one embodiment, the step of setting the layout of the first banner may include the following steps: if the frequency is greater than or equal to a preset threshold, the area occupied by the first button is set to be smaller than the area occupied by the second button; if the frequency is less than the threshold, the area occupied by the first button is set to be larger than the area occupied by the second button.
[0012] In one embodiment, the step of setting the layout of the first banner may include the following steps: if the frequency is greater than or equal to a preset threshold, the area occupied by the first banner on the first page is set as a first area; if the frequency is less than the preset threshold, the area occupied by the first banner on the first page is set as a second area smaller than the first area.
[0013] In one embodiment, the first region may be located at the center of the first page, and the second region may be located at a corner of the first page.
[0014] In one embodiment, the area occupied by the first banner is a first region, and the step of displaying the first banner includes the following steps: in response to the user's operation on the first button, the area occupied by the first banner is reduced to a second region smaller than the first region. The method may further include the following steps: after reducing the area occupied by the first banner to the second region, in response to the user's operation on the first button, the first banner is terminated.
[0015] In one embodiment, the method may further include the step of terminating the first banner in response to an operation by the user on the first page of an area other than the area occupied by the first banner.
[0016] In one embodiment, the step of displaying the first banner includes the following steps: in response to the user's operation on the area outside the area occupied by the first banner on the first page, hiding the first banner; and in response to no user operation on the area outside the area occupied by the first banner being detected after a preset time, displaying the first banner again.
[0017] In one embodiment, the first banner may be either a pop-up or a bottom sheet.
[0018] A banner display system according to another embodiment of the present disclosure includes: a processor; and a memory storing instructions that, when executed by the processor, cause the processor to perform the following operations: obtain the activity history of a user for a target service within a preset time period; set a layout of a first banner based on the user's activity history; and display the first banner on a first page of the target service based on the set layout, wherein the layout of the first banner may include an area occupied by the first banner on the first page, an area occupied by a first button on the first banner, and an area occupied by a second button on the first banner, the first button being used to terminate the first banner, and the second button being used to move to a landing page set for the first banner.
[0019] In one embodiment, the user’s activity history may include the frequency with which the user moves to the landing page corresponding to the banner within the preset time period.
[0020] In one embodiment, the operation of setting the layout of the first banner may include the following operations: if the frequency is greater than or equal to a preset threshold, the area occupied by the first button is set to be smaller than the area occupied by the second button; if the frequency is less than the threshold, the area occupied by the first button is set to be larger than the area occupied by the second button.
[0021] In one embodiment, the operation of setting the layout of the first banner may include the following operations: if the frequency is greater than or equal to a preset threshold, the area occupied by the first banner on the first page is set as a first area; if the frequency is less than the preset threshold, the area occupied by the first banner on the first page is set as a second area smaller than the first area.
[0022] In one embodiment, the first region may be located at the center of the first page, and the second region may be located at a corner of the first page.
[0023] In one embodiment, the area occupied by the first banner is a first region, and the operation of displaying the first banner includes the following operations: in response to the user's operation on the first button, the area occupied by the first banner is reduced to a second region smaller than the first region. When the instruction is executed by the processor, the processor may also perform the following operations: after reducing the area occupied by the first banner to the second region, in response to the user's operation on the first button, the first banner is terminated.
[0024] In one embodiment, when the instruction is executed by the processor, the processor may also perform the following operation: in response to the user's operation on the area of the first page other than the area occupied by the first banner, terminate the first banner.
[0025] In one embodiment, the operation of displaying the first banner includes the following operations: in response to the user's operation on the area outside the area occupied by the first banner on the first page, hiding the first banner; and in response to no user operation on the area outside the area occupied by the first banner being detected after a preset time, displaying the first banner again.
[0026] In one embodiment, the first banner may be either a pop-up or a bottom sheet.
Implementation Method
[0027] Hereinafter, preferred embodiments of the present disclosure will be described in detail with reference to the accompanying drawings. The advantages and features of the present disclosure, as well as the methods for achieving these advantages and features, will become apparent from the accompanying drawings and the embodiments described below. However, the present disclosure is not limited to the embodiments described below, but can be implemented in various forms. These embodiments are intended only to make the disclosure more complete and to fully inform those skilled in the art of the scope of the disclosure, which is defined only within the scope of the claims.
[0028] When assigning element symbols to the technical features in the various figures, it should be noted that for the same technical feature, even if it is indicated in different figures, the same technical feature should have the same element symbol as much as possible. Furthermore, when describing the embodiments of this disclosure, detailed descriptions of related well-known structures or functions will be omitted if they are deemed to obscure the essence of the embodiments of this disclosure.
[0029] Unless otherwise defined, all terms (including technical and scientific terms) used in this specification may be used in the sense commonly understood by those skilled in the art to which this disclosure pertains. Furthermore, terms defined in commonly used dictionaries should not be interpreted ideally or excessively unless explicitly defined otherwise. The terminology used in this specification is for describing embodiments and not for limiting the invention. In this specification, unless specifically mentioned otherwise, the singular includes the plural.
[0030] Furthermore, when describing the technical features of the embodiments disclosed herein, terms such as first, second, A, B, (a), and (b) may be used. Such terms are only used to distinguish technical features from other technical features, and the nature, order, or sequence of the corresponding technical features are not limited by such terms. When a technical feature is described as being "connected," "coupled," or "connected" to another element, the technical feature may be directly connected or connected to that other technical feature, and there may also be another technical feature "connected," "coupled," or "connected" between each technical feature.
[0031] The use of “comprises” and / or “comprising” in the specification does not preclude the presence or addition of more than one other technical feature, step, operation and / or element.
[0032] FIG1 is a block diagram illustrating the structure of a shopping service provision system 10 according to an embodiment of the present disclosure. Referring to FIG1, the shopping service provision system 10 may include a user terminal 11 and a service server 12.
[0033] User terminal 11 may be a computing device used by a user to receive shopping services from service server 12. As exemplarily shown in FIG1, user terminal 11 may include smartphone 11a, desktop computer 11b, laptop computer 11c, etc. However, this disclosure is not limited thereto, and user terminal 11 may be implemented using any device. In the following, when referring to any user terminal (e.g., 11a) or collectively all user terminals (e.g., 11a to 11c), the element symbol 11 is used to indicate it. User terminal 11 may also be referred to as "client terminal", "buyer / purchaser terminal", "consumer terminal", etc.
[0034] The service server 12 may represent a computing device / system that provides shopping services. For example, the service server 12 may represent a device / system that provides an online shopping website (e.g., a shopping mall server). The service server 12 can provide shopping services for uploaded products. For ease of explanation, it will be assumed that the target service in this specification is a shopping service.
[0035] The service server 12 can obtain the activity history of users of the target service within a preset time period. For example, the user's activity history can include the frequency with which the user moves to the landing page corresponding to the banner displayed through the target service within the preset time period. The frequency with which the user moves to the landing page corresponding to the banner can refer to the frequency with which the user selects the banner to view content without pausing the banner. For example, the banner can be a banner displayed on the search results page or the product details page, used to display content related to the promotion of products sold in the target service, and can be in the form of a pop-up window or a bottom sheet.
[0036] The service server 12 can set the layout of the banner to be displayed on any page (e.g., a search results page or a product details page) based on the user's activity history. For example, the banner layout may include the area occupied by the banner on the page, the area occupied by the button on the banner to terminate the banner (e.g., a close button), and the area occupied by the button on the banner to move to a preset landing page for the banner (e.g., a view details button). At the same time, the area occupied by the banner on the page may include the area containing the actual banner content and a semi-transparent dimmed area.
[0037] In other words, the server 12 disclosed herein can determine a user's preference for banners and promotional activities to determine whether it is appropriate to actively display banners to the corresponding users, and can set different layouts accordingly. The server 12 can display banners on any page of the target server based on the layout set as described above.
[0038] Next, an embodiment related to setting the layout will be described first, and it is assumed that the frequency at which the user moves to the landing page corresponding to the banner displayed through the target service within a preset time period (hereinafter referred to as frequency) is used as the user's activity history.
[0039] In some embodiments, if the frequency is greater than or equal to a preset threshold, the server 12 may set the area occupied by the button for terminating the page to be smaller than the area occupied by the button for moving to the landing page. Conversely, if the frequency is less than the threshold, the server 12 may set the area occupied by the button for terminating the page to be larger than the area occupied by the button for moving to the landing page. In other words, when the server 12 displays a banner, for users who frequently select banners, the button for moving to the landing page can visually occupy a larger area than the button for terminating the page.
[0040] For example, if the frequency is greater than or equal to a preset threshold, the server 12 can set the area occupied by the banner on the page as a first area; if the frequency is less than the preset threshold, the server 12 can set the area occupied by the banner on the page as a second area smaller than the first area. In other words, for users who frequently select banners, the server 12 can display a visually larger banner. In this embodiment, the first area can be located in the center of the page, and the second area can be located in a corner of the page (e.g., the lower left corner) and have an area smaller than the first area. Furthermore, both the first and second areas can be located in the center of the page, but the area of the second area is smaller than the area of the first area.
[0041] Depending on the situation, when a user selects the "Terminate" button after the banner has been displayed, the banner does not immediately terminate but shrinks in size, and then terminates completely when the user selects the "Terminate" button again. Assuming the area occupied by the initially displayed banner is a first area, the server 12 can respond to the user's operation on the "Terminate" button by shrinking the area occupied by the banner to a second area smaller than the first area. Then, the server 12 will terminate the banner only in response to the user's operation on the "Terminate" button on the shrunk banner.
[0042] In some embodiments, the user can operate on an area other than the area occupied by the banner, instead of directly selecting a button to terminate. For example, this operation may include selecting a text box for searching or scrolling the screen. When user operation (e.g., clicking, tapping, long-pressing, swiping, etc.) on an area other than the area occupied by the banner is detected, it can be determined that the user does not intend to view the banner content, and the service server 12 can respond to such user operation by immediately terminating the banner.
[0043] Furthermore, depending on the circumstances, operations on areas other than the area occupied by the banner can also be interpreted as an intention to temporarily hide the banner. In this case, the service server 12 can respond to user operations on areas other than the area occupied by the banner by hiding the banner, instead of immediately terminating the banner, and then re-display the banner if no such user operation is detected after a preset time.
[0044] The service server 12 can be implemented through at least one computing device. For example, all the functions of the service server 12 can be implemented on one computing device, or the first function of the service server 12 can be implemented on a first computing device, and the second function can be implemented on a second computing device. In addition, specific functions of the service server 12 can also be implemented on multiple computing devices. For example, the computing device can include any type of device equipped with computing tools and communication tools.
[0045] The user terminal 11 can also perform various operations / functions to provide the above-mentioned shopping services. For example, the user terminal 11 can provide shopping services to the service server 12 through its web browser or application. For example, the user terminal 11 can connect to the service server 12 to obtain the user's activity history, and set the layout of the banner displayed on the web browser or application screen based on the user's activity history, and then display the banner according to the set layout.
[0046] As shown in Figure 1, the user terminal 11 and the service server 12 can communicate via a network. For example, the network can be implemented through all types of wired and wireless networks, such as a local area network (LAN), a wide area network (WAN), a mobile radio communication network, and a wireless broadband internet (Wibro).
[0047] The shopping service provided by a user terminal 11 and a service server 12 according to some embodiments of the present disclosure has been schematically illustrated with reference to FIG1. Hereinafter, the method of providing the shopping service according to some embodiments of the disclosure will be described through a specific user interface displayed on the user terminal 11. For example, the user interface may be an application running on the user terminal 11 or a screen displayed on a web browser.
[0048] Figures 2 to 7 exemplarily illustrate a banner displayed on a webpage according to an embodiment of the present disclosure. First, referring to Figure 2, a banner 21 is displayed on page 20. Banner 21 may include an area 22a displaying banner content, dark areas 22b and 22c, a "View Details" button 23, and a "Close" button 24. When a user selects area 22a displaying banner content or the "View Details" button 23, they can move to the landing page corresponding to the banner. When a user selects dark areas 22b or 22c, depending on the specific implementation, they can move to the landing page corresponding to the banner or perform no action. When a user selects the "Close" button 24, the banner can be terminated.
[0049] Referring next to Figure 3, a banner 31 is displayed on page 30. Similar to Figure 2, banner 31 may include an area 32a for displaying banner content, dark areas 32b and 32c, a "view details" button 33, and a "close" button 34. Except that the dark areas 32b and 32c in Figure 3 are narrower than the dark areas 22b and 22c in Figure 2, the configuration and operation of banner 21 in Figure 2 are the same as those of banner 31 in Figure 3, therefore, a repeated description is omitted. For example, the more frequently a user selects the banner, the wider the dark area can be set.
[0050] Referring next to Figure 4, a banner 41 is displayed on page 40. Similar to Figure 2, banner 41 may include an area 42a for displaying banner content, dark areas 42b and 42c, a "View Details" button 43, and a "Close" button 44. The areas occupied by the "View Details" button 43 and the "Close" button 44 in Figure 4 are set opposite to those occupied by the "View Details" button 23 and the "Close" button 24 in Figure 2. That is, the area occupied by the "View Details" button 23 in Figure 2 is wider than that of the "Close" button 24, but the area occupied by the "Close" button 44 in Figure 4 is set wider than that of the "View Details" button 43. For example, the more frequently a user selects a banner, the more likely a banner with a layout similar to that of Figure 2 can be displayed; the less frequently a user selects a banner, the more likely a banner with a layout similar to that of Figure 4 can be displayed. Except for the areas occupied by the buttons, the configuration and operation of banner 21 in Figure 2 are the same as those of banner 41 in Figure 4, so repeated descriptions are omitted.
[0051] Referring next to Figure 5, a banner 51 is displayed on page 50. Similar to Figure 2, banner 51 may include an area 52a for displaying banner content, dark areas 52b and 52c, a "View Details" button 53, and a close button 54. The close button 54 in Figure 5 is marked with an "X" in the upper right corner, and its function is the same as the close button described with reference to Figures 2 to 4. Except for the shape of the close button, the banner 21 in Figure 2 and the banner 51 in Figure 5 have the same configuration and operation, so repeated description is omitted.
[0052] Referring next to Figure 6, a banner 61 is displayed on page 60. Banner 61 may include an area 62a for displaying banner content, a dark area 62b, and a close button 63. The area occupied by banner 61 in Figure 6 is set to be smaller than that of banners 21, 31, 41, and 51 in Figures 2 to 5. Furthermore, since it is set to occupy a smaller area, there is no separate "view details" button. Users can move to the landing page by selecting the area 62a where the banner content is displayed. Apart from the area occupied and the presence or absence of a "view details" button, the configuration and operation of banner 21 in Figure 2 are the same as those of banner 61 in Figure 6, so a repeated description is omitted.
[0053] Referring next to Figure 7, a banner 71 is displayed on page 70. The banner 71 may include an area 72 for displaying the banner content and a close button 73. This corresponds to the case where the banner 71 is further reduced in size compared to the banner 61 in Figure 6 and is displayed in the corner of the page (i.e., the lower left corner) instead of the center.
[0054] Figures 8 and 9 exemplarily illustrate the termination of a banner in response to a user action on an area other than the area occupied by the banner. Referring to Figure 8, a case is shown where a banner 81 is displayed on page 80, and the user selects a text box 82 for searching. Referring to Figure 9, a case is shown where, in response to this user action, the banner 81 is terminated and the text box 82 for searching is activated.
[0055] Figures 10 to 12 exemplarily illustrate how a banner is hidden and then re-displayed in response to a user action on an area other than the area occupied by the banner. Referring to Figure 10, a banner 91a is shown displayed in the lower left corner of page 90, and the user scrolls down the screen. Referring to Figure 11, a hidden banner 91b is shown, which is the banner 91a hidden in response to the user's scrolling action as page 90 is scrolled down. Subsequently, if the user does not perform any further action within a preset time, the banner 91a shown in Figure 12 can be re-displayed.
[0056] FIG13 exemplarily illustrates a banner displayed in the form of a bottom sheet according to an embodiment of the present disclosure. Referring to FIG13, a banner 101 is displayed on page 100. Similar to FIG2, banner 101 may include an area 102 for displaying banner content, a view details button 103, and a close button 104. Unlike the pop-up banner 21 of FIG2, the banner 101 of FIG13 is set to a bottom sheet form occupying the bottom of page 100. Furthermore, when displaying a banner in the form of a bottom sheet, a separate dark area may not be displayed. Apart from this, the configuration and operation of banner 21 of FIG2 and banner 101 of FIG13 are the same, therefore repeated descriptions are omitted.
[0057] FIG14 is a flowchart illustrating an exemplary banner display method according to an embodiment of the present disclosure. For reference, FIG14 and FIGS15 to 19 described below illustrate the steps / operations of the banner display method performed in the user terminal 11. Therefore, in the following description, if the subject of a particular step / operation is omitted, it can be understood that it is performed in the user terminal 11. However, in a real environment, some functions / operations of the user terminal 11 may be implemented in the server 12, and some functions / operations of the server 12 may also be implemented in the user terminal 11. That is, the subject of execution of a particular step / action may vary depending on the implementation method.
[0058] In step S100, the activity history of users for the target service within a preset time period can be obtained. For example, the user's activity history may include the frequency with which the user moves to the landing page corresponding to the banner within the preset time period (i.e., the frequency with which the user selects and views content without stopping the banner).
[0059] In step S200, the layout of the first banner can be set based on the user's activity history. For example, the layout of the first banner may include the area occupied by the first banner on the first page, the area occupied by the first button on the first banner, and the area occupied by the second button on the first banner. The first button is used to terminate the first banner, and the second button is used to move to the landing page set for the first banner. In step S300, the first banner can be displayed on the first page of the target service based on the set layout.
[0060] An embodiment of step S200 will be described below with reference to Figures 15 and 16. In Figures 15 and 16, frequency may represent the frequency at which a user moves to the landing page corresponding to the banner within a preset time period.
[0061] Figure 15 is a flowchart illustrating an embodiment of step S200 of setting the layout of the first banner as shown in Figure 14. Referring to Figure 15, if the frequency is greater than or equal to a preset threshold, in step S210, the area occupied by the first button (the button for stopping) can be set to be smaller than the area occupied by the second button (the button for moving to the landing page). Conversely, if the frequency is less than the threshold, in step S220, the area occupied by the first button (the button for stopping) can be set to be larger than the area occupied by the second button (the button for moving to the landing page).
[0062] FIG16 is a flowchart illustrating another embodiment of step S200 of setting the layout of the first banner in FIG14. Referring to FIG16, if the frequency is greater than or equal to a preset threshold, the area occupied by the first banner on the first page can be set as a first area in step S230. Conversely, if the frequency is less than the threshold, the area occupied by the first banner on the first page can be set as a second area smaller than the first area in step S240.
[0063] FIG17 is a flowchart illustrating a banner display method according to another embodiment of the present disclosure. Referring to FIG17, when the area occupied by the first banner is a first region, in step S310, in response to a user operation on a first button (a button for termination), the area occupied by the first banner can be reduced to a second region smaller than the first region. Then, in step S400, in response to a user operation on a first button (a button for termination) of the reduced first banner, the first banner can be terminated.
[0064] FIG18 is a flowchart illustrating a banner display method according to another embodiment of the present disclosure. Referring to FIG18, after step S300, in step S500, the first banner may be terminated in response to a user operation on an area of the first page other than the area occupied by the first banner.
[0065] Figure 19 is a flowchart specifically illustrating step S300 of displaying the first banner in Figure 14. Referring to Figure 19, in step S320, the first banner may be hidden in response to user operation on an area of the first page other than the area occupied by the first banner. Then, in step S300, the first banner may be displayed again in response to no user operation on an area other than the area occupied by the first banner being detected after a preset time.
[0066] FIG20 is a block diagram showing the hardware structure of a computing device 500 for displaying a banner according to an embodiment of the present disclosure.
[0067] As shown in FIG20, the computing device 500 may include one or more processors 510, buses 530, communication interfaces 540, memory 520 loading a computer program executed by the processor 510, and storage 550 storing the computer program 560. However, FIG20 only shows technical features related to the embodiments disclosed herein. Therefore, those skilled in the art to which this disclosure pertains will understand that other general technical features may be included in addition to those shown in FIG20. In other words, the computing device 500 may also include various technical features other than those shown in FIG20. Furthermore, in some cases, the computing device 500 may be configured with some technical features shown in FIG20 omitted. Each technical feature of the computing device 500 will be described below.
[0068] The processor 510 can control the overall operation of the various structures of the computing device 500. The processor 510 may include at least one of a central processing unit (CPU), a microprocessor unit (MPU), a microcontroller unit (MCU), a graphics processing unit (GPU), or any type of processor known in the industry. Furthermore, the processor 510 can perform calculations for at least one application or program to perform operations / methods according to embodiments of this disclosure. The computing device 500 may have one or more processors.
[0069] Furthermore, memory 520 can store various data commands and / or information. Memory 520 can load computer program 560 from storage 550 to execute the methods and / or operations of the embodiments disclosed herein. Memory 520 can be implemented using volatile memory such as random access memory (RAM), but this disclosure is not limited thereto.
[0070] Furthermore, bus 530 can provide communication functions between the technical features of computing device 500. Bus 530 can be implemented through various types of buses such as address bus, data bus, and control bus.
[0071] Secondly, the communication interface 540 can support wired and wireless communication of the computing device 500. Furthermore, the communication interface 540 can also support various communication methods other than network communication. Therefore, the communication interface 540 can include communication modules known in the art to which this disclosure pertains.
[0072] Then, the storage device 550 can non-temporarily store one or more computer programs 560. The storage device 550 may include non-volatile memory such as read-only memory (ROM), erasable programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), flash memory, hard disk, removable hard disk, or any form of computer-readable recording medium known in the art to which this disclosure pertains.
[0073] Then, computer program 560 may include one or more instructions that, when loaded into memory 520, cause processor 510 to perform operations / methods according to various embodiments of the present disclosure. In other words, processor 510 may perform operations / methods according to various embodiments of the present disclosure by executing one or more loaded instructions.
[0074] For example, computer program 560 may include instructions to perform the following operations: obtain the activity history of a user for a target service within a preset time period; set the layout of a first banner based on the user's activity history; and display the first banner on a first page of the target service based on the set layout. The layout of the first banner may include the area occupied by the first banner on the first page, the area occupied by a first button on the first banner, and the area occupied by a second button on the first banner, the first button being used to terminate the first banner, and the second button being used to move to a landing page set for the first banner.
[0075] According to embodiments of this disclosure, banners used for promotional activities in the shopping service are set differently based on user preferences, rather than a uniform layout. For users who prefer to view banner content, banners with a layout that more actively guides selection are displayed; for users who prefer to close banners immediately, banners with a layout that makes it easier to exit are displayed, thereby improving the user experience. Furthermore, according to embodiments of this disclosure, even without directly terminating the banner, it is possible to terminate or temporarily hide the banner by operating other areas, so that users can use the service as usual regardless of whether the banner is present.
[0076] Thus far, various embodiments of the present disclosure and the effects of these embodiments have been described with reference to Figures 1 to 20. The effects of the technical concept disclosed herein are not limited to the technical problems described above, and other effects not mentioned will be clearly understood by those skilled in the art from the following description.
[0077] In the foregoing, although all technical features constituting the embodiments of this disclosure are described as combinations or combinations of operations, this disclosure is not necessarily limited to these embodiments. In other words, within the scope of the technical concept of this disclosure, all technical features can be selectively combined into one or more operations.
[0078] Although various operations are shown in a specific order in the accompanying drawings, it should not be construed as meaning that the operations must be performed in the specific order shown or sequentially, or that all shown operations must be performed to obtain the desired result. In some cases, multiplexing and parallel processing may also be advantageous. Moreover, it should be understood that the separation of various technical features in the above embodiments should not be construed as requiring such separation; the described program elements and systems can generally be integrated together as a single software product, or packaged into multiple software products.
[0079] The embodiments of this disclosure have been described above with reference to the accompanying drawings. However, those skilled in the art to which this disclosure pertains will understand that the technical concept of this invention can be implemented in other specific forms without changing the invention or essential features disclosed herein. Therefore, it should be understood that the embodiments described above are exemplary and not limiting in all respects. The scope of protection of this invention should be interpreted by the appended claims, and all technical concepts within their equivalent scope should be understood to be included within the scope of this invention. [Simplified Explanation of the Diagram]
[0080] FIG1 is a block diagram illustrating the configuration of a shopping service provision system according to an embodiment of the present disclosure.
[0081] Figures 2 to 7 exemplarily illustrate a banner displayed on a page according to an embodiment of the present disclosure.
[0082] Figures 8 and 9 exemplarily illustrate the termination of a banner in response to user actions on areas other than the area occupied by the banner.
[0083] Figures 10 to 12 exemplarily illustrate how a banner is hidden and then re-displayed in response to a user action on an area other than the area occupied by the banner.
[0084] Figure 13 illustrates, exemplarily, a banner displayed in the form of a bottom sheet according to an embodiment of this disclosure.
[0085] FIG14 is a flowchart illustrating a banner display method according to an embodiment of the present disclosure.
[0086] Figure 15 is a flowchart illustrating an embodiment of the steps for setting the layout of the first banner as shown in Figure 14.
[0087] Figure 16 is a flowchart illustrating another embodiment of the steps for setting the layout of the first banner as shown in Figure 14.
[0088] FIG17 is a flowchart illustrating, by way of displaying a banner according to another embodiment of the present disclosure.
[0089] FIG18 is a flowchart illustrating, by way of displaying a banner according to yet another embodiment of the present disclosure.
[0090] Figure 19 is a flowchart specifically illustrating the steps of displaying the first banner in Figure 14.
[0091] FIG20 is a block diagram showing the hardware structure of a computing device for displaying a banner according to an embodiment of the present disclosure.
Claims
1. A banner display method, executed via a computing device, comprising the following steps: obtaining the activity history of a user for a target service within a preset time period; setting a layout of a first banner based on the user's activity history; and displaying the first banner on a first page of the target service based on the set layout, wherein the layout of the first banner includes an area occupied by the first banner on the first page, an area occupied by a first button on the first banner, and an area occupied by a second button on the first banner, wherein the first button is used to terminate the first banner, and the second button is used to move to a landing page set for the first banner.
2. The banner display method as described in request item 1, wherein, The user's activity history includes the frequency with which the user moves to the landing page corresponding to the banner within the preset time period.
3. The banner display method as described in claim 2, wherein, The steps for setting the layout of the first banner include the following steps: If the frequency is greater than or equal to a preset threshold, the area occupied by the first button is set to be smaller than the area occupied by the second button; if the frequency is less than the threshold, the area occupied by the first button is set to be larger than the area occupied by the second button.
4. The banner display method as described in claim 2, wherein, The steps for setting the layout of the first banner include the following steps: If the frequency is greater than or equal to a preset threshold, the area occupied by the first banner on the first page is set as the first area; if the frequency is less than the preset threshold, the area occupied by the first banner on the first page is set as the second area, which is smaller than the first area.
5. The banner display method as described in claim 4, wherein, The first area is located in the center of the first page, and the second area is located in one corner of the first page.
6. The banner display method as described in request item 1, wherein, The area occupied by the first banner is a first region. The steps of displaying the first banner include the following steps: in response to the user's operation on the first button, the area occupied by the first banner is reduced to a second region smaller than the first region. The banner display method also includes the following steps: after the area occupied by the first banner is reduced to the second region, in response to the user's operation on the first button, the first banner is terminated.
7. The banner display method as described in request item 1, wherein, It also includes the following steps: In response to the user's action on the area outside the area occupied by the first banner on the first page, terminate the first banner.
8. The banner display method as described in request item 1, wherein, The steps of displaying the first banner include the following steps: In response to the user's operation on the area of the first page other than the area occupied by the first banner, hide the first banner; And in response to the fact that no user action is detected in an area other than the area occupied by the first banner after a preset time, the first banner is displayed again.
9. The banner display method as described in claim 1, wherein, The first banner can be either a pop-up or a bottom sheet.
10. A banner display system, comprising a processor; and a memory storing instructions that, when executed by the processor, cause the processor to perform the following operations: acquiring the activity history of a user for a target service within a preset time period; setting a layout of a first banner based on the user's activity history; and displaying the first banner on a first page of the target service based on the set layout, the layout of the first banner including an area occupied by the first banner on the first page, an area occupied by a first button on the first banner, and an area occupied by a second button on the first banner, the first button being used to terminate the first banner, and the second button being used to move to a landing page set for the first banner.
11. The banner display system as described in claim 10, wherein, The user's activity history includes the frequency with which the user moves to the landing page corresponding to the banner within the preset time period.
12. The banner display system as described in claim 11, wherein, Setting the layout of the first banner includes the following operations: If the frequency is greater than or equal to a preset threshold, the area occupied by the first button is set to be smaller than the area occupied by the second button; if the frequency is less than the threshold, the area occupied by the first button is set to be larger than the area occupied by the second button.
13. The banner display system as described in claim 11, wherein, The operation of setting the layout of the first banner includes the following operations: If the frequency is greater than or equal to a preset threshold, the area occupied by the first banner on the first page is set as the first area; if the frequency is less than the preset threshold, the area occupied by the first banner on the first page is set as the second area, which is smaller than the first area.
14. The banner display system as described in claim 13, wherein, The first area is located in the center of the first page, and the second area is located in one corner of the first page.
15. The banner display system as described in claim 10, wherein, The area occupied by the first banner is a first region. The operation of displaying the first banner includes the following operations: In response to the user's operation on the first button, the area occupied by the first banner is reduced to a second region smaller than the first region. When the instruction is executed by the processor, the processor also performs the following operations: After reducing the area occupied by the first banner to the second region, in response to the user's operation on the first button, the first banner is terminated.
16. The banner display system as described in claim 10, wherein, When the instruction is executed by the processor, the processor also performs the following operation: in response to the user's operation on the area of the first page other than the area occupied by the first banner, terminate the first banner.
17. The banner display system as described in claim 10, wherein, The operation of displaying the first banner includes the following: In response to the user's operation on the area of the first page other than the area occupied by the first banner, hide the first banner; And in response to the fact that no user action is detected in an area other than the area occupied by the first banner after a preset time, the first banner is displayed again.
18. The banner display system as described in claim 10, wherein, The first banner can be either a pop-up or a bottom sheet.