Display method and device of advertisement recommendation information, electronic equipment and storage medium

Abstract

The invention relates to the technical field of computers, and discloses an advertisement recommendation information display method and device, electronic equipment and a storage medium, and the method comprises the steps: displaying a target page, the target page comprises an advertisement display position and recommendation media information, the advertisement display position comprises a loader used for bearing the advertisement recommendation information, the loader has an open state and a closed state; detecting a sliding event triggered for the target page; if the detected sliding event enables the recommended media information on the target page to move towards a first direction, controlling the loader to be switched from a closed state to an open state; and if the detected sliding event enables the recommended media information on the target page to move towards a second direction, controlling the loader to be switched from the on state to the off state. According to the method and the device, dynamic entering and dynamic exiting display of the recommended media information on the advertisement display position is realized, and the display mode of the advertisement recommendation information on the advertisement display position is enriched.

Description

Technical Field

[0001] This application relates to the field of computer technology, and more specifically, to a method, apparatus, electronic device, and storage medium for displaying advertising recommendation information. Background Technology

[0002] In related technologies, advertising recommendation information is usually displayed as static cards in the ad slots on the page. For example, the recommended media information is displayed in static cards provided by the ad slots at the bottom of the page. This method of displaying advertising recommendation information is relatively simple. Summary of the Invention

[0003] In view of the above problems, this application proposes a method, apparatus, electronic device and storage medium for displaying advertising recommendation information, so as to solve the problem of the single display mode of advertising recommendation information in the related art.

[0004] According to one aspect of the embodiments of this application, a method for displaying advertising recommendation information is provided, comprising: displaying a target page, the target page including an advertising display position and recommended media information, the advertising display position including a carrier for carrying advertising recommendation information, the carrier including an open state and a closed state; detecting a sliding event triggered on the target page; if the detected sliding event causes the recommended media information on the target page to move in a first direction, controlling the carrier to switch from a closed state to an open state; if the detected sliding event causes the recommended media information on the target page to move in a second direction, controlling the carrier to switch from an open state to a closed state.

[0005] According to one aspect of the embodiments of this application, an advertising recommendation information display device is provided, comprising: a display module for displaying a target page; the target page including an advertising display position and recommended media information, the advertising display position including a carrier for carrying the advertising recommendation information, the carrier including an open state and a closed state; a detection module for detecting a sliding event triggered on the target page; a first control module for controlling the carrier to switch from a closed state to an open state if the detected sliding event causes the recommended media information on the target page to move in a first direction; and a second control module for controlling the carrier to switch from an open state to a closed state if the detected sliding event causes the recommended media information on the target page to move in a second direction.

[0006] In some embodiments, as the carrier switches from a closed state to an open state, the content displayed on the carrier for the advertising recommendation information gradually increases; as the carrier switches from an open state to a closed state, the content displayed on the carrier for the advertising recommendation information gradually decreases; and when the carrier is fully opened, the carrier displays the complete content of the advertising recommendation information.

[0007] In some embodiments, the first direction refers to the direction in which the advertising display position enters the display screen; the first control module includes: an entry distance acquisition unit, configured to acquire the entry distance of the advertising display position into the display screen in real time if a detected sliding event causes the recommended media information on the target page to move in the first direction; and a first switching unit, configured to control the carrier to start switching from a closed state to an open state if the entry distance reaches a first distance threshold.

[0008] In some embodiments, the first control module further includes: a sliding speed acquisition unit, configured to acquire the sliding speed of the sliding event; an opening speed determination unit, configured to determine the target opening speed of the carrier adapted to the sliding speed based on the sliding speed and the state switching information of the carrier; and a first switching unit, further configured to: if the entry distance reaches a first distance threshold, control the carrier to start switching from the closed state to the open state according to the target opening speed.

[0009] In some embodiments, the state switching information includes a baseline opening duration and a baseline opening speed; the opening speed determination unit includes: a reference duration determination unit, used to divide a reference distance by a sliding speed to obtain a reference duration; the reference distance is less than the longest moving distance of the advertisement display position on the display screen; and a target opening speed determination unit, used to multiply a speed multiplier by the baseline opening speed to obtain a target opening speed if the reference duration is less than the baseline opening duration; wherein the speed multiplier is greater than 1.

[0010] In some embodiments, if the advertisement display position enters the display screen from the vertical lower boundary of the display screen, the entry distance is equal to the distance between the vertical upper boundary of the advertisement display position and the vertical lower boundary of the display screen; if the advertisement display position enters the display screen from the vertical upper boundary of the display screen, the entry distance is equal to the distance between the vertical lower boundary of the advertisement display position and the vertical upper boundary of the display screen.

[0011] In some embodiments, during the process of the carrier switching from a closed state to being fully opened, the opening ratio of the carrier sequentially goes through k increasing opening ratio ranges, where k is an integer greater than 1; the first control module 1430 further includes: a first control unit, used to control the opening ratio of the carrier to gradually increase from the minimum value in the i-th opening ratio range to the maximum value in the i-th opening ratio range when the entry distance is in the i-th entry distance range; 1≤i≤k, where i is an integer; when i<k, the maximum distance in the i-th entry distance range is less than the minimum distance in the (i+1)-th entry distance range, and the maximum distance in the k-th entry distance range does not exceed the longest movement distance of the advertising display position on the display screen.

[0012] In some embodiments, during the process of switching the carrier from the closed state to the open state, the carrier opens in any of the following ways: the carrier container opens from the middle to both sides; the carrier container opens from the first vertical boundary of the advertising display space to the second vertical boundary of the advertising display space; the carrier container opens from the first horizontal boundary of the advertising display space to the second horizontal boundary of the advertising display space.

[0013] In some embodiments, the second control module includes: a second switching unit, configured to control the carrier to switch from an open state to a closed state if a detected sliding event causes the recommended media information on the target page to move in a second direction, in response to the ad display position's entry distance on the display screen reaching a second distance threshold; the second distance threshold is greater than a first distance threshold; the second distance threshold is less than the longest movement distance of the ad display position on the display screen.

[0014] In some embodiments, the display device for advertising recommendation information further includes: a maintenance module, configured to maintain the carrier container in a fully open state in response to the carrier being fully opened and the entry distance being less than a second distance threshold.

[0015] In some embodiments, the second direction refers to the direction in which the advertisement display position leaves the display screen; during the process of the carrier switching from the open state to the closed state, the closing ratio of the carrier sequentially experiences n increasing closing ratio ranges, where n is an integer greater than 1; the second control module includes: a reference exit distance acquisition unit, used to acquire the reference exit distance of the advertisement display position in real time if the detected sliding event causes the recommended media information on the target page to move in the second direction; the reference exit distance refers to the distance the advertisement display position moves in the direction of exiting the display screen starting from the entry distance reaching the second distance threshold; the second control unit, used to control the closing ratio of the carrier to gradually increase from the minimum value in the j-th closing ratio range to the maximum value in the j-th closing ratio range when the reference exit distance is in the j-th exit distance range, 1≤j≤n, where j is an integer; the reference exit distance is positively correlated with the closing ratio of the carrier, and the maximum distance in the n-th exit distance range does not exceed the height of the target advertisement position.

[0016] In some embodiments, the device for displaying advertising recommendation information further includes: a sliding direction acquisition module, used to acquire the sliding direction of the sliding event; and a movement trend determination module, used to determine the movement trend of the advertising display position relative to the display screen caused by the sliding event based on the sliding direction and the relative position information of the advertising display position relative to the display screen; the movement trend is used to indicate that the sliding event causes the recommended media information on the target page to move in a first direction or in a second direction.

[0017] In some embodiments, the display device for advertising recommendation information further includes: an incentive control display module, configured to display an incentive control in response to the carrier switching from a closed state to being fully opened, the incentive control being used to trigger the claiming of virtual resources.

[0018] In some embodiments, the display device for advertising recommendation information further includes an ambient animation playback module, which is used to overlay an ambient animation on the screen of the carrier if the ambient animation playback conditions are met.

[0019] In some embodiments, the carrier is a naked-eye 3D screen container; when the naked-eye 3D screen container is fully opened, the mask layer of the naked-eye 3D screen container is completely hidden, the screen layer in the naked-eye 3D screen container is fully exposed, and recommended media information is displayed in the screen layer of the naked-eye 3D screen container.

[0020] According to one aspect of the embodiments of this application, an electronic device is provided, including: a processor; and a memory storing computer-readable instructions, wherein when the computer-readable instructions are executed by the processor, the method for displaying the above-mentioned advertising recommendation information is implemented.

[0021] According to one aspect of the embodiments of this application, a computer-readable storage medium is provided, on which computer-readable instructions are stored, which, when executed by a processor, implement the above-mentioned method for displaying advertising recommendation information.

[0022] According to one aspect of the embodiments of this application, a computer program product is provided, including computer instructions, which, when executed by a processor, implement the above-mentioned method for displaying advertising recommendation information.

[0023] In this application, upon detecting a swipe event triggered on the target page, if the swipe event causes the recommended media information on the target page to move in a first direction, the carrier is controlled to switch from a closed state to an open state. Since the carrier is used to carry the advertising recommendation information, as the degree to which the carrier is opened increases, the content of the advertising recommendation information displayed on the carrier also gradually increases, eventually displaying complete advertising recommendation information on the carrier. This achieves dynamic entry display of advertising recommendation information in the advertising display position, enriching the entry display process of advertising recommendation information in the advertising display position. Similarly, upon detecting a swipe event causing the recommended media information on the target page to move in a second direction, the carrier is controlled to switch from an open state to a closed state. As the degree to which the carrier is closed increases, the content of the advertising recommendation information displayed on the carrier also gradually decreases, achieving dynamic exit display of advertising recommendation information in the advertising display position. The method described in this application links the triggered sliding event with the entry and exit display process of the recommended media information. By leveraging the state changes of the carrier, the dynamic entry and exit of the advertising recommendation information in the advertising display position is realized, which can effectively solve the problem of the relatively simple display of advertising recommendation information in related technologies. Attached Figure Description

[0024] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this application and, together with the description, serve to explain the principles of this application. It is obvious that the drawings described below are merely some embodiments of this application, and those skilled in the art can obtain other drawings based on these drawings without any inventive effort.

[0025] Figure 1 A schematic diagram illustrates an application scenario where the technical solutions of the embodiments of this application can be applied.

[0026] Figure 2 This is a flowchart illustrating a method for displaying advertising recommendation information according to an embodiment of this application.

[0027] Figure 3A This is a schematic diagram illustrating a variation of a naked-eye 3D screen container according to an embodiment of this application.

[0028] Figure 3B This is a schematic diagram illustrating the position between an advertising display space and a display screen according to an embodiment of this application.

[0029] Figure 4 This is a schematic diagram illustrating the switching of a carrier from a closed state to an open state according to an embodiment of this application.

[0030] Figure 5 This is a schematic diagram illustrating the switching of the carrier from a closed state to an open state according to another embodiment of this application.

[0031] Figure 6 This is a schematic diagram illustrating the switching of the carrier from a closed state to an open state according to another embodiment of this application.

[0032] Figure 7 This is a schematic diagram illustrating the switching of the carrier from a closed state to an open state according to another embodiment of this application.

[0033] Figure 8 This is a schematic diagram illustrating the switching of a carrier from an open state to a closed state according to an embodiment of this application.

[0034] Figure 9 This is a schematic diagram illustrating the switching of the carrier from an open state to a closed state according to another embodiment of this application.

[0035] Figure 10 This is a schematic diagram illustrating the switching of the carrier from an open state to a closed state according to another embodiment of this application.

[0036] Figure 11 This is a flowchart illustrating a method for displaying advertising recommendation information according to another embodiment of this application.

[0037] Figure 12 This is a flowchart illustrating the switching of a carrier from a closed state to an open state according to another embodiment of this application.

[0038] Figure 13 This is a flowchart illustrating a method for displaying advertising recommendation information according to another embodiment of this application.

[0039] Figure 14 This is a block diagram of an advertising recommendation information display device according to an embodiment of this application.

[0040] Figure 15 This is a block diagram of an electronic device according to an embodiment of this application. Detailed Implementation

[0041] To enable those skilled in the art to better understand the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are merely some embodiments of the present application, and not all embodiments. All other embodiments obtained by those skilled in the art based on the embodiments of the present application without creative effort are within the scope of protection of the present application.

[0042] In the following description, the terms "first" and "second" are used merely to distinguish similar objects and do not represent a specific ordering of objects. It is understood that "first" and "second" may be interchanged in a specific order or sequence where permitted, so that the embodiments of this application described herein can be implemented in an order other than that illustrated or described herein.

[0043] In this document, "multiple" refers to two or more. "And / or" describes the relationship between associated objects, indicating that three relationships can exist. For example, A and / or B can represent: A alone, A and B simultaneously, or B alone. The character " / " generally indicates that the preceding and following associated objects are in an "or" relationship. In the following description, references to "some embodiments or some embodiment methods" describe a subset of all possible embodiments. However, it is understood that "some embodiments" can be the same subset or different subsets of all possible embodiments and can be combined with each other without conflict.

[0044] Figure 1 This is a schematic diagram illustrating the implementation environment of this application according to one embodiment. For example... Figure 1 As shown, the implementation environment includes an application server 110, a delivery server 120, and a terminal 130. The terminal 130 can run client applications, such as clients for video applications, instant messaging applications, shopping applications, content sharing applications, audio playback applications, reading applications, etc., without specific limitations. The application server 110 is used to provide services to the applications to which the clients running on the terminal 130 belong.

[0045] Terminal 130 communicates with application server 110 and projection server 120 via a network 300, which can be a wide area network (WAN), a local area network (LAN), or a combination of both, using wireless or wired links for data transmission. Terminal 130 can be a laptop, tablet, desktop computer, smartphone, smart voice interaction device (e.g., smart speaker), smart home appliance (e.g., smart TV), smartwatch, in-vehicle terminal, wearable device, virtual reality (VR) device, etc., but is not limited to these.

[0046] The delivery server 120 is used to manage the advertising recommendation information delivered to the advertising space. This advertising recommendation information, also known as advertising, can be product recommendation media information, etc., without specific limitations. In this application, the delivery server 120 is also used to manage the carrier, which can store at least one of the carrier's opening animation and closing animation. Furthermore, the delivery server 120 can also store basic information about the carrier, such as the carrier's name, attribute tags, maximum size, minimum size, etc. In this application, the carrier is the display medium for the advertising recommendation information, and an information display area is provided on the carrier, where the advertising recommendation information is displayed.

[0047] The size of the information display area in the carrier can change dynamically. The carrier's opening animation shows the information display area gradually increasing, and the carrier's closing animation shows the information display area gradually decreasing.

[0048] Among them, the application server 110 and the delivery server 120 can be physical servers or cloud servers that provide basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks (CDN), and big data and artificial intelligence platforms.

[0049] like Figure 1 As shown, terminal 130 can obtain page data of the target page from application server 110, and correspondingly, terminal 130 can display the target page on its own display screen. It is worth mentioning that the target page may not be fully displayed on the display screen of terminal 130. The user can trigger a swipe event on the target page to swipe and display the target page on the display screen.

[0050] The target page includes ad display slots and recommended media information. The ad recommendation information to be displayed in the ad display slots is provided by the delivery server 120. The ad recommendation information displayed in the ad display slots can also be called an ad, and its form is not limited; it can be text, image, video, etc. For example, the delivery server 120 can send the ad recommendation information required for content display in the ad display slots on the target page to the terminal 130, and can also send carrier information for the carrier used to carry the ad recommendation information to the terminal 130. In other embodiments, the carrier can also be provided by the application server 110. That is, the application server 110 can pre-set the carrier to be displayed in each ad display slot on each page of the application.

[0051] In this application, the carrier can be opened and closed; therefore, the carrier's state includes an open state and a closed state. When the carrier is in the open state, the information display area for displaying advertising recommendations is exposed, and the advertising recommendations can be displayed thereon. When the carrier is in the closed state, the information display area for displaying advertising recommendations is not visible, and no advertising recommendations are displayed thereon. The open state of the carrier can include a state where the carrier is partially opened (i.e., the information display area is partially exposed) or a state where the carrier is fully opened (i.e., the information display area is fully exposed).

[0052] During the process of displaying the target page on the display screen of terminal 130, sliding events triggered on the target page, such as mouse sliding events and touch sliding events, can be detected in real time. If a sliding event is detected and the sliding event causes the recommended media information on the target page to move in the first direction, the carrier is controlled to switch from the closed state to the open state; if the detected sliding event causes the recommended media information on the target page to move in the second direction, the carrier is controlled to switch from the open state to the closed state.

[0053] In other embodiments, the advertising recommendation information, as well as the page data of the carrier and the target page, may all be provided by the application server 110.

[0054] In this application, terminal 130 can implement the advertising recommendation information display method provided in this embodiment by running various computer-executable instructions or computer programs. For example, computer-executable instructions can be microprogram-level commands, machine instructions, or software instructions. Computer programs can be native programs or software modules in an operating system; they can be native applications (APPs), i.e., programs that need to be installed in the operating system to run, such as reading APPs, audio and video APPs, and instant messaging APPs; or they can be mini-programs that can be embedded in any APP, i.e., programs that only need to be downloaded to a browser environment to run. In short, the aforementioned computer-executable instructions can be any form of instruction, and the aforementioned computer programs can be any form of application, module, or plugin.

[0055] Figure 2 This is a flowchart illustrating a method for displaying advertising recommendation information according to an embodiment of this application, which can be executed by a terminal. (Refer to...) Figure 2 As shown, the method includes at least steps 210 to 230, which are described in detail below:

[0056] Step 210: Display the target page. The target page includes an advertising display space and recommended media information. The advertising display space includes a carrier for carrying the advertising recommendation information. The carrier has an open state and a closed state.

[0057] The target page refers to the page currently displayed on the terminal. This page can be a mini-program page, a webpage, a mobile application page, or a desktop application page. Based on the type of application to which the page belongs, it can be a page from a video application, a shopping application, an audio playback application, a news application, an instant messaging application, or a reading application; no specific limitations are made here.

[0058] Recommended media information on the target page can include articles, blogs, videos, news, e-commerce, notes, reviews, etc., depending on the application type of the target page; no specific limitations are imposed here. Recommended media information on the target page can be determined based on either the object tags of the currently logged-in client or the object's browsing history. This recommended media information represents media that the currently logged-in client is highly likely to be interested in. Object tags include, for example, gender, age group, region, and preferred content tags.

[0059] It is worth mentioning that, in the specific embodiments of this application, data related to object tags, object browsing history, etc., are involved. When the above embodiments of this application are applied to specific products or technologies, user permission or consent is required, and the collection, use and processing of related data must comply with the relevant laws, regulations and standards of the relevant countries and regions.

[0060] The terminal displays the target page within a display window provided by the display screen. The display window refers to the visual area on the terminal's display screen where content is displayed and interacted with. When the terminal uses a split-screen display, the display window can be any of the split-screen windows. The content displayed in the display window is a portion of the target page, not the entire page.

[0061] The ad placement can be any ad placement on the target page, which can be an ad placement currently located in the display window or an ad placement not currently located in the display window. The ad placement can be an ad placement on the target page that is on the display screen when a swipe event is detected, or an ad placement on the target page that is off-screen when a swipe event is detected. In some embodiments, ad placements on the target page that are less than a distance threshold from the display window when a swipe event is detected can be used as ad placements in this application, thus focusing on different ad placements at different stages of the swipe-to-display-the-target-page process.

[0062] Advertising recommendations, also known as advertisements, can take any form, including text, images, and videos, and can be product advertisements, event advertisements, etc. A "carrier" refers to the visual element that displays the advertising recommendation information; in other words, it's the element used to layout and organize the advertising recommendation information. The carrier provides an information display area where the advertising recommendation information is displayed.

[0063] The ad recommendations to be displayed in the ad display position can be determined based on either the object tag of the currently logged-in client or the object's browsing history. For example, it could be ad recommendations whose information tags are related to the object tag, or ad recommendations related to content in the object's browsing history, etc., without specific limitations. In other words, the ad recommendations to be displayed in the ad display position are ad information that the currently logged-in client is highly likely to be interested in.

[0064] In this application, the carrier's state includes an open state and a closed state. The open state is also called the open state, and the closed state is also called the closed state. When the carrier is in the open state, the information display area on the carrier used to display advertising recommendation information is at least partially exposed, and the advertising recommendation information is displayed in the exposed information display area. When the carrier is in the closed state, the information display area on the carrier is not visible, and the advertising recommendation information is not visible. The open state of the carrier can include a state where the carrier is partially opened (i.e., the information display area on it is partially exposed), or a state where the carrier is fully opened (i.e., the information display area on it is fully exposed). That is to say, the carrier can be dynamically changed, and the change of the carrier involves at least a change in the size of the information display area in the carrier.

[0065] The visual presentation of the carrier is not limited. In some embodiments, the carrier can be a scroll container, with the area between two scrolls in the scroll container serving as an information display area. In some embodiments, the carrier can be a curtain container, which can open from bottom to top, or from top to bottom, or from the middle to both sides, or from left to right, or from right to left, etc.

[0066] In some embodiments, the carrier may be a book container, and the opening process of the book container is to change the state of the book container from a closed state to the state of opening a certain page in the book container. The information display area in the book container may be the area where the opened page is located.

[0067] In some embodiments, the carrier is a naked-eye 3D screen container. When the naked-eye 3D screen container is fully open, its masking layer is completely hidden, and the screen layer within the container is fully exposed, with advertising recommendation information displayed on the screen layer. In other words, the screen layer within the naked-eye 3D screen container serves as the information display area. When the naked-eye 3D screen container is closed, its masking layer completely obscures the screen layer, making it invisible, and the corresponding advertising recommendation information is also invisible.

[0068] Figure 3A This is a schematic diagram illustrating the state changes of a naked-eye 3D screen container according to an embodiment of this application. Figure 3A In ①, the naked-eye 3D screen container is in a closed state, and the masking layer 311 of the naked-eye 3D screen container completely covers the screen layer 312, making the screen layer 312 invisible. The masking layer 311 of the naked-eye 3D screen container can slide up and down in the vertical direction to cover or expose the screen layer 312. Figure 3A In ②, the naked-eye 3D screen container is in a partially opened state, that is, the screen layer 312 is partially exposed (not covered by the masking layer 311) and partially covered by the masking layer 311. Figure 3A In section ③, the naked-eye 3D screen container is in a fully open state, the screen layer 312 is fully exposed, the mask layer 311 is hidden, and the content displayed in the screen layer 312 is the promotional media information.

[0069] In some embodiments, the carrier can be a football container, and the area through which the football flies within the football container serves as the information display area of ​​the carrier. The process of the football container switching from a closed state to an open state corresponds to the process of the football moving in a specified direction, thereby gradually increasing the information display area within the football container. The specified direction can be from left to right, from right to left, from bottom to top, or from top to bottom, etc.

[0070] In some embodiments, the carrier can be a rectangular card container. The rectangular area within the rectangular card container serves as an information display area. The width of this rectangular area can be dynamically changed; opening the information display area corresponds to the gradual increase in the width of the rectangular area. Alternatively, the height of the rectangular area can be dynamically changed; opening the information display area corresponds to the gradual increase in the height of the rectangular area. The container forms listed above are merely illustrative examples and are not limited to these.

[0071] Step 220: Detect the swipe event triggered on the target page.

[0072] A swipe event is an event triggered when a smooth movement is made on the screen using a mouse, touchscreen, or other input device. Based on the input device, swipe events can be categorized as mouse swipe events, touch swipe events, stylus swipe events, etc. The terminal can perform swipe event detection in real time to confirm whether a swipe event has been triggered on the target page.

[0073] Swipe events can reflect a user's interaction intent. Generally speaking, swipe events triggered on a page are used to indicate swiping to display the page. For example, if the swipe direction is from top to bottom, the page will be displayed by swiping down; if the swipe direction is from left to right, the page will be displayed by swiping right.

[0074] The direction of the sliding event relative to the starting point can be determined by identifying the coordinates of the starting and ending points of the sliding event.

[0075] Furthermore, the sliding speed of a sliding event can be determined based on the coordinates of its starting and ending points, as well as the duration of the event. This allows for the determination of the target page's sliding speed, enabling the target page to be displayed in the display window in response to the sliding event. The page sliding speed is positively correlated with the sliding speed of the sliding event. In some embodiments, the sliding speed of the sliding event can be used as the page sliding speed. In other embodiments, if the display window on the terminal screen is large, the page sliding speed can be set to the product of a specified coefficient and the sliding speed of the sliding event, where the specified coefficient is greater than 1.

[0076] Step 230: If the detected swipe event causes the recommended media information on the target page to move in the first direction, control the carrier to switch from the closed state to the open state.

[0077] Here, the first direction refers to the direction in which the ad display on the target page enters the display screen. The direction in which the ad recommendation information on the target page enters the display screen can also be understood as the direction in which the ad display on the target page enters the display screen. In other words, if a swipe event causes the recommended media information on the target page to move in the direction of entering the display screen, it indicates that at the time the swipe event is detected, the ad display on the target page is not located on the display screen. When a detected swipe event causes the recommended media information on the target page to move in the first direction, the swipe event could be either causing the ad recommendation information on the target page to enter the display screen from the vertical upper boundary downwards, or it could be causing the recommended media information to enter the display screen from the vertical lower boundary upwards.

[0078] In some embodiments, prior to step 230, the method further includes the following 1)-2):

[0079] 1) Get the sliding direction of the sliding event.

[0080] 2) Based on the sliding direction and the relative position of the ad display position to the display screen, determine the movement trend of the ad display position relative to the display screen caused by the sliding event; the movement trend is used to indicate whether the sliding event causes the recommended media information on the target page to move in the first direction or in the second direction.

[0081] The movement trend of the ad display position relative to the display screen is related not only to the direction of the swipe event, but also to the relative position of the ad display position relative to the display screen when the swipe event is detected.

[0082] Based on the relative position of the ad display position to the display screen, it can be determined whether the ad display position is located in the display screen (or the display window provided by the display screen), above the vertical upper boundary of the display screen, or below the vertical lower boundary of the display screen.

[0083] Figure 3B This is a schematic diagram illustrating the position between an advertising display space and a display screen according to an embodiment of this application. Figure 3B As shown in Figure ①, the advertisement display position 330 is located in the display screen 320. If the sliding direction of the sliding event is the first sliding direction 341, that is, from top to bottom, it can be determined that the sliding event causes the advertisement display position to move away from the display screen. If the sliding direction of the sliding event is the second sliding direction 342, that is, from bottom to top, it can be determined that the sliding event causes the advertisement display position to move away from the display screen.

[0084] like Figure 3B As shown in Figure ②, the advertisement display position 310 is located above the vertical upper boundary of the display screen 320. If the sliding direction of the sliding event is the first sliding direction 341, i.e., from top to bottom, it can be determined that the sliding event causes the advertisement display position to move relative to the display screen in the direction of entering the display screen. If the sliding direction of the sliding event is the second sliding direction 342, i.e., from bottom to top, it can be determined that the sliding event causes the advertisement display position to move relative to the display screen in the direction of moving away from the display screen. The vertical upper boundary of the display screen refers to the uppermost boundary of the display screen in the vertical direction, which is parallel to the width direction of the display screen. Similarly, the vertical lower boundary of the display screen refers to the lowermost boundary of the display screen in the vertical direction, which is parallel to the width direction of the display screen.

[0085] like Figure 3B As shown in Figure ③, the advertisement display position 310 is located below the vertical lower boundary of the display screen 341. If the sliding direction of the sliding event is the first sliding direction 341, that is, from top to bottom, it can be determined that the sliding event causes the advertisement display position to move relative to the display screen in a direction away from the display screen. If the sliding direction of the sliding event is the second sliding direction 342, that is, from bottom to top, it can be determined that the sliding event causes the advertisement display position to move towards the display screen.

[0086] Understandably, the detected swipe event causes the ad display on the target page to slide in the direction of entering the display screen, indicating that the ad display was outside the display screen when the swipe event was detected. In response to the swipe event, as the target page is swiped to display on the display screen, the ad display will gradually enter the display screen and correspondingly slide to display on the display screen.

[0087] It is worth mentioning that, since the carrier is displayed on the advertising display space and the media recommendation information is displayed on the carrier, the carrier is located in the advertising display space on the display screen, and the information display area in the carrier is also located in the target advertising space. The boundary of the carrier does not exceed the boundary of the advertising display space, and the boundary of the information display area in the carrier does not exceed the boundary of the advertising display space.

[0088] In some embodiments, as the carrier transitions from a closed state to an open state, the area occupied by the carrier in the advertising display space can gradually increase. For example, when the carrier is in the closed state, it occupies the horizontal center of the advertising display space, and then gradually extends to both sides until the information display area in the carrier is fully displayed in the display window.

[0089] In some embodiments, during the transition of the carrier from a closed state to an open state, the area occupied by the carrier in the advertising display space can remain unchanged, for example, it can remain to occupy almost the entire advertising display space. However, the information display area in the carrier gradually increases. For example, initially the information display area in the carrier is completely obscured. As the extent of entry into the display window increases, the area of ​​the obscured area of ​​the information display area in the carrier gradually decreases. Correspondingly, the visible area of ​​the information display area in the carrier in the display window gradually increases until the information display area in the carrier is completely displayed in the display window.

[0090] Since the advertising recommendation information is displayed in the information display area of ​​the carrier, as the carrier switches from a closed state to an open state, the information display area on the carrier gradually increases, and correspondingly, the content displayed on the carrier for the advertising recommendation information gradually increases; conversely, as the carrier switches from an open state to a closed state, the content displayed on the carrier for the advertising recommendation information gradually decreases; when the carrier is fully opened, the information display area on the carrier reaches its maximum, and the carrier displays the complete content of the advertising recommendation information.

[0091] In some embodiments, when the carrier is in a closed state, the information display area in the carrier is in a hidden state. Then, during the process of the carrier switching from the closed state to the open state, the information display area on the carrier gradually increases, which is also the process of the hidden area in the information display area of ​​the carrier gradually decreasing.

[0092] In some embodiments, when the carrier is in a closed state, the information display area in the carrier is covered. Then, during the process of the carrier switching from the closed state to the open state, the information display area on the carrier gradually increases, which is also the process of the covered area in the information display area of ​​the carrier gradually decreasing.

[0093] In some embodiments, during the process of switching the carrier from the closed state to the open state, the carrier is opened in any of the following ways (1)-(3):

[0094] (1) The carrier opens from the middle to both sides.

[0095] (2) The carrier opens from the first longitudinal boundary of the advertising display space to the second longitudinal boundary of the advertising display space.

[0096] Among the first and second vertical boundaries, one is the upper vertical boundary of the advertising display space, and the other is the lower vertical boundary of the advertising display space. During the process of the carrier switching from the closed state to the open state, the information display area in the carrier can extend from the upper vertical boundary of the advertising display space to the lower vertical boundary of the advertising display space, and the information display area in the carrier can also extend from the lower vertical boundary of the advertising display space to the upper vertical boundary of the advertising display space.

[0097] (3) The carrier opens from the first horizontal boundary of the advertising display space to the second horizontal boundary of the advertising display space.

[0098] One of the first and second horizontal boundaries is the left horizontal boundary of the advertising display space, and the other is the right horizontal boundary. The left horizontal boundary of the advertising display space refers to the leftmost boundary of the advertising display space in the horizontal direction, and the right horizontal boundary refers to the rightmost boundary of the advertising display space in the horizontal direction. Both the first and second horizontal boundaries are parallel to the vertical direction (height direction) of the display window. During the process of switching the carrier from the closed state to the open state, the information display area in the carrier can extend from the left horizontal boundary of the advertising display space to the right horizontal boundary, or it can extend from the left horizontal boundary of the advertising display space to the right horizontal boundary.

[0099] In some embodiments, during the transition from a closed to an open state, the carrier opens from the center outwards, meaning the information display area within the carrier gradually increases in size from the center outwards. More specifically, when the advertisement placement begins to enter the display window, the carrier is located in the middle of the advertisement placement in the width direction, and at this time, the width of the information display area within the carrier is small, or the information display area within the carrier is completely invisible. Subsequently, as the target page scrolls, the width of the information display area within the carrier gradually increases in the horizontal direction until the information display area within the carrier expands to its widest extent.

[0100] Figure 4 This is a schematic diagram illustrating the switching of a carrier from a closed state to an open state according to an embodiment of this application. Figure 4 ①-③ in the diagram illustrate the process of the information display area in the carrier located in the advertisement display position gradually opening from the center to both sides as the target page is scrolled upwards. Figure 4 In the diagram, the area enclosed by the dashed box is the ad display space on the target page. The carrier is a scroll container 410, and the area between the two scrolls within the scroll container 410 is the information display area for the ad recommendation information. Figure 4 The information display area in the middle scroll container displays advertising recommendation information in text form. In other embodiments, the advertising recommendation information may also be in the form of images, videos, etc., which are not specifically limited here.

[0101] During the process of swiping up the target page, such as Figure 4 At the moment corresponding to ①, the scroll container 410 in the advertisement display position partially enters the display window, and the scroll container 410 is in a collapsed state, meaning that the information display area in the scroll container 410 is completely covered, and the information display area is at its smallest at this time. As the target page continues to be scrolled upwards, the scroll container 410 gradually opens from the middle to both sides. Figure 4 At the moment corresponding to ②, the information display area is partially exposed, and at this time, some of the advertising recommendation information displayed in the exposed information display area can also be seen; afterwards, continue to scroll up the target page, in Figure 4 At the moment corresponding to ③, the scroll container 410 is fully opened. At this time, the complete information display area of ​​the scroll container 410 is displayed in the display window, and the complete content of the advertisement recommendation information is displayed in the information display area. Figure 4 As can be seen, during the upward scrolling of the target page, the scroll container 410 in the ad display position scrolls upward along with the target page as a whole, and at the same time, the scroll container 410 gradually opens in the horizontal direction, so that the width of the information display area displayed in the display window gradually increases until the information display area is fully exposed.

[0102] Figure 5This is a schematic diagram illustrating the switching of a carrier from a closed state to an open state according to another embodiment of this application, showing the process of the information display area in the carrier gradually opening from the center to both sides. Similarly, in Figure 5 In the image, the area enclosed by the dashed box represents the ad display space on the target page. Figure 5 In the embodiment shown, the carrier is a rectangular card container 510, and the rectangular area in the rectangular card container 510 serves as the information display area for advertising recommendation information.

[0103] During the process of swiping up the target page, such as Figure 5 At the moment corresponding to ①, the rectangular card container 510 in the advertisement display position partially enters the display window, and the width of the information display area of ​​the rectangular card container is relatively small. As the target page continues to be scrolled upwards, the rectangular card container 510 gradually opens from the middle to both sides, and the width of the information display area of ​​the rectangular card container 510 gradually increases. Figure 5 At the time corresponding to ②, the width of the information display area of ​​the rectangular card container 510 is greater than... Figure 5 The point corresponding to ① is wider, but the width has not reached its maximum. Continue scrolling upwards on the target page... Figure 5 At the moment corresponding to ③, the rectangular card container 510 is fully opened. At this time, the width of the information display area in the rectangular card container 510 in the display window reaches its maximum, and the complete content of the advertisement recommendation information is also displayed. Figure 5 As can be seen, during the upward scrolling of the target page, the rectangular card container 510 in the ad display position scrolls upward with the target page, and at the same time, the width of the information display area of ​​the rectangular card container 510 gradually increases in the horizontal direction until the information display area is fully exposed.

[0104] Figure 6 This is a schematic diagram illustrating the switching of a carrier from a closed state to an open state according to another embodiment of this application. Figure 6 In the image, the area enclosed by the dashed box represents the ad display space on the target page. Figure 6 In this context, the carrier is a naked-eye 3D screen container 610, and the screen layer within the naked-eye 3D screen container 610 is the information display area. When the naked-eye 3D screen container 610 is in a closed state, the masking layer within the naked-eye 3D screen container 610 completely covers the screen layer. During the upward scrolling of the target page, as the advertisement display gradually enters the display window, such as... Figure 6 At the moment corresponding to ①, the naked-eye 3D screen container 610 in the advertising display position enters the display window, and the information display area of ​​the naked-eye 3D screen container 610 is basically invisible in the display window.

[0105] As the target page continues to slide upwards, the mask on the naked-eye 3D screen container 610 gradually slides upwards, gradually revealing the screen layer. Figure 6 At the moment corresponding to ②, the mask of the naked-eye 3D screen container 610 slides upward, and correspondingly, the screen layer portion within the naked-eye 3D screen container 610 is exposed and displayed in the display window. Then, continuing to slide upward on the target page... Figure 6 At the moment corresponding to ③, the screen layer in the naked-eye 3D screen container 610 is fully exposed, and the complete information display area in the naked-eye 3D screen container 610 is displayed in the display window. The height of the displayed information display area reaches its maximum, and at this time, the masking layer of the naked-eye 3D screen container 610 is hidden.

[0106] exist Figure 6 In one embodiment, the masking layer of the naked-eye 3D screen container 610 opens from bottom to top to gradually reveal the screen layer. In other embodiments, the masking layer of the naked-eye 3D screen container 610 may also open from top to bottom to gradually reveal the screen layer therein.

[0107] Figure 7 This is a schematic diagram illustrating the switching of a carrier from a closed state to an open state according to another embodiment of this application. The area highlighted by the dashed box is the advertising display space on the target page. The carrier is a soccer ball container 710, and the area that the soccer ball container 710 flies through from the horizontal left boundary of the advertising display space serves as the information display area of ​​the soccer ball container 710. Correspondingly, during the process of the soccer ball container switching from a closed state to an open state, the information display area in the soccer ball container 710 gradually opens from the horizontal left boundary of the advertising display space to the horizontal right boundary of the advertising display space.

[0108] During the process of swiping up the target page, Figure 7 At the moment corresponding to ①, the football container 710 in the advertising display position begins to appear on the horizontal left edge of the advertising display position in the display window, and the width of the information display area of ​​the football container 710 is relatively small.

[0109] As you continue scrolling up the target page, the football container 710 gradually moves towards the horizontal right edge of the ad display position, as... Figure 7 As shown in pair ②, the width of the information display area of ​​the soccer container 710 is increased. Then continue scrolling upwards on the target page... Figure 7 At the moment corresponding to ③, the width of the information display area in the soccer ball container 710 reaches its maximum, and the soccer ball in the container is hidden. At this time, the size of the information display area reaches its maximum. Figure 7As can be seen, during the upward scrolling of the target page, the soccer container 710 in the ad display position not only scrolls upwards with the target page, but also gradually increases the width of the information display area in the horizontal direction until it reaches its maximum width. It is worth mentioning that... Figures 4-7 The shape of the carrier shown is merely an example and should not be considered as a limitation on the scope of this application.

[0110] Step 240: If the detected swipe event causes the recommended media information on the target page to move in the second direction, then control the carrier to switch from the open state to the closed state.

[0111] The second direction refers to the direction in which the recommended advertising information on the target page moves away from the display screen. This can also be understood as the direction in which the ad placement on the target page moves away from the display screen. In other words, if a swipe event causes the recommended advertising information on the target page to move away from the display screen, it indicates that at the time the swipe event is detected, the ad placement on the target page is within the display screen. When a detected swipe event causes the recommended media information on the target page to move in the second direction, the swipe event could be either causing the recommended advertising information to move upwards from the top vertical boundary of the display screen, or downwards from the bottom vertical boundary of the display screen.

[0112] It is worth mentioning that if the detected swipe event is determined to cause the recommended media information on the target page to move in the second direction, it indicates that the ad display position on the target page was located in the display screen when the swipe event was detected.

[0113] In some embodiments, if the carrier opens from the center outwards to both sides during the process of switching from a closed state to an open state, then correspondingly, the carrier gradually closes from the two lateral sides towards the center during the process of switching from an open state to a closed state.

[0114] Figure 8 This is a schematic diagram illustrating the switching of a carrier from an open state to a closed state according to an embodiment of this application, as shown below. Figure 8 As shown, Figure 8 As shown in Figure ①, the scroll container 410 remains fully open, meaning the information display area within it remains at its maximum. Then, as the target page is scrolled upwards, before the advertisement begins to slide off the screen, the scroll container 410 gradually changes from open to closed, as shown in Figure ①. Figure 8 As shown in Figure ②, the scroll container 410 converges from both sides towards the middle, compared to... Figure 8In step ①, the information display area in the scroll container 410 decreases. Then, as the target page continues to be scrolled upwards, the scroll container 410 continues to shrink, as... Figure 8 As shown in Figure ③, the scroll container 410 has been fully retracted and is about to slide completely off the display screen. It is understandable that... Figure 8 The processes shown in ①-③ can be regarded as Figure 4 The subsequent process of swiping upwards on the target page after step ③.

[0115] In some embodiments, if during the process of switching the carrier from a closed state to an open state, the carrier opens from the first vertical boundary of the advertising display space to the second vertical boundary of the advertising display space; correspondingly, during the process of switching the carrier from an open state to a closed state, the carrier gradually closes from the second vertical boundary of the advertising display space to the first vertical boundary of the advertising display space.

[0116] Figure 9 This is a schematic diagram illustrating the switching of a carrier from an open state to a closed state according to an embodiment of this application. Figure 9 As shown in Figure ①, the screen layer in the naked-eye 3D screen container 610 is fully exposed, and the complete information display area in the naked-eye 3D screen container 610 is displayed in the display window.

[0117] Afterwards, swiping up on the target page will cause the screen layer to gradually close before the ad display area begins to slide out of the display window, as shown below. Figure 9 As shown in Figure ②, the masking layer of the naked-eye 3D screen container 610 has partially fallen, partially covering the screen layer within the naked-eye 3D screen container 610, compared to Figure 9 In step ①, the visible area of ​​the screen layer in the naked-eye 3D screen container 610 decreases. Then, as you continue to swipe upwards on the target page, the mask of the naked-eye 3D screen container 610 continues to fall, as... Figure 9 As shown in Figure ③, the masking layer of the naked-eye 3D screen container 610 completely covers the screen layer of the naked-eye 3D screen container 610. At this time, the screen layer of the naked-eye 3D screen container 610 is completely invisible, that is, the information display area is at its smallest, and the naked-eye 3D screen container 610 is about to completely slide out of the display window. It is understandable that... Figure 9 The processes shown in ①-③ can be regarded as Figure 6 The subsequent process of swiping upwards on the target page after step ③.

[0118] In some embodiments, if the carrier opens from the first horizontal boundary to the second horizontal boundary of the advertising display space during the process of switching from the closed state to the open state, correspondingly, if the carrier gradually closes from the second horizontal boundary to the first horizontal boundary of the advertising display space during the process of switching from the open state to the closed state.

[0119] Figure 10This is a schematic diagram illustrating the switching of a carrier from an open state to a closed state according to an embodiment of this application, as shown below. Figure 10 As shown in Figure ①, the soccer ball container 710 is in a fully open state, meaning the information display area within it is at its maximum. Then, as the target page is swiped upwards, the display gradually transitions from open to closed before the advertisement slides out of the display window, as shown in Figure ①. Figure 10 As shown in Figure ②, the football container 710 has gradually begun to converge towards the horizontal left boundary of the advertising display space, compared to... Figure 10 In step ①, the information display area within the football container 710 decreases. Then, as you continue swiping upwards on the target page, the football container 710 continues to shrink towards the horizontal left boundary of the advertisement display area, as... Figure 10 As shown in Figure ③, the soccer ball container 710 has been completely collapsed, with its information display area at its smallest size, and it is about to slide completely out of the display window. This is understandable. Figure 10 The processes shown in ①-③ can be regarded as Figure 7 The subsequent process of swiping upwards on the target page after step ③.

[0120] It is worth mentioning that the first and second directions in this application are not absolute directions, but rather the relative movement directions between the advertising display position and the display screen. In the same direction in the coordinate system, when the relative position and movement trend between the advertising display position and the display screen are different, it can be used as the first direction for a period of time and as the second direction for another period of time.

[0121] In this application, upon detecting a swipe event triggered on the target page, if the swipe event causes the recommended media information on the target page to move in a first direction, the carrier is controlled to switch from a closed state to an open state. Since the carrier is used to carry the advertising recommendation information, as the degree to which the carrier is opened increases, the content of the advertising recommendation information displayed on the carrier also gradually increases, eventually displaying complete advertising recommendation information on the carrier. This achieves dynamic entry display of advertising recommendation information in the advertising display position, enriching the entry display process of advertising recommendation information in the advertising display position. Similarly, upon detecting a swipe event causing the recommended media information on the target page to move in a second direction, the carrier is controlled to switch from an open state to a closed state. As the degree to which the carrier is closed increases, the content of the advertising recommendation information displayed on the carrier also gradually decreases, achieving dynamic exit display of advertising recommendation information in the advertising display position. The method described in this application links the triggered sliding event with the entry and exit display process of the recommended media information. By leveraging the state changes of the carrier, the dynamic entry and exit of the advertising recommendation information in the advertising display position is realized, which can effectively solve the problem of the relatively simple display of advertising recommendation information in related technologies.

[0122] In some embodiments, the method further includes: displaying an incentive control in response to the carrier switching from a closed state to being fully open, the incentive control being used to trigger the claiming of virtual resources.

[0123] The incentive control can be overlaid on the upper layer of the carrier. In some embodiments, to avoid the incentive control obscuring the advertising recommendation information displayed in the carrier, the incentive control can be displayed in an area other than the area where the advertising recommendation information is located on the carrier.

[0124] Virtual resources can be used to redeem benefits within the application, such as increasing the duration of playable videos, increasing the text length of viewable content, redeeming other virtual resources (such as skin images), etc., without specific limitations.

[0125] By switching the carrier from a closed state to a fully open state and displaying incentive controls, user interactivity can be enhanced and the effectiveness of ad recommendations can be improved.

[0126] In some embodiments, the method further includes: if the conditions for playing ambient animation are met, playing ambient animation overlaid on the screen of the carrier.

[0127] The conditions for playing the ambient animation can be that the carrier is fully open, the duration of the detected sliding event reaches a preset duration within a preset time period, or the number of round trips of the detected sliding event reaches a preset number within a preset time period.

[0128] The ambient animation presents the dynamic changes of visual atmosphere elements, such as fireworks, flowers, stars, balloons, gift boxes, etc. The dynamic changes of these elements are not specifically limited here; for example, a gift box opening from closed, a balloon flying out, or stars twinkling.

[0129] In some embodiments, to avoid the ambient animation from obscuring the advertising recommendation information displayed on the carrier, the ambient animation may be displayed in an area other than the area where the advertising recommendation information is located on the carrier.

[0130] By overlaying ambient animations onto the screen of the carrier when the conditions for playing ambient animations are met, user interactivity can be further enhanced, and the effectiveness of advertising recommendations can be improved.

[0131] In some embodiments, during the process of displaying the carrier in the ad display space of the display window, if an operation triggered by the ad recommendation information in the carrier is detected, the details page of the ad recommendation information can be displayed in the display window.

[0132] In some embodiments, the carrier to be displayed in the ad display position can be pre-defined, for example, a pre-defined correspondence between ad position identifiers and carriers. Then, based on the ad position identifier, the carrier corresponding to the ad position identifier can be determined. Subsequently, the opening or closing animation of the carrier is obtained and played in the display window. This allows different carriers to be displayed in different ad positions. Of course, the same ad position can use the same carrier as the display medium for different ad recommendation information. The correspondence between ad position identifiers and carriers can be established based on the size of the ad display position indicated by the ad position identifier and the maximum external dimensions of the carrier. That is, for ad position identifiers and carriers with a correspondence, the maximum external dimensions of the carrier do not exceed the size of the ad display position indicated by the ad position identifier, thus ensuring that the carrier can be fully displayed in the ad display position.

[0133] In some embodiments, the advertising recommendation information to be displayed in the advertising display position can be determined based on the advertising position identifier. Then, the carrier suitable for the advertising recommendation information to be displayed in the advertising display position can be determined based on the information tag of the advertising recommendation information and the description tag of multiple candidate carriers. The opening animation and / or closing animation of the determined carrier can be obtained accordingly, and the advertising recommendation information can be embedded in the opening animation and closing animation. During the playback of the opening animation and closing animation in the display window, the advertising recommendation information is displayed in the information display area of ​​the carrier.

[0134] In some embodiments, the carrier suitable for the advertising recommendation information can be determined based on the information tags of the advertising recommendation information to be displayed in the advertising display position and the description tags of the carriers corresponding to the multiple carriers, that is, the carrier that serves as the carrier of the current advertising recommendation information can be determined. For example, if at least one description tag among the multiple description tags of a carrier has a semantic similarity exceeding a semantic similarity threshold with at least one information tag of the advertising recommendation information, or if at least one description tag among the multiple description tags of a carrier is an information tag of the advertising recommendation information, it can be determined that the carrier is suitable for the current advertising recommendation information.

[0135] Information tags for ad recommendations can refer to content tags (such as keywords and themes) or target audience tags. Description tags for the carrier can refer to key descriptive words used to label the carrier; these can be carrier attribute descriptive words (such as appearance or color), applicable scenario descriptive words, etc.

[0136] Based on the above embodiments, it is possible to use carriers whose description tags are related to the information tags of advertising recommendation information as the carriers of advertising recommendation information, thereby enabling the targeted determination of carriers suitable for different advertising recommendation information. For example, if the content of the advertising recommendation information relates to a book exhibition, a book container can be used as the carrier of the advertising recommendation information; if the content of the advertising recommendation information relates to a sports competition, a football container can be used as the carrier of the advertising recommendation information, which can improve the viewing experience.

[0137] In some embodiments, the first direction refers to the direction in which the advertisement placement enters the display screen; such as Figure 11 As shown, step 230 includes:

[0138] Step 1110: If the detected swipe event causes the recommended media information on the target page to move in the first direction, obtain the entry distance of the advertisement display position into the display screen in real time.

[0139] In some embodiments, if the advertising display position enters the display screen from the vertical lower boundary of the display screen, the entry distance is equal to the distance between the vertical upper boundary of the advertising display position and the vertical lower boundary of the display screen.

[0140] In some embodiments, if the advertising display position enters the display screen from the vertical upper boundary of the display screen, the entry distance is equal to the distance between the vertical lower boundary of the advertising display position and the vertical upper boundary of the display screen.

[0141] Step 1120: If the distance to the target reaches the first distance threshold, control the carrier to switch from the closed state to the open state.

[0142] In some embodiments, the first distance threshold may be less than the vertical height of the advertisement display position. Correspondingly, in step 1120, before the advertisement display position fully enters the display window, the carrier is triggered to switch from the closed state to the open state. In some embodiments, the first distance threshold may be equal to the vertical height of the advertisement display position.

[0143] In some embodiments, after the carrier begins to switch from the closed state to the open state, the carrier can be continuously controlled to switch to the open state regardless of whether a sliding event is continuously detected, until the carrier is fully opened.

[0144] In other embodiments, after the carrier begins to switch from the closed state to the open state, if no sliding event is continuously detected, the carrier can be paused from changing to the open state; conversely, if sliding events with the same sliding direction as before are continuously detected, the carrier is controlled to continue changing to the open state until the carrier is fully opened.

[0145] In some embodiments, the carrier is initialized before the ad display space enters the display window. This initialization involves two aspects of the carrier:

[0146] First, initialize the position of the carrier within the ad display space. For example, the carrier can be placed in the center of the ad display space, such as aligning the center point of the carrier with the center point of the ad display space. Figure 4 In the corresponding embodiment, the center of the scroll container is aligned with the middle position of the advertising display space in the horizontal direction; for example, ... Figure 5 In the corresponding embodiment, the center of the rectangular card container is aligned with the middle position of the advertisement display space in the horizontal direction.

[0147] Alternatively, the carrier can be initialized at the first vertical boundary of the advertising display position, so that during the subsequent transformation from the closed state to the open state, the carrier can be controlled to extend and expand from the first vertical boundary to the second vertical boundary.

[0148] Alternatively, the carrier can be initialized at the first horizontal boundary of the advertising display space. This allows for subsequent control of the carrier to extend and expand from the first horizontal boundary to the second horizontal boundary during the transition from a closed to an open state. For example... Figure 7 In a corresponding embodiment, the carrier is initialized to the horizontal left boundary of the advertisement display position.

[0149] In some embodiments, if the area occupied by the carrier in the advertising display space does not change during the transformation from a closed state to an open state, the carrier's position in the advertising display space can be initialized according to a set alignment position. For example... Figure 6 In the middle, the area occupied by the naked-eye 3D screen container in the advertising display position remained unchanged.

[0150] Second, initialize the state of the carrier in the advertising display space. In the initial state, the information display area within the carrier can be at its minimum size, or the information display area can be completely invisible. For example, corresponding to... Figure 4 In this embodiment, the scroll container can be initialized to a fully collapsed state before entering the display window, making the corresponding information display area completely invisible. Figure 6 In the embodiment, the naked-eye 3D screen container can be initialized to a state where the mask layer completely covers the screen layer before entering the display window, and the corresponding information display area is completely invisible.

[0151] In some embodiments, during the process of swiping to display the target page in the display window and before the advertisement placement enters the display window, a first reference distance from the advertisement placement to the display window can be calculated in real time. If the first reference distance is less than a reference distance threshold, the carrier is initialized at the advertisement placement. This allows the carrier to be initialized at the advertisement placement just before it enters the display window, avoiding premature initialization of the carrier.

[0152] In some embodiments, in response to the carrier being fully opened, ambient elements, such as balloons, gift boxes, and flowers, can be overlaid on the carrier in the advertising display space. These ambient elements can be adapted to the carrier.

[0153] In some embodiments, please continue reading Figure 11 Step 240 includes:

[0154] Step 1130: If the detected swipe event causes the recommended media information on the target page to move in the second direction, obtain the entry distance of the ad display position into the display screen in real time.

[0155] Step 1140: If the entry distance of the advertising display position on the display screen reaches the second distance threshold, the control carrier starts to switch from the open state to the closed state; the second distance threshold is greater than the first distance threshold; the second distance threshold is less than the longest movement distance of the advertising display position on the display screen.

[0156] Since the second distance threshold is greater than the first distance threshold, for the same ad display position, steps 1130-1140 can also be understood as the processing procedure after step 230.

[0157] In some embodiments, before controlling the carrier to switch from an open state to a closed state in response to the ad display position reaching a second distance threshold in the display screen, the method further includes: maintaining the carrier in a fully open state in response to the carrier being fully opened and the entry distance being less than the second distance threshold.

[0158] In other words, when the carrier switches from the closed state to the fully open state, but the entry distance is less than the second distance threshold, that is, the trigger condition for starting the reverse transformation to the closed state has not yet been met, the carrier is kept in the fully open state. That is, the carrier with the largest information display area in the advertisement display position is displayed. Correspondingly, the content of the advertisement recommendation information displayed in the information display area is also the most complete at this time.

[0159] In the above embodiment, in response to the carrier switching from a closed state to a fully open state and the entry distance being less than a second distance threshold, the carrier is maintained in a fully open state. Since the information display area maintains its largest size at this time, the content of the advertising recommendation information displayed in the information display area is also complete during this process. Therefore, through the above embodiment, the duration of complete display of advertising recommendation information can be effectively guaranteed.

[0160] In some embodiments, after the carrier switches from a closed state to a fully open state, it remains in the fully open state until the advertisement display space begins to slide out of the display window, and correspondingly, the advertisement recommendation information is also fully presented. This achieves the effect of ensuring the complete display of advertisement recommendation information while enriching the ways in which the advertisement recommendation information enters the display.

[0161] Figure 12 This is a flowchart illustrating the switching of a carrier from a closed state to an open state according to an embodiment of this application, as shown below. Figure 12 As shown, step 230 also includes:

[0162] Step 1210: Obtain the sliding speed of the sliding event.

[0163] The sliding speed of a sliding event can be calculated in real time based on the coordinates of the starting and ending points of the sliding event, as well as the duration of the sliding event.

[0164] Step 1220: Determine the target opening speed of the carrier to adapt to the sliding speed based on the sliding speed and the state switching information of the carrier.

[0165] The state transition information includes the reference opening duration and the reference opening speed. The reference opening speed refers to the rate at which the opening ratio of the carrier changes during the transition from the closed to the open state. The reference opening duration refers to the time it takes for the carrier to open from the closed state to be fully opened according to the reference opening speed. Similarly, the determined target opening speed refers to the actual rate at which the opening ratio of the carrier changes during the transition from the closed to the open state. The target opening speed is positively correlated with the sliding speed; the greater the sliding speed, the greater the target opening speed.

[0166] In some embodiments, a mapping relationship between sliding speed and opening speed can be preset. Then, based on the mapping relationship, the opening speed corresponding to the sliding speed of the current sliding event can be determined, and the determined opening speed corresponding to the sliding speed of the current sliding event can be used as the target opening speed.

[0167] In other embodiments, after determining the opening speed corresponding to the sliding speed of the current sliding event, if the opening speed corresponding to the sliding speed of the current sliding event is not less than the reference opening speed, the opening speed corresponding to the sliding speed of the current sliding event is taken as the target opening speed; if the opening speed corresponding to the sliding speed of the current sliding event is less than the reference opening speed, the reference opening speed is taken as the target opening speed.

[0168] In some other embodiments, step 1220 includes: dividing the reference distance by the sliding speed to obtain a reference duration; the reference distance is less than the longest moving distance of the advertisement display position on the display screen; if the reference duration is less than the baseline opening duration, multiplying the speed multiplier by the baseline opening speed to obtain the target opening speed; wherein the speed multiplier is greater than 1.

[0169] The reference distance refers to the maximum sliding distance that the advertising display space is allowed to move when the carrier changes from a closed state to a fully open state. In some embodiments, the reference distance may be equal to the difference between the maximum display height of the display screen (i.e., the longest movement distance of the advertising display space on the display screen) and a first distance threshold. When the entry distance of the advertising display space into the display window reaches the first distance threshold, the carrier is controlled to begin changing from a closed state to an open state.

[0170] In some embodiments, a reference distance can be arbitrarily selected between the difference between the longest movement distance of the advertisement display position on the display screen and the first distance threshold, and the longest movement distance of the advertisement display position on the display screen.

[0171] In some embodiments, if the entry distance of the advertisement display position into the display window reaches a second distance threshold, the control carrier starts to change from the open state to the closed state. Based on this, the reference distance can be equal to the difference between the second distance threshold and the first distance threshold.

[0172] Ideally, the carrier should transition from a closed state to a fully open state precisely when the sliding distance of the advertisement display position in the display window equals the reference distance, according to the current sliding speed of the sliding event. Therefore, if the reference duration is less than the baseline opening duration, it indicates that controlling the carrier's transition from a closed to an open state according to the baseline opening speed means that the carrier cannot be fully opened when the sliding distance of the advertisement display position in the display screen equals the reference distance. Therefore, the opening speed needs to be increased.

[0173] In some embodiments, the quotient of the baseline open duration and the reference duration can be used as the speed multiplication factor. In some embodiments, the quotient of the baseline open duration and the reference duration can be used as the reference coefficient, and the smallest candidate speed multiplication factor among a plurality of pre-defined candidate speed multiplication factors that are greater than the reference coefficient can be selected as the speed multiplication factor. The plurality of pre-defined candidate speed multiplication factors includes coefficients greater than 1.

[0174] Correspondingly, step 1120 includes: if the entry distance reaches the first distance threshold, control the carrier to start switching from the closed state to the open state according to the target opening speed.

[0175] In this way, by controlling the carrier to change from the closed state to the open state according to the target opening speed, it can be ensured that the carrier can be fully opened when the sliding distance of the advertisement display position in the display window is equal to the reference distance, thus avoiding the situation where the carrier is not fully opened when the advertisement display position begins to slide out of the display window.

[0176] In some embodiments, if the reference duration is not less than the baseline playback duration, and if the entry distance reaches the first distance threshold, the carrier is controlled to start changing from the closed state to the open state according to the baseline opening speed.

[0177] In the above embodiments, the opening speed of the carrier during the switching process from closed to open is dynamically adjusted according to the sliding speed of the sliding event, so that the opening speed of the carrier during the switching process from closed to open is adapted to the sliding speed of the sliding event. Correspondingly, the time taken by the carrier to switch from closed to open is also adapted to the sliding speed of the sliding event.

[0178] In some embodiments, the transition of the carrier from a closed state to an open state can be animated. Therefore, controlling the carrier to switch from a closed to an open state as described above is equivalent to playing an opening animation of the carrier. This opening animation presents the process of the carrier switching from a closed to an open state. Correspondingly, the target opening speed described above can be understood as the animation playback speed of the opening animation. In some embodiments, after determining the animation playback speed of the opening animation, and before starting to play the opening animation, an easing function (such as a Bézier curve) can be used to control the smoothness of the animation. This ensures the smoothness of the animation playback after adjusting the playback speed.

[0179] In some embodiments, similar to controlling the carrier to switch from a closed state to an open state as described above, the target closing speed of the carrier can be determined based on the sliding speed of the latest detected sliding event. The target closing speed of the carrier is positively correlated with the sliding speed of the sliding event. Correspondingly, in response to the advertising display position reaching a second distance threshold in the display screen, the carrier is controlled to switch from an open state to a closed state according to the target closing speed.

[0180] In some embodiments, the closing speed corresponding to the sliding speed of the current sliding event can be determined according to a preset mapping relationship between sliding speed and closing speed, and the determined closing speed corresponding to the sliding speed of the current sliding event can be used as the target closing speed.

[0181] In other embodiments, after determining the closing speed corresponding to the sliding speed of the current sliding event, if the closing speed corresponding to the sliding speed of the current sliding event is not less than the baseline closing speed, the closing speed corresponding to the sliding speed of the current sliding event is taken as the target closing speed; if the closing speed corresponding to the sliding speed of the current sliding event is less than the baseline closing speed, the baseline closing speed of the closing animation is taken as the target closing speed. The baseline closing speed may be the same as or different from the baseline opening speed mentioned above; no specific limitation is made here.

[0182] In other embodiments, the target shutdown speed can be determined according to the following process 1)-2):

[0183] 1) Divide the first reference distance by the sliding speed of the current sliding event to obtain the reference exit time; wherein, the first reference distance refers to the maximum sliding distance allowed for the advertisement display position during the process of the carrier switching from a fully open to a closed state. In some embodiments, the maximum display height of the display window can be subtracted from the second distance threshold, and then the sum of the subtraction result and the vertical height of the advertisement display position can be used as the first reference distance. That is, the first reference distance is the distance the advertisement display position moves from its position when the carrier starts to switch from a fully open to a closed state to when the advertisement display position completely exits the display window.

[0184] 2) If the reference exit time is less than the baseline closing time, multiply the reference speed factor by the baseline closing speed to obtain the target closing speed; wherein, the reference speed factor is greater than 1.

[0185] If the reference exit time is less than the baseline closing time, it indicates that the carrier is switching from the open to the closed state according to the baseline closing speed. The starting position is the location of the advertisement display when the carrier begins to switch from the open to the closed state. The carrier has not switched to the closed state by the time the advertisement display completely slides off the display screen. Therefore, the closing speed needs to be increased. The value of the baseline closing time can be the same as or different from the baseline opening speed mentioned above.

[0186] In some embodiments, the quotient of the baseline shutdown duration and the reference exit duration can be used as the reference speed multiplier. In some embodiments, the quotient of the baseline shutdown duration and the reference exit duration can be used as the reference exit coefficient. From a set of multiple candidate speed multipliers, the smallest candidate speed multiplier greater than the reference exit coefficient can be selected as the reference speed multiplier. The set of multiple candidate speed multipliers includes coefficients greater than 1.

[0187] In some embodiments, if the reference exit time is not less than the baseline shutdown time, the baseline shutdown speed is used as the target shutdown speed.

[0188] In the above embodiments, the closing speed of the carrier during the transition from the open to the closed state is dynamically adjusted according to the sliding speed of the sliding event. This ensures that the closing speed of the carrier transitioning from the open to the closed state is adapted to the sliding speed of the sliding event, and correspondingly, the time taken for the carrier to transition from the open to the closed state is also adapted to the sliding speed of the sliding event. In some embodiments, the target closing speed can be maintained constant during the transition from the open to the closed state.

[0189] In some embodiments, the process of the carrier switching from an open state to a closed state can be presented by animation. Therefore, controlling the carrier to switch from an open state to a closed state as described above is equivalent to playing a closing animation of the carrier. This closing animation presents the process of the carrier switching from an open state to a closed state. Correspondingly, the target closing speed described above can be understood as the animation playback speed of the closing animation.

[0190] In some embodiments, after determining the closing speed of the closing animation and before starting to play the closing animation, an easing function (such as a Bézier curve) can be used to control the smoothness of the closing animation. This ensures the smoothness of the animation after adjusting the closing speed.

[0191] In some embodiments, during the process of the carrier switching from a closed state to being fully opened, the opening ratio of the carrier sequentially goes through k increasing opening ratio ranges, where k is an integer greater than 1; step 230 further includes: when the entry distance is in the i-th entry distance range, controlling the opening ratio of the carrier to gradually increase from the minimum value in the i-th opening ratio range to the maximum value in the i-th opening ratio range; 1≤i≤k, where i is an integer; when i<k, the maximum distance in the i-th entry distance range is less than the minimum distance in the (i+1)-th entry distance range, and the maximum distance in the k-th entry distance range does not exceed the longest movement distance of the advertising display position on the display screen.

[0192] There are k increasing opening ratio ranges, meaning that the opening ratio increases continuously from the first to the kth opening ratio range. The maximum value in the kth opening ratio range is 100%, indicating that the carrier is fully opened. k can be set according to actual needs, such as k=2 or 3, etc., without specific limitation here. The range of change in the opening ratio in different opening ratio ranges can be the same or different, without specific limitation here. It can be understood that the minimum distance in the first entry distance range is equal to the first distance threshold.

[0193] In the above embodiment, in response to the entry distance being within the i-th entry distance range, the opening ratio of the carrier is controlled to gradually increase from the minimum value in the i-th opening ratio range to the maximum value in the i-th opening ratio range. It can be understood that the carrier can be controlled to gradually open according to the target opening speed determined above, so that the opening ratio of the carrier gradually increases from the minimum value in the i-th opening ratio range to the maximum value in the i-th opening ratio range.

[0194] In some embodiments, after the opening ratio of the carrier increases to the maximum value in the i-th opening ratio range, but before the entry distance reaches the maximum distance in the i-th entry distance range, if no sliding event is continuously detected, the opening ratio of the carrier can be maintained at the maximum value in the i-th opening ratio range.

[0195] In some embodiments, the target opening speed can remain constant from the first opening ratio range to the kth opening ratio range. This avoids frequently switching the opening speed of the carrier.

[0196] In some embodiments, during the process of the carrier changing from a closed state to an open state, the opening speed of the carrier controlled by different entry distance ranges within the first entry distance range to the kth entry distance range can be determined in real time based on the speed of the sliding event.

[0197] In some embodiments, the target opening speed of the carrier in the i-th entry distance range can be determined by the following process: based on the pre-set mapping relationship between the sliding speed and the opening speed, and the real-time detected sliding speed, the opening speed corresponding to the sliding speed of the real-time detected sliding event is determined, and the determined opening speed corresponding to the sliding speed of the current sliding event can be used as the target sub-opening speed corresponding to the i-th entry distance range.

[0198] In other embodiments, when i = 1, the target sub-opening speed corresponding to the first entry distance range is the target opening speed mentioned above; when i is greater than 1, the target sub-opening speed corresponding to the i-th entry distance range can be determined in the following manner 1)-2):

[0199] 1) Divide the sub-reference distance for the i-th entry distance range by the sliding speed of the real-time detected sliding event to obtain the first duration corresponding to the i-th entry distance range; where the sub-reference distance for the i-th entry distance range is equal to the difference between the maximum and minimum values ​​in the i-th entry distance range.

[0200] 2) If the first duration corresponding to the i-th entry distance range is less than the sub-reference opening duration corresponding to the i-th entry distance range, the sub-reference opening duration corresponding to the i-th entry distance range can be divided by the first duration corresponding to the i-th entry distance range to obtain the sub-speed multiplier corresponding to the i-th entry distance range; the sub-speed multiplier corresponding to the i-th entry distance range is then multiplied by the reference opening speed to obtain the target sub-opening speed corresponding to the i-th entry distance range. The sub-reference opening duration corresponding to the i-th entry distance range is equal to the product of the first ratio and the reference opening duration, where the first ratio is equal to the ratio between the sub-reference distance of the i-th entry distance range and the reference distance mentioned above.

[0201] Similarly, if the first duration corresponding to the i-th entry distance range is not less than the sub-baseline opening duration corresponding to the i-th entry distance range, the baseline opening speed can be used as the target sub-opening speed corresponding to the i-th entry distance range.

[0202] In some embodiments, if the opening ratio of the carrier has reached the maximum value of the i-th opening ratio range when the entry distance is within the i-th entry distance range and has not reached the maximum value of the i-th entry distance range, the carrier with the opening ratio already at the maximum value of the i-th opening ratio range can be maintained in the advertising display position until the entry distance reaches the maximum value of the i-th entry distance range.

[0203] In some embodiments, if the carrier can be animated during the transition from an open state to a closed state, the process of the carrier's opening ratio gradually increasing from the minimum value in the i-th opening ratio range to the maximum value in the i-th opening ratio range can be regarded as a sub-opening animation in the playback of the opening animation.

[0204] In the above embodiments, the opening ratio of the carrier is gradually increased within a range of several consecutive different opening ratios, depending on the different entry distances of the advertising display position into the display screen. In this way, the display content of the advertising recommendation information is dynamically increased, enriching the display process of the advertising recommendation information.

[0205] In some embodiments, the second direction refers to the direction in which the advertising display space leaves the display screen; during the process of the carrier switching from the open state to the closed state, the closing ratio of the carrier sequentially experiences n increasing closing ratio ranges, where n is an integer greater than 1; step 240 includes the following ①-②:

[0206] ① If the detected sliding event causes the recommended media information on the target page to move in the second direction, the reference exit distance of the ad display position is obtained in real time; the reference exit distance refers to the distance that the ad display position moves in the direction of exiting the display screen from the time the entry distance reaches the second distance threshold.

[0207] Before the ad display position begins to exit the display window, the reference exit distance is equal to the difference between the maximum display height of the display window and the entry distance of the ad display position within the display window.

[0208] After the ad display position begins to exit the display window, the reference exit distance is equal to the sum of the ad display position's exit distance from the display window and the second reference distance, which is equal to the difference between the maximum display height of the display window and the second distance threshold. If the ad display position slides out of the display window from its vertical lower boundary, the exit distance is equal to the distance between the vertical lower boundary of the ad display position and the vertical lower boundary of the display window; if the ad display position slides out of the display window from its vertical upper boundary, the exit distance is equal to the distance between the vertical upper boundary of the ad display position and the vertical upper boundary of the display window.

[0209] ② When the reference exit distance is within the j-th exit distance range, the closing ratio of the control unit gradually increases from the minimum value in the j-th closing ratio range to the maximum value in the j-th closing ratio range, 1≤j≤n, where j is an integer; the reference exit distance is positively correlated with the closing ratio of the control unit, and the maximum distance in the n-th exit distance range does not exceed the height of the advertising display position.

[0210] There are n increasing closing ratio ranges, meaning that the closing ratio increases continuously from the first to the nth closing ratio range. The maximum value in the nth closing ratio range is 100%, indicating that the carrier is fully open. n can be set according to actual needs, such as 2 or 3, etc., without specific limitations here. n can be the same as or different from k mentioned above. The ranges of change in the closing ratios involved in different closing ratio ranges can be the same or different, without specific limitations here.

[0211] In the above embodiment, in response to the reference exit distance of the advertisement display position being within the j-th exit distance range, the closing ratio of the carrier is controlled to gradually increase from the minimum value in the j-th closing ratio range to the maximum value in the j-th closing ratio range. It can be understood that the carrier can be controlled to gradually close according to the target closing speed determined above, so that the closing ratio of the carrier gradually increases from the minimum value in the j-th closing ratio range to the maximum value in the j-th closing ratio range.

[0212] In some embodiments, after the closing ratio of the carrier increases to the maximum value in the j-th closing ratio range, but before the reference exit distance reaches the maximum distance in the j-th exit distance range, the closing ratio of the carrier can be maintained at the maximum value in the j-th closing ratio range until the reference exit distance reaches the maximum distance in the j-th exit distance range.

[0213] In some embodiments, the target shutdown speed can remain constant from the first shutdown ratio range to the kth shutdown ratio range. This avoids frequent switching of the carrier's shutdown speed.

[0214] In some embodiments, during the transition of the carrier from a closed state to an open state, the closing speed of the carrier, controlled by different exit distance ranges within the first to the kth exit distance ranges, can be determined in real time based on the speed of the sliding event.

[0215] In some embodiments, the closing speed of the sub-target corresponding to the j-th exit distance range can be determined by the following process: based on the pre-set mapping relationship between sliding speed and closing speed, and the currently detected sliding speed, the closing speed corresponding to the sliding speed of the current sliding event is determined, and the determined closing speed corresponding to the sliding speed of the current sliding event can be used as the closing speed of the sub-target corresponding to the j-th exit distance range.

[0216] In other embodiments, when j = 1, the target sub-closing velocity corresponding to the first exit distance range is the target closing velocity mentioned above; when j is greater than 1, the sub-target closing velocity corresponding to the j-th exit distance range can be determined in the following manner ①-②:

[0217] ① Divide the sub-reference exit distance for the j-th exit distance range by the sliding speed of the real-time detected sliding event to obtain the second duration corresponding to the j-th exit distance range; wherein, the sub-reference exit distance for the j-th exit distance range is equal to the difference between the maximum and minimum values ​​in the j-th exit distance range.

[0218] ② If the second duration corresponding to the j-th exit distance range is less than the sub-baseline playback duration of the j-th exit distance range, the sub-baseline closing duration corresponding to the j-th exit distance range can be divided by the second duration corresponding to the j-th exit distance range to obtain the sub-speed factor for the j-th exit distance range; the sub-speed factor for the j-th exit distance range can be multiplied by the base closing speed to obtain the sub-target closing speed corresponding to the j-th exit distance range.

[0219] Similarly, if the second duration corresponding to the j-th exit distance range is not less than the sub-baseline closing duration corresponding to the j-th exit distance range, the baseline closing speed can be used as the closing speed of the sub-target corresponding to the j-th exit distance range.

[0220] The sub-reference closing time corresponding to the j-th exit distance range is equal to the product of the second ratio and the reference closing time. The second ratio is equal to the ratio between the sub-reference exit distance corresponding to the j-th exit distance range and the first reference distance mentioned above.

[0221] In some embodiments, if the reference exit distance is within the j-th exit distance range and has not reached the maximum value within the j-th exit distance range, and the closing ratio of the carrier has reached the maximum value within the j-th closing ratio range, the closing ratio of the carrier in the advertising display position can be maintained at the maximum value within the j-th closing ratio range until the reference exit distance reaches the maximum value within the j-th exit distance range.

[0222] In the above embodiments, based on the different reference exit distances of the advertising display position from the display screen, the closing ratio of the carrier is gradually increased within a range of multiple consecutive different closing ratios. In this way, the display content of the advertising recommendation information is dynamically reduced, enriching the process of the advertising recommendation information exiting the display screen.

[0223] In some embodiments, if the carrier's closure ratio has reached 100%, and if the reference exit distance has not reached the maximum value in the nth exit distance range, the carrier is hidden.

[0224] Figure 13 This is a flowchart illustrating a method for displaying advertising recommendation information according to an embodiment of this application, such as... Figure 13 As shown, the process includes: step 1310, detecting a sliding event triggered on the target page in the display window; step 1311, determining whether a sliding event is detected; if not, returning to continue executing step 1310; if a sliding event is detected, and it is determined that the detected sliding event causes the advertisement display position to move in the first direction, executing step 1312, and obtaining the entry distance of the advertisement display position into the display window in real time.

[0225] Step 1313: Determine whether the entry distance has reached the first distance threshold; if yes, proceed to step 1314: Control the carrier to switch from the closed state to the open state. As the carrier switches from the closed state to the open state, the information display area in the carrier gradually increases. When the carrier is fully opened, the information display area in the carrier reaches its maximum, and the complete advertising recommendation information is displayed in the information display area of ​​the carrier.

[0226] Subsequently, step 1315 is executed to continuously detect sliding events and continuously obtain the entry distance of the advertisement display position into the display window;

[0227] Step 1316: Determine if the entry distance has reached the second distance threshold. If yes, control the carrier to switch from the open state to the closed state. As the target page continues to scroll, subsequent advertising display positions gradually slide out of the display window.

[0228] In the above process, by triggering a sliding event, after the distance from the ad display position to the display window reaches the first distance threshold, the carrier is controlled to switch from the closed state to the open state. In this way, the information display area in the carrier gradually increases and the complete ad recommendation information is gradually displayed, realizing the dynamic display of recommended media information.

[0229] Furthermore, once the information display area within the carrier reaches its maximum, if the distance from which the advertisement placement enters the display window continues to increase, reaching a second distance threshold, the carrier is controlled to switch from an open state to a closed state. This causes the information display area within the carrier to gradually decrease, and correspondingly, the content of the displayed advertisement recommendation information gradually diminishes until it becomes invisible, achieving a dynamic end to the display of the advertisement recommendation information. In this way, by linking with the user's swipe interaction events, the entry and exit of the advertisement recommendation information becomes more engaging and interactive, and the start and end of the advertisement recommendation information becomes more ceremonial, enhancing the viewer's attention and participation in the advertisement recommendation information. This also improves the effectiveness of advertisement recommendation information delivery.

[0230] The following describes an apparatus embodiment of this application, which can be used to perform the methods described in the above embodiments of this application. For details not disclosed in the apparatus embodiments of this application, please refer to the method embodiments described in the above embodiments of this application.

[0231] Figure 14 This is a block diagram of an advertising recommendation information display device according to an embodiment of this application, such as... Figure 14As shown, the display device for the advertising recommendation information includes: a display module 1410 for displaying a target page; the target page includes an advertising display space and advertising recommendation information, the advertising display space includes a carrier for carrying the advertising recommendation information, the carrier having an open state and a closed state; a detection module 1420 for detecting a sliding event triggered on the target page; a first control module 1430 for controlling the carrier to switch from a closed state to an open state if the detected sliding event causes the recommended media information on the target page to move in a first direction; and a second control module 1440 for controlling the carrier to switch from an open state to a closed state if the detected sliding event causes the recommended media information on the target page to move in a second direction.

[0232] In some embodiments, as the carrier switches from a closed state to an open state, the content displayed on the carrier for the advertising recommendation information gradually increases; as the carrier switches from an open state to a closed state, the content displayed on the carrier for the advertising recommendation information gradually decreases; and when the carrier is fully opened, the carrier displays the complete content of the advertising recommendation information.

[0233] In some embodiments, the first direction refers to the direction in which the advertising display position enters the display screen; the first control module 1430 includes: an entry distance acquisition unit, configured to acquire the entry distance of the advertising display position into the display screen in real time if a detected sliding event causes the recommended media information on the target page to move in the first direction; and a first switching unit, configured to control the carrier to start switching from a closed state to an open state if the entry distance reaches a first distance threshold.

[0234] In some embodiments, the first control module 1430 further includes: a sliding speed acquisition unit, used to acquire the sliding speed of the sliding event; an opening speed determination unit, used to determine the target opening speed of the carrier adapted to the sliding speed based on the sliding speed and the state switching information of the carrier; and a first switching unit, further used to: if the entry distance reaches a first distance threshold, control the carrier to start switching from the closed state to the open state according to the target opening speed.

[0235] In some embodiments, the state switching information includes a baseline opening duration and a baseline opening speed; the opening speed determination unit includes: a reference duration determination unit, used to divide a reference distance by a sliding speed to obtain a reference duration; the reference distance is less than the longest moving distance of the advertisement display position on the display screen; and a target opening speed determination unit, used to multiply a speed multiplier by the baseline opening speed to obtain a target opening speed if the reference duration is less than the baseline opening duration; wherein the speed multiplier is greater than 1.

[0236] In some embodiments, if the advertisement display position enters the display screen from the vertical lower boundary of the display screen, the entry distance is equal to the distance between the vertical upper boundary of the advertisement display position and the vertical lower boundary of the display screen; if the advertisement display position enters the display screen from the vertical upper boundary of the display screen, the entry distance is equal to the distance between the vertical lower boundary of the advertisement display position and the vertical upper boundary of the display screen.

[0237] In some embodiments, during the process of the carrier switching from a closed state to being fully opened, the opening ratio of the carrier sequentially goes through k increasing opening ratio ranges, where k is an integer greater than 1; the first control module 1430 further includes: a first control unit, used to control the opening ratio of the carrier to gradually increase from the minimum value in the i-th opening ratio range to the maximum value in the i-th opening ratio range when the entry distance is in the i-th entry distance range; 1≤i≤k, where i is an integer; when i<k, the maximum distance in the i-th entry distance range is less than the minimum distance in the (i+1)-th entry distance range, and the maximum distance in the k-th entry distance range does not exceed the longest movement distance of the advertising display position on the display screen.

[0238] In some embodiments, during the process of switching the carrier from the closed state to the open state, the carrier opens in any of the following ways: the carrier opens from the middle to both sides; the carrier opens from the first vertical boundary of the advertising display space to the second vertical boundary of the advertising display space; the carrier opens from the first horizontal boundary of the advertising display space to the second horizontal boundary of the advertising display space.

[0239] In some embodiments, the second control module 1440 includes: a second switching unit, configured to control the carrier to switch from an open state to a closed state if a detected sliding event causes the recommended media information on the target page to move in a second direction, in response to the ad display position's entry distance on the display screen reaching a second distance threshold; the second distance threshold is greater than a first distance threshold; the second distance threshold is less than the longest movement distance of the ad display position on the display screen.

[0240] In some embodiments, the display device for advertising recommendation information further includes: a maintenance module, configured to maintain the carrier in a fully open state in response to the carrier being fully opened and the entry distance being less than a second distance threshold.

[0241] In some embodiments, the second direction refers to the direction in which the advertisement display position leaves the display screen; during the process of the carrier switching from the open state to the closed state, the closing ratio of the carrier sequentially experiences n increasing closing ratio ranges, where n is an integer greater than 1; the second control module 1440 includes: a reference exit distance acquisition unit, used to acquire the reference exit distance of the advertisement display position in real time if the detected sliding event causes the recommended media information on the target page to move in the second direction; the reference exit distance refers to the distance the advertisement display position moves in the direction of exiting the display screen starting from the entry distance reaching the second distance threshold; the second control unit, used to control the closing ratio of the carrier to gradually increase from the minimum value in the j-th closing ratio range to the maximum value in the j-th closing ratio range when the reference exit distance is in the j-th exit distance range, 1≤j≤n, where j is an integer; the reference exit distance is positively correlated with the closing ratio of the carrier, and the maximum distance in the n-th exit distance range does not exceed the height of the target advertisement position.

[0242] In some embodiments, the device for displaying advertising recommendation information further includes: a sliding direction acquisition module, used to acquire the sliding direction of the sliding event; and a movement trend determination module, used to determine the movement trend of the advertising display position relative to the display screen caused by the sliding event based on the sliding direction and the relative position information of the advertising display position relative to the display screen; the movement trend is used to indicate that the sliding event causes the recommended media information on the target page to move in a first direction or in a second direction.

[0243] In some embodiments, the display device for advertising recommendation information further includes: an incentive control display module, configured to display an incentive control in response to the carrier switching from a closed state to being fully opened, the incentive control being used to trigger the claiming of virtual resources.

[0244] In some embodiments, the display device for advertising recommendation information further includes an ambient animation playback module, which is used to overlay an ambient animation on the screen of the carrier if the ambient animation playback conditions are met.

[0245] In some embodiments, the carrier is a naked-eye 3D screen container; when the naked-eye 3D screen container is fully opened, the mask layer of the naked-eye 3D screen container is completely hidden, the screen layer in the naked-eye 3D screen container is fully exposed, and recommended media information is displayed in the screen layer of the naked-eye 3D screen container.

[0246] Figure 15 A schematic diagram of an electronic device suitable for implementing embodiments of this application is shown. It should be noted that... Figure 15 The computer system 1500 of the illustrated electronic device is merely an example and should not be construed as limiting the functionality and scope of use of the embodiments of this application. The electronic device may be a terminal for executing the methods provided in this application.

[0247] like Figure 15 As shown, the computer system 1500 includes a Central Processing Unit (CPU) 1501, which can perform various appropriate actions and processes, such as executing the methods described in the above embodiments, based on programs stored in Read-Only Memory (ROM) 1502 or programs loaded from storage portion 1508 into Random Access Memory (RAM) 1503. The RAM 1503 also stores various programs and data required for system operation. The CPU 1501, ROM 1502, and RAM 1503 are interconnected via a bus 1504. An Input / Output (I / O) interface 1505 is also connected to the bus 1504.

[0248] The following components are connected to I / O interface 1505: input section 1506 (e.g., keyboard, mouse, touchscreen, etc.); output section 1507 including cathode ray tube (CRT), liquid crystal display (LCD), and speakers; storage section 1508 including hard disk; and communication section 1509 including network interface cards such as LAN (Local Area Network) cards and modems. Communication section 1509 performs communication processing via a network such as the Internet. Drive 1510 is also connected to I / O interface 1505 as needed. Removable media 1511, such as disks, optical disks, magneto-optical disks, semiconductor memories, etc., are installed on drive 1510 as needed so that computer programs read from them can be installed into storage section 1508 as needed.

[0249] Specifically, according to embodiments of this application, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of this application include a computer program product comprising a computer program carried on a computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via communication section 1509, and / or installed from removable medium 1511. When the computer program is executed by central processing unit (CPU) 1501, it performs various functions defined in the system of this application.

[0250] It should be noted that the computer-readable medium shown in the embodiments of this application can be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two. A computer-readable storage medium can be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM), flash memory, optical fiber, portable compact disc read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0251] In this application, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in connection with an instruction execution system, apparatus, or device. In this application, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to wireless, wired, etc., or any suitable combination thereof.

[0252] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this application. Each block in a flowchart or block diagram may represent a module, segment, or portion of code, which contains one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in a block diagram or flowchart, and combinations of blocks in a block diagram or flowchart, can be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0253] The units described in the embodiments of this application can be implemented in software or hardware, and the described units can also be located in a processor. The names of these units do not necessarily limit the specific unit itself.

[0254] In another aspect, this application also provides a computer-readable storage medium, which may be included in the electronic device described in the above embodiments; or it may exist independently and not assembled into the electronic device. The aforementioned computer-readable storage medium carries computer-readable instructions that, when executed by a processor, implement the methods in any of the above embodiments.

[0255] In the embodiments of this application, the terms "module" or "unit" refer to a computer program or part of a computer program that has a predetermined function and works with other related parts to achieve a predetermined goal. It can be implemented wholly or partially using software, hardware (e.g., processing circuitry or memory), or a combination thereof. Similarly, a processor (or multiple processors or memory) can be used to implement one or more modules or units. Furthermore, each module or unit can be part of an overall module or unit that functions as a whole.

[0256] According to one aspect of the embodiments of this application, a computer program product is provided, the computer program product including computer instructions stored in a computer-readable storage medium. A processor of an electronic device reads the computer instructions from the computer-readable storage medium, and executes the computer instructions, causing the electronic device to perform the methods of any of the above embodiments.

[0257] It should be noted that although several modules or units for the device used to perform actions have been mentioned in the detailed description above, this division is not mandatory. In fact, according to the embodiments of this application, the features and functions of two or more modules or units described above can be embodied in one module or unit. Conversely, the features and functions of one module or unit described above can be further divided and embodied by multiple modules or units.

[0258] Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein can be implemented by software or by combining software with necessary hardware. Therefore, the technical solutions according to the embodiments of this application can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (such as a CD-ROM, USB flash drive, external hard drive, etc.) or on a network, including several instructions to cause a computing device (such as a personal computer, server, touch terminal, or network device, etc.) to execute the method according to the embodiments of this application.

[0259] Other embodiments of this application will readily occur to those skilled in the art upon consideration of the specification and practice of the embodiments disclosed herein. This application is intended to cover any variations, uses, or adaptations of this application that follow the general principles of this application and include common knowledge or customary techniques in the art not disclosed herein.

[0260] It should be understood that this application is not limited to the precise structure described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this application is limited only by the appended claims.

Claims

1. A method for displaying advertising recommendation information, characterized in that, include: Display target page, the target page includes advertising display positions and recommended media information, the advertising display positions include carriers for carrying advertising recommendation information, the carriers include open state and closed state; Detect swipe events triggered on the target page; If the detected sliding event causes the recommended media information on the target page to move in the first direction, the carrier is controlled to switch from the closed state to the open state; If the detected swipe event causes the recommended media information on the target page to move in the second direction, then the carrier is controlled to switch from the open state to the closed state.

2. The method according to claim 1, characterized in that, During the process of the carrier switching from the closed state to the open state, the content displayed on the carrier for the advertising recommendation information gradually increases; during the process of the carrier switching from the open state to the closed state, the content displayed on the carrier for the advertising recommendation information gradually decreases; when the carrier is fully opened, the carrier displays the complete content of the advertising recommendation information.

3. The method according to claim 1, characterized in that, The first direction refers to the direction in which the advertisement display position enters the display screen; If the detected swiping event causes the recommended media information on the target page to move in a first direction, controlling the carrier to switch from a closed state to an open state includes: If the detected sliding event causes the recommended media information on the target page to move in the first direction, the entry distance of the advertisement display position into the display screen is obtained in real time; If the entry distance reaches the first distance threshold, the carrier is controlled to start switching from the closed state to the open state.

4. The method according to claim 3, characterized in that, Before the method triggers the carrier to switch from a closed state to an open state when the entry distance reaches a first distance threshold, the method further includes: Obtain the sliding speed of the sliding event; Based on the sliding speed and the state switching information of the carrier, the target opening speed of the carrier adapted to the sliding speed is determined; If the entry distance reaches a first distance threshold, triggering the carrier to switch from a closed state to an open state includes: If the entry distance reaches the first distance threshold, the carrier is controlled to switch from the closed state to the open state according to the target opening speed.

5. The method according to claim 4, characterized in that, The state switching information includes the baseline opening duration and the baseline opening speed; The step of determining the target opening speed of the carrier to adapt to the sliding speed based on the sliding speed and the state switching information of the carrier includes: Divide the reference distance by the sliding speed to obtain the reference duration; the reference distance is less than the maximum movement distance of the advertisement display position on the display screen; If the reference duration is less than the baseline opening duration, the speed multiplier is multiplied by the baseline opening speed to obtain the target opening speed; wherein the speed multiplier is greater than 1.

6. The method according to claim 3, characterized in that, If the advertisement display position enters the display screen from the vertical lower boundary of the display screen, the entry distance is equal to the distance between the vertical upper boundary of the advertisement display position and the vertical lower boundary of the display screen; If the advertisement display position enters the display screen from the vertical upper boundary of the display screen, the entry distance is equal to the distance between the vertical lower boundary of the advertisement display position and the vertical upper boundary of the display screen.

7. The method according to claim 3, characterized in that, During the process of the carrier switching from a closed state to being fully opened, the opening ratio of the carrier sequentially goes through k increasing opening ratio ranges, where k is an integer greater than 1; if the detected sliding event causes the recommended media information on the target page to move in the first direction, controlling the carrier to switch from a closed state to an open state further includes: When the entry distance is within the i-th entry distance range, the opening ratio of the carrier is controlled to gradually increase from the minimum value in the i-th opening ratio range to the maximum value in the i-th opening ratio range; 1≤i≤k, i is an integer; when i<k, the maximum distance in the i-th entry distance range is less than the minimum distance in the (i+1)-th entry distance range, and the maximum distance in the k-th entry distance range does not exceed the longest movement distance of the advertisement display position on the display screen.

8. The method according to claim 1, characterized in that, During the process of switching the carrier from the closed state to the open state, the carrier opens in any of the following ways: The container opens from the middle outwards to both sides; The carrying container opens from the first longitudinal boundary of the advertising display space to the second longitudinal boundary of the advertising display space; The carrier container opens from the first lateral boundary of the advertising display space to the second lateral boundary of the advertising display space.

9. The method according to any one of claims 3 to 8, characterized in that, If the detected swipe event causes the recommended media information on the target page to move in the second direction, then controlling the carrier to switch from the open state to the closed state includes: If the detected sliding event causes the recommended media information on the target page to move in the second direction, in response to the ad display position's entry distance on the display screen reaching a second distance threshold, the carrier is controlled to switch from an open state to a closed state; the second distance threshold is greater than the first distance threshold; the second distance threshold is less than the longest movement distance of the ad display position on the display screen.

10. The method according to claim 9, characterized in that, Before controlling the carrier to switch from an open state to a closed state in response to the advertisement display position reaching a second distance threshold in the display screen, the method further includes: In response to the carrier being fully opened and the entry distance being less than the second distance threshold, the carrier container is maintained in the fully opened state.

11. The method according to claim 9, characterized in that, The second direction refers to the direction in which the advertising display position leaves the display screen; during the process of the carrier switching from the open state to the closed state, the closing ratio of the carrier sequentially goes through n increasing closing ratio ranges, where n is an integer greater than 1; If the detected swipe event causes the recommended media information on the target page to move in the second direction, then controlling the carrier to switch from the open state to the closed state includes: If the detected sliding event causes the recommended media information on the target page to move in the second direction, the reference exit distance of the advertisement display position is obtained in real time; the reference exit distance refers to the distance that the advertisement display position moves in the direction of exiting the display screen starting from the entry distance reaching the second distance threshold. When the reference exit distance is within the j-th exit distance range, the closing ratio of the carrier is controlled to gradually increase from the minimum value in the j-th closing ratio range to the maximum value in the j-th closing ratio range, 1≤j≤n, where j is an integer; the reference exit distance is positively correlated with the closing ratio of the carrier, and the maximum distance in the n-th exit distance range does not exceed the height of the target advertising space.

12. The method according to any one of claims 1 to 8, characterized in that, Before controlling the carrier to switch from a closed state to an open state, if the detected sliding event causes the recommended media information on the target page to move in a first direction, the method further includes: Obtain the sliding direction of the sliding event; Based on the sliding direction and the relative position of the advertisement display position with respect to the display screen, the movement trend of the advertisement display position relative to the display screen caused by the sliding event is determined; the movement trend is used to indicate whether the sliding event causes the recommended media information on the target page to move in a first direction or in a second direction.

13. The method according to any one of claims 1 to 8, characterized in that, The method further includes: In response to the carrier switching from a closed state to being fully open, an incentive control is displayed, which is used to trigger the claiming of virtual resources.

14. The method according to any one of claims 1 to 8, characterized in that, The method further includes: If the conditions for playing ambient animation are met, the ambient animation will be overlaid and played on the screen of the carrier.

15. The method according to any one of claims 1 to 8, characterized in that, The carrier is a naked-eye 3D screen container; when the naked-eye 3D screen container is fully opened, the mask layer of the naked-eye 3D screen container is completely hidden, the screen layer in the naked-eye 3D screen container is fully exposed, and the recommended media information is displayed in the screen layer of the naked-eye 3D screen container.

16. A display device for advertising recommendation information, characterized in that, include: A display module is used to display a target page; the target page includes an advertising display space and recommended media information, the advertising display space includes a carrier for carrying the advertising recommendation information, and the carrier includes an open state and a closed state. The detection module is used to detect swipe events triggered on the target page; The first control module is used to control the carrier to switch from a closed state to an open state if the detected sliding event causes the recommended media information on the target page to move in a first direction; The second control module is used to control the carrier to switch from an open state to a closed state if the detected sliding event causes the recommended media information on the target page to move in a second direction.

17. An electronic device, characterized in that, include: processor; A memory storing computer-readable instructions that, when executed by the processor, implement the method as described in any one of claims 1-15.

18. A computer-readable storage medium storing computer-readable instructions thereon, characterized in that, When the computer-readable instructions are executed by a processor, the method as described in any one of claims 1-15 is implemented.

19. A computer program product comprising computer instructions, characterized in that, When the computer instructions are executed by the processor, they implement the method of any one of claims 1-15.

Images