Page information and advertisement information display method and device, equipment and storage medium

Abstract

Embodiments of the present application provide a page information and advertisement information display method and device, equipment and a storage medium. In the embodiments of the present application, a plurality of layers including a shared layer and a private layer are set for adjacent image information. When the display switching between adjacent image information is performed, the shared layer is kept unchanged in the information display area, and the private layer of different image information is dynamically switched, thereby realizing the linkage display between adjacent image information. The information display style is rich and novel, has strong attraction, the information in the shared layer can increase the exposure, the different private layers increase the information richness, and no matter from the form or the content, it can bring a better experience to the user, which is beneficial to improve the page information click rate. Especially when applied to commodity advertisement information, it can not only improve the user experience of e-commerce advertisement, but also improve the brand dissemination effect of the merchant and the realization efficiency of the page advertisement position, and increase the platform income.

Description

Technical Field

[0001] This application relates to the field of Internet technology, and in particular to a method, apparatus, device and storage medium for displaying page information and advertising information. Background Technology

[0002] In many internet applications, some pages have a designated area for displaying advertising information; this area is called an ad space or a banner. With the development of rich media, banners have evolved from using traditional GIF image files to rich media banners, which gives them greater expressiveness and interactive content.

[0003] With the development of rich media banners, more and more internet applications are adopting them. Therefore, some internet applications support switching between ad content via carousel and manual horizontal swiping in their banner areas. However, even so, the click-through rate of banner areas is generally low, resulting in low advertising effectiveness. Summary of the Invention

[0004] This application provides a method, apparatus, device, and storage medium for displaying page information and advertising information, which enriches the display style, exposure, and richness of page information, improves user experience, and increases the click-through rate of page information.

[0005] This application provides a page information display method, including: displaying a first page, the first page including a first information area for displaying multiple image information, wherein at least two adjacent image information are image information containing multiple layers, and the multiple layers include a private layer and a shared layer shared by the at least two adjacent image information, the at least two adjacent image information including adjacent first image information and second image information; when switching from the first image information to the second image information, the shared layer is kept unchanged in the first information area, and the private layer in the first image information is dynamically switched to the private layer in the second image information to display the second image information.

[0006] This application embodiment also provides a page information display device, including: a display module and a switching control module; the display module is used to display a first page, the first page including a first information area for displaying multiple image information, wherein at least two adjacent image information are image information containing multiple layers, and the multiple layers include a private layer and a shared layer shared by the at least two adjacent image information, the at least two adjacent image information including adjacent first image information and second image information; the switching control module is used to, when switching from the first image information to the second image information, keep the shared layer unchanged in the first information area, and dynamically switch the private layer in the first image information to the private layer in the second image information to display the second image information.

[0007] This application embodiment also provides an advertising information display method, including: displaying a first page, the first page including an advertising space for displaying multiple advertising information, wherein the NMth advertising information is a specific image containing multiple layers, and the multiple layers include a background layer and a product body layer shared by the NMth advertising information; when the Kth advertising information switches to the K+1th advertising information, the product body layer in the advertising space remains unchanged, and the background layer in the Kth advertising information is dynamically switched to the background layer in the K+1th advertising information, so as to display the K+1th advertising information in the advertising space; wherein the Kth and K+1th advertising information are two adjacent advertising information in the NMth advertising information, N, M, and K are all integers, and N≥1, M>N, N≤K≤M-1.

[0008] This application also provides an electronic device, including: a memory and a processor; the memory is used to store a computer program; the processor is coupled to the memory and is used to execute the computer program to implement the steps in the page information display method or advertising information display method provided in this application.

[0009] This application also provides a computer-readable storage medium storing a computer program, which, when executed by a processor, causes the processor to implement the steps in the page information display method or advertising information display method provided in this application.

[0010] This application also provides a computer program product, including a computer program / instruction, which, when executed by a processor, causes the processor to implement the steps in the page information display method or advertising information display method provided in this application.

[0011] In this embodiment, multiple image information is displayed in the information display area. Multiple layers are set for at least two adjacent image information, including shared layers and private layers. When switching between the display of at least two adjacent image information, the shared layer remains unchanged in the information display area, while the private layers of different image information are dynamically switched, realizing the linkage display of multiple image information. For users, the information display style is rich and novel, which is highly attractive. In addition, it increases the exposure of information in the shared layer, while displaying information through different private layers also increases the richness of information. Both in terms of form and content, it can bring a better experience to users and help improve the page information click-through rate. Especially when applied to product advertising information, it can not only improve the user's experience of e-commerce advertising, but also improve the brand communication effect of merchants and the monetization efficiency of page advertising space, thereby increasing platform revenue. Attached Figure Description

[0012] The accompanying drawings, which are included to provide a further understanding of this application and form part of this application, illustrate exemplary embodiments and are used to explain this application, but do not constitute an undue limitation of this application. In the drawings:

[0013] Figure 1 A flowchart illustrating a page information display method provided for an exemplary embodiment of this application;

[0014] Figure 2 A schematic diagram illustrating image information switching as an exemplary embodiment of this application;

[0015] Figure 3 A flowchart illustrating an advertising information display method provided for an exemplary embodiment of this application;

[0016] Figure 4 A schematic diagram of the structure of a page information display device provided for an exemplary embodiment of this application;

[0017] Figure 5 This is a schematic diagram of the structure of an electronic device provided as an exemplary embodiment of this application. Detailed Implementation

[0018] To make the objectives, technical solutions, and advantages of this application clearer, the technical solutions of this application will be clearly and completely described below in conjunction with specific embodiments and corresponding drawings. Obviously, the described embodiments are only a part of the embodiments of this application, and not all of them. Based on the embodiments in this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0019] In view of the problem of low click-through rate of page information in the prior art, in an embodiment of the present application, multiple image information is displayed in an information display area. Multiple layers are set for at least two adjacent image information among them. The multiple layers include a shared layer and private layers. When switching the display between at least two adjacent image information, the shared layer remains unchanged within the information display area, and the private layers of different image information are dynamically switched, so as to realize the linked display between multiple image information. For users, the information display styles they see are rich and novel, with strong attraction. In addition, the exposure of the information in the shared layer is increased, and the information richness is also increased by displaying information through different private layers. It can bring a better experience to users both in form and content, which is beneficial to improving the click-through rate of page information. Especially when applied to commodity advertising information, it can not only improve the user experience of e-commerce advertising, but also improve the brand communication effect of merchants and the monetization efficiency of page advertising positions, increasing the platform revenue.

[0020] The following will describe in detail the technical solutions provided by each embodiment of the present application with reference to the accompanying drawings.

[0021] Figure 1 It is a flowchart of a page information display method provided by an exemplary embodiment of the present application. As Figure 1 shown, the method includes:

[0022] 101. Display a first page. The first page includes a first information area for displaying multiple image information. Among them, at least two adjacent image information are image information including multiple layers, and the multiple layers include private layers and a shared layer shared by at least two adjacent image information. At least two adjacent image information include adjacent first image information and second image information;

[0023] 102. When switching from the first image information to the second image information, keep the shared layer unchanged within the first information area, and dynamically switch the private layer in the first image information to the private layer in the second image information to display the second image information.

[0024] In this embodiment, the first page can be a page displayed on the display screen of a terminal device. The terminal device can be any smart device that can install applications (such as APPs, mini-programs, or clients) and has a display screen and interactive functions. For example, the terminal device can be a smart handheld device, such as a smartphone or tablet computer; a desktop device, such as a laptop or desktop computer; a smart wearable device, such as a smartwatch or smart bracelet; or various smart home appliances with display screens, such as smart TVs, smart large screens, or smart robots. Furthermore, the first page can be a page of an application on the terminal device. The application can be a standalone APP or a mini-program that depends on a standalone APP to run. The types of applications can include, but are not limited to, social networking, shopping, travel, news, entertainment, music, photography, and office applications, etc., without limitation. The first page can be the application's homepage or other pages of the application, without limitation.

[0025] In this embodiment, the first page includes a first information area. The location of the first information area is not limited. For example, the first information area may be located at the top, middle, or bottom of the first page, or it may be located on the left or right side of the first page; there is no limitation in this regard. The shape of the first information area is also not limited. For example, the shape of the first information area may include, but is not limited to, circles, squares, triangles, trapezoids, or irregular shapes; there is no limitation in this regard.

[0026] In this embodiment, the first information area is used to display multiple image information. For example, multiple image information can be displayed in turn according to a set time, such as 1 second, 2 seconds, or 3 seconds. Alternatively, one image information can be displayed at a time, and in response to a switching operation on the first information area, the currently displayed image information is switched to the next image information, thus enabling the display of multiple image information.

[0027] In this embodiment, at least two adjacent image pieces among multiple image pieces are image pieces containing multiple layers, that is, each of two or more consecutive image pieces contains multiple layers. The at least two adjacent image pieces containing multiple layers (hereinafter sometimes simply referred to as at least two adjacent image pieces) can be implemented as: two adjacent image pieces, three adjacent image pieces, or five adjacent image pieces, etc. The number of adjacent image pieces containing multiple layers is not limited. Optionally, at least two adjacent image pieces include: the first P adjacent image pieces, or the middle P adjacent image pieces, or the last P adjacent image pieces; where P is an integer ≥ 2. For example, if the multiple image pieces are implemented as 10, the at least two adjacent image pieces could be the first 3 adjacent image pieces, i.e., the 1st, 2nd, and 3rd image pieces all contain multiple layers; or the at least two adjacent image pieces are the middle 2 adjacent image pieces, i.e., the 5th and 6th image pieces both contain multiple layers; or the at least two adjacent image pieces are the last 4 adjacent image pieces, i.e., the 7th, 8th, 9th, and 10th image pieces all contain multiple layers.

[0028] The multiple layers contained in at least two adjacent image information pieces include shared layers and private layers. For example, multiple layers can be implemented as two layers, one shared and the other private; or as four layers, one shared and the other three private. There is no limitation on this. A shared layer is a layer shared by at least two adjacent image information pieces, while a private layer is a layer not shared by at least two adjacent image information pieces. That is, at least two adjacent image information pieces have the same shared layer, and different image information pieces have different private layers. Optionally, shared layers and private layers have a content relationship. For example, the content of a shared layer can be main material information, and the content of different private layers is background information related to but not exactly the same as the main material. For example, the main material can be an image or text of a product, and the background information can be different attribute information of that product. The product involved in the main material can be electronic products, home appliances, various clothing, beauty products, or books, etc., without limitation.

[0029] It should be noted that the aforementioned at least two adjacent image information containing multiple layers refers to at least two adjacent image information that share a layer. Among the multiple image information displayed in the first information area, there may be one or more groups of at least two adjacent image information that share a layer. For example, if the first information area displays four image information, the first and second image information are adjacent and share the same shared layer A; the third and fourth image information are adjacent and share the same shared layer B; and the second and third image information are adjacent but do not share a layer. That is, there are two groups of adjacent image information with shared layers among the four image information. In an optional embodiment, each group of image information may be image information from the same merchant, image information from the same product, or image information from the same brand; there is no limitation in this regard. Each group of image information shares a layer. For example, the first and second image information are grouped together, and the third and fourth image information are grouped together. In this application, at least two adjacent image information are described in groups.

[0030] In this embodiment, at least two adjacent image information containing multiple layers include at least two adjacent first image information and second image information. The user can switch from the first image information to the second image information, or vice versa. For example, at least two adjacent image information containing multiple layers can be implemented as four image information pieces. These four image information pieces can be switched according to the display order. For example, the four image information pieces can be represented by 1, 2, 3, and 4 respectively. The switching order of the four image information pieces can be 1->2->3->4, or 4->3->2->1, without limitation. The switching from the first image information to the second image information can be 1->2, 2->3, 3->4, or 4->3, 3->2, 2->1, etc., without limitation. The switching method from the first image information to the second image information is not limited. For example, it can involve a sliding operation on the first information area, such as sliding left, right, up, or down. It can also involve an automatic rotation operation between at least two adjacent image information, such as automatically switching to the next image information every set time interval (e.g., 2 seconds or 3 seconds). For another example, the first page includes a switching control, which can be a button, knob, or drag control. The user can trigger the switching control to flexibly select the second image information to switch from the current first image information. The second image information can be any one of at least two adjacent image information containing multiple layers. For example, at least two adjacent image information containing multiple layers can be implemented as five image information, represented by image information 1, 2, 3, 4, and 5. If the first image information is image information 1, the switching control can switch to the second image information, which can be image information 2.

[0031] In this embodiment, the first image information and the second image information have the same shared layer and different private layers. When the first image information is displayed in the first information area, for example, the shared layer and the private layer of the first image information are superimposed in the first information area to display the first image information in the first information display area. When switching from the first image information to the second image information, the shared layer remains unchanged in the first information area, and the private layer in the first image information is dynamically switched to the private layer in the second image information to display the second image information in the first information area. For example, the shared layer and the private layer of the second image information are superimposed in the first information area to display the second image information in the first information area.

[0032] In this context, keeping the shared layer unchanged within the first information area can be understood as maintaining the same display state as the shared layer. This display state can include, but is not limited to, the displayed content, display attributes, and the display position of the shared layer relative to the first information area. The displayed content can include one or more combinations of text, images, tables, or plugins. Display attribute information can include, but is not limited to, brightness, hue, saturation, size of the displayed content, and display position of the displayed content. Alternatively, keeping the shared layer unchanged within the first information area can also be understood as maintaining the same displayed content as the shared layer, while changing its display attributes. For example, if the displayed content of the shared layer is a product image, keeping the shared layer unchanged means that the displayed content of the product image remains unchanged, but its size, saturation, hue, or brightness can change.

[0033] In this embodiment, multiple image information is displayed in the information display area. Multiple layers are set for at least two adjacent image information, including shared layers and private layers. When switching between the display of at least two adjacent image information, the shared layer remains unchanged in the information display area, while the private layers of different image information are dynamically switched, realizing the linkage display of multiple image information. For users, the information display style is rich and novel, which is highly attractive. In addition, information in the shared layer can be displayed in at least two image information, which is equivalent to increasing the exposure of the information in the shared layer. Displaying different information through the private layers of different image information increases the richness of information. Both in terms of form and content, it can bring a better experience to users, thereby increasing the click-through rate of page information.

[0034] In an optional embodiment, to achieve linkage between adjacent image information containing multiple layers, linkage attributes can be set for shared layers and private layers. These linkage attributes are pre-configured and reflect the layer's linkage information, such as whether it needs to link with the next image information layer, and whether the layer needs to move. In this embodiment, layer linkage attributes are divided into static linkage attributes and dynamic linkage attributes. Static linkage attributes refer to information about the corresponding layer that does not need to change during linkage with the previous or next image information, while dynamic linkage attributes refer to information about the corresponding layer that needs to change during linkage with the previous or next image information. In this embodiment, since the shared layer is a layer shared by at least two adjacent image information, and the shared layer needs to be displayed during the linkage of these image information, a static linkage attribute can be configured for the shared layer. This ensures that the shared layer remains unchanged during the linkage of these image information, increasing the information display style while reducing the resources consumed by page rendering. Since the private layer is a layer private to each image information, different image information needs to display different private layers during the linkage of these image information. Therefore, a dynamic linkage attribute can be configured for the private layer so that the private layer can change dynamically during the linkage of image information. The representation of dynamic or static linkage attributes is not limited. For example, linkage attributes include linkage identifiers, which can be one or more combinations of numbers, letters, or symbols. For instance, the linkage identifier for dynamic linkage attributes can be represented by "0," and the linkage identifier for static linkage attributes can be represented by "1." Alternatively, linkage attributes can be distinguished by layer type. For example, layers can be divided into content layers and background layers. If layer E1 is a content layer, it is considered to have static linkage attributes and is designated as a shared layer. If layer E2 is a background layer, it is considered to have dynamic linkage attributes and is designated as a private layer. Optionally, when the content layer displays the main product material, the background layer can be a layer displaying various attributes of the product.

[0035] Based on the above, for ease of description and distinction, any two adjacent image information containing multiple layers are referred to as the first image information and the second image information. When switching from the first image information to the second image information, shared layers and private layers are identified from the multiple layers contained in the first image information, and the private layer in the second image information is loaded. According to the static linkage attribute of the shared layer, the display state of the shared layer in the first information area remains unchanged. For example, the display position and display style of the shared layer relative to the first information area remain unchanged. According to the dynamic linkage attribute of the private layer in the first image information and the dynamic linkage attribute of the private layer in the second image information, the private layer in the first image information is dynamically switched to the private layer in the second image information. At this time, the private layer in the second image information and the shared layer are superimposed to obtain the second image information, thus achieving the purpose of switching from the first image information to the second image information.

[0036] Optionally, each image information corresponds to a description file, which defines which layers among the multiple layers contained in the image information are shared layers and which are private layers. This description file can be a file described using HTML or other programming languages. An example is given below.

[0037] For example, the description file of the image information configures shared attribute information for each layer. The value of the shared attribute information is "shared" or "private". The shared attribute information of a shared layer can be "shared", and the shared attribute information of a private layer can be "private". Based on this, the shared attribute information of each layer in the first image information can be obtained from the description file of the first image information. According to the shared attribute information of each layer, the shared layer and the private layer can be identified. For example, if image information C includes two layers, namely layer C1 and layer C2, if the shared attribute information of layer C1 is "shared", then layer C1 is a shared layer; if the shared attribute information of layer C2 is "private", then layer C2 is a private layer.

[0038] For example, the image information description file configures type attribute information for each layer. For instance, the layer type attribute information includes type D1 and type D2. Layers with type attribute information of type D1 are designated as shared layers, and layers with type attribute information of type D2 are designated as private layers. Here, layer type D1 indicates that the layer displays the first type of information, such as product images or icons, while layer type D2 indicates that the layer displays the second type of information, such as product attribute information. Based on this, the type attribute information of each layer in the first image information is obtained from the image information description file, and shared layers and private layers are identified according to the type attribute information of each layer.

[0039] Optionally, when displaying the first image information within the first information area, the shared layer corresponds to static rendering data currently within the first information area. This static rendering data includes information such as the style, position, and rendering level of the shared layer. The style of the shared layer may include, but is not limited to, drop shadow, inner shadow, outer glow, inner glow, bevel and emboss, gloss, color overlay, gradient overlay, pattern overlay, and stroke. The position of the shared layer mainly refers to its position relative to the first information area. The rendering level mainly reflects the occlusion relationship of multiple layers contained in the image information. For example, the rendering level of a layer can be represented by a number, with layers with smaller numbers below and layers with larger numbers above. When rendering multiple layers of the image information, the layers can be rendered sequentially according to the order of their rendering level numbers from smallest to largest. Furthermore, this static rendering data corresponds to the static linkage attribute of the shared layer. Based on this, the static rendering data of the shared layer currently within the first information area can be obtained according to the static linkage attribute of the shared layer. Based on the static rendering data of the shared layer, the first information area can be partially refreshed to maintain the display state of the shared layer. Specifically, "partial refresh of the first information area" means refreshing the shared layers that need to be displayed within the first information area.

[0040] Optionally, in addition to the linkage identifier, the dynamic linkage attribute may also include: dynamic switching methods, such as the path or direction of image information moving into or out of the first information area. The dynamic switching methods may include, but are not limited to: fade-in, fade-out, overlay, freeze-frame, or flip. Based on this, a first linkage identifier and a first dynamic switching method can be obtained from the dynamic linkage attributes of the private layer in the first image information. The first linkage identifier indicates that the private layer of the first image information needs to be linked with the second image information, and the private layer needs to be moved when switching image information. According to the first linkage identifier, the private layer in the first image information is dynamically moved out of the first information area according to the first dynamic switching method. A second linkage identifier and a second dynamic switching method can be obtained from the dynamic linkage attributes of the private layer in the second image information. The second linkage identifier indicates that the private layer of the second image information needs to be linked with the first image information, and the private layer needs to be moved when switching image information. According to the second linkage identifier, the private layer in the second image information is dynamically moved into the first information area according to the second dynamic switching method. The first dynamic switching method and the second dynamic switching method are adapted to each other, that is, the first dynamic switching method and the second dynamic switching method cooperate with each other to switch the private layer of the first image information in the first information area to the private layer of the second image information. For ease of description and distinction, the private layer containing the first image information is referred to as the first private layer, and the private layer containing the second image information is referred to as the second private layer. The following examples illustrate the first dynamic switching method of the first private layer and the second dynamic switching method of the second private layer.

[0041] Example F1: The switching from a first private layer to a second private layer is achieved by moving geometric shapes (such as rectangles or rhombuses). For example, the first private layer is covered by moving geometric shapes, and the second private layer is introduced when the geometric shapes disappear. The first dynamic switching method is when the geometric shapes are covered, and the second dynamic switching method is when the geometric shapes disappear.

[0042] Example F2: The first private layer is switched to the second private layer using a fade-in / fade-out mechanism. The first private layer gradually darkens until it becomes black, while the second private layer gradually brightens until it reaches normal brightness. Specifically, the first dynamic switching method achieves this by having the first private layer gradually darken until it becomes black, and the second dynamic switching method achieves this by having the second private layer gradually brighten until it reaches normal brightness.

[0043] Example F3:The first private layer is switched to the second private layer through an overlay technique. The first and second private layers are superimposed, with the first private layer gradually dimming and disappearing while the second private layer gradually appears and becomes clear. Specifically, the first dynamic switching method achieves this by having the first private layer gradually dim and disappear, while the second dynamic switching method achieves this by having the second private layer gradually appear and become clear.

[0044] Example F4: The first private layer is switched to the second private layer by occlusion. The first private layer is continuously enlarged until its content is no longer discernible. At this point, the enlarged second private layer is displayed, and it is continuously shrunk and moved away until it returns to its normal display size. Specifically, the first dynamic switching method involves the first private layer continuously enlarging, and the second dynamic switching method involves the enlarged second private layer continuously shrinking and moving away.

[0045] Example F5: The first private layer is switched to the second private layer by sliding. For example, the first private layer continuously slides along a first direction (e.g., left) until it moves out of the first information area from the first boundary. The second private layer starts from the second boundary of the first information area and slides into the first information area, continuously sliding along the first direction (e.g., left) until it is completely inside the first information area. The first and second boundaries are opposite each other; for example, one is the left boundary and the other is the top boundary, or one is the top boundary and the other is the bottom boundary. The first dynamic switching method is implemented as follows: the first private layer slides along the first direction towards the first boundary until it is completely outside the first information area. The second dynamic switching method is implemented as follows: the second private layer starts from the second boundary and slides along the first direction until it is completely inside the first information area. Figure 2 The diagram illustrates the relative positions of the shared layer, the first private layer, and the second private layer during the sliding process. The example shown is based on the shared layer remaining stationary while both the first and second private layers slide to the left, but it is not limited to this scenario.

[0046] Further optionally, the detailed implementation of controlling the private layer in the first image information to dynamically move out of the first information area according to the first linkage identifier and the first dynamic switching method includes: determining the number of times the private layer in the first image information needs to be moved out of the first information area and the local layer data moved out each time, according to the first linkage identifier and the first dynamic switching method; wherein, the number of times to move out is not limited, and can be 5 times, 10 times, 50 times or 200 times, etc., without limitation; wherein, the local layer data moved out each time is local layer data that is not displayed in the first information area, and the moved-out local layer data does not need to be rendered again; continuously rendering the private layer in the first image information according to the number of times to move out and the local layer data moved out each time to obtain first dynamic rendering data, the first dynamic rendering data including the style, position and rendering level of the private layer in the first image information; displaying the private layer in the first image information according to the first dynamic rendering data until the private layer in the first image information is dynamically moved out of the first information area. Accordingly, the detailed implementation method for controlling the dynamic movement of a private layer in the second image information into the first information area according to the second dynamic switching method based on the second linkage identifier includes: determining the number of times the private layer in the second image information needs to be moved into the first information area and the local layer data moved in each time, according to the second dynamic switching method based on the second linkage identifier; wherein, the number of moves in is not limited, for example, it can be 7 times, 15 times or 60 times, etc., and the number of moves out and the number of moves in can be the same or different, preferably, the number of moves out and the number of moves in are the same; the local layer data moved in each time is the local layer data that needs to be displayed in the first information area; based on the number of moves in and the local layer data moved in each time, the private layer in the second image information is continuously rendered to obtain second dynamic rendering data, the second dynamic rendering data including the style, position and rendering level of the private layer in the second image information; displaying the private layer in the second image information according to the second dynamic rendering data until the private layer in the second image information is dynamically moved into the first information area.

[0047] In an optional embodiment, when displaying multiple image information, the first information area can set a display order for the multiple image information. The display order reflects the positional relationship of the multiple image information, indicating which image information is adjacent to another image information. Specifically, image information sharing a layer is displayed in an adjacent order. For example, if the multiple image information is implemented as five image information, the display order of the five image information is: 1 -> 2 -> 3 -> 4 -> 5 -> 1, where the 2nd, 3rd, and 4th image information are multiple adjacent image information sharing a layer. During the display of the current image information in the first information area, a display switching command can be issued for the first information area. This command is used to switch the current image information in the first information area. The system can respond to the display switching command and determine the next image information to switch from based on the display order of the multiple image information. For the multiple image information displayed in the first information area, each image information has attribute information, which may include, but is not limited to: the number of layers contained in the image information, and the type of layers, such as which are shared layers and which are private layers. The system can then perform the following two judgment operations: Judgment Operation X1: Based on the attribute information of the current image information, determine whether the current image information contains multiple layers. Image information; Judgment operation X2: Based on the attribute information of the next image information, determine whether the next image information contains multiple layers; The execution order of judgment operation X1 and judgment operation X2 is not limited. For example, judgment operation X1 can be executed first, then judgment operation X2, or judgment operation X2 can be executed first, then judgment operation X1, or judgment operation X1 and judgment operation X2 can be executed simultaneously; If it is determined that both the current image information and the next image information contain multiple layers, the current image information is determined as the first image information and the next image information is determined as the second image information; Afterwards, the first image information can be switched to the second image information according to the multiple linkage switching methods described above.

[0048] Optionally, the first information area may display multiple image information, including not only at least two adjacent image information with multiple layers, but also image information containing a single layer, such as a static image.

[0049] If the current image information may contain a single layer, then the switching between multiple image information displayed in the first information area includes not only the switching between image information containing multiple layers mentioned above, but also the case of switching from image information containing a single layer to image information containing multiple layers, and the case of switching from image information containing multiple layers to image information containing a single layer.

[0050] Specifically, if the attribute information of the current image information indicates that the current information contains a single layer, and the attribute information of the next image information indicates that the next image information contains multiple layers, then the image can dynamically switch from the single layer contained in the current image information to the multiple layers contained in the next image information. These multiple layers are then overlaid according to their layer hierarchy to obtain the next image information. During this dynamic switching process, the single layer contained in the current image information needs to be dynamically moved out of the first information area, while simultaneously the shared and private layers from the multiple layers are dynamically moved into the first information area. The implementation method for dynamically moving the single layer contained in the current image information out of the first information area can refer to the aforementioned first dynamic switching method. The implementation method for dynamically moving the shared and private layers from the multiple layers in the next image information into the first information area can refer to the aforementioned second dynamic switching method. The shared and private layers from the multiple layers can be moved into the first information display area simultaneously or separately; this is not limited.

[0051] If the attribute information of the current image information indicates that the current image information contains multiple layers, and the attribute information of the next image information indicates that the next image information contains a single layer, then the system dynamically switches from multiple layers in the current image information to a single layer in the next image information, and displays the single layer to obtain the next image information. During this dynamic switching, the multiple layers in the current image information need to be dynamically moved out of the first information area, and the single layer in the next image information needs to be dynamically moved into the first information area. The implementation method for dynamically moving the multiple layers in the current image information out of the first information area can refer to the aforementioned first dynamic switching method, and the implementation method for dynamically moving the single layer in the next image information into the first information area can refer to the aforementioned second dynamic switching method.

[0052] Optionally, the attribute information of the image information, in addition to the number and type of layers contained in the image information, may also include at least one of the following: content information, brand information, provider information, and position information among multiple image information. The content of the image information may include main images of products under various categories such as beauty, electronics, travel tools, or clothing. The brand information refers to the brand to which the displayed content of the image information belongs. The provider information may be the provider of the content information of the image information, such as merchant information. The position information indicates the display position or display order of the current image information among multiple image information. Multi-layer attribute information can be pre-defined. This multi-layer attribute information describes which attributes of image information will be defined and implemented as containing multiple layers. In other words, the pre-defined multi-layer attribute information includes one or more combinations of the image information attributes mentioned above. Image information with these attributes will be defined and implemented as containing multiple layers. Correspondingly, when identifying whether an image information contains multiple layers, it can also be identified based on the relevant attribute information of that image information. Based on this, when determining whether the current image information and the next image information to be switched to contain multiple layers or a single layer, the following method can be used: For any image information in the current image information and the next image information, obtain at least one of the following: content information, brand information, provider information, and location information in the multiple image information; determine whether the obtained at least one piece of information matches the preset multi-layer attribute information; if they match, determine that the image information contains multiple layers; further, if they do not match, determine that the image information contains a single layer.

[0053] For example, the preset multi-layer attribute information is preset position information. For instance, multiple image information is implemented as four image information, and the preset position information is the 2nd and 3rd, indicating that the 2nd and 3rd of the four image information contain multiple layers and need to be linked. For any image information G1 in the current image information or the next image information, if the position information of image information G1 is obtained as the 2nd, and the position information of image information G1 matches the preset position information, then image information G1 is determined to be an image information containing multiple layers; for image information G2, if the position information of image information G2 is obtained as the 4th, and the position information of image information G2 does not match the preset position information, then image information G2 is determined to be an image information containing a single layer.

[0054] For example, the preset multi-layer attribute information is brand information and provider information, such as brand H0 and provider J0. For image information G3, if the obtained brand information of image information G3 is brand H1 and the provider information is provider J0, then it is considered that the attribute information of image information G3 does not match the preset multi-layer attribute information, and image information G3 is determined to be an image information containing a single layer. For image information G4, if the obtained brand information of image information G4 is brand H0 and the provider information is provider J0, then it is considered that the attribute information of image information G4 matches the preset multi-layer attribute information, and image information G4 is determined to be an image information containing multiple layers.

[0055] For example, the preset multi-layer attribute information is content information, and the preset content information is a smartphone. For image information G5, if the content of image information G5 is clothing, and the attribute information of image information G5 does not match the preset content information, then image information G5 is determined to be an image information containing a single layer. For image information G6, if the content of image information G6 is a smartphone, and the attribute information of image information G6 matches the preset content information, then image information G6 is determined to be an image information containing multiple layers.

[0056] Optionally, the method of issuing the display switching command is not limited. For example, the display switching command can be a user's swipe operation on the first information area on the display screen, or it can be triggered by an event that generates a carousel switching cycle according to a preset time threshold during the automatic rotation of image information. Depending on the method of issuing the display switching command, the implementation method of responding to the display switching command will also be different.

[0057] For example, if a display switching command is issued by the user through a swipe operation on the display screen targeting the first information area, then the system can respond to the swipe operation within the first information area. Based on the swipe direction and the display order of multiple image information, it determines the next image information to switch from the current image information. For instance, if the multiple image information is implemented as four images, denoted by Q1, Q2, Q3, and Q4, the display order of the four images can be Q1—Q2—Q3—Q4, and the swipe direction can be either left or right. If the current image information is Q2 and the swipe operation is left, then the next image information is Q3; if the swipe operation is right, then the next image information is Q4.

[0058] For example, if the display switching instruction is triggered by the carousel switching cycle arrival event, then in response to the carousel switching cycle arrival event, the next image information to switch from the current image information can be determined based on the display order and carousel direction of the multiple image information. For instance, if the multiple image information is implemented as four images, the display order of the four images can be Q1—Q2—Q3—Q4, and the carousel direction can be from left to right, such as Q1—>Q2—>Q3—>Q4—>Q1, or from right to left, such as Q1<—Q2<—Q3<—Q4<—Q1. If the current image information is image information Q1 and the carousel direction is from left to right, the next image information is: image information Q2; if the current image information is image information Q1 and the carousel direction is from right to left, the next image information is: image information Q4.

[0059] In one optional embodiment, two information display modes can be provided for the first information area: a single information display mode and a multi-information linkage display mode, for each image information provider to choose from. Furthermore, different resource values ​​can be set for the two information display modes; image information providers need to provide corresponding resource values ​​to use the corresponding information display mode. Based on this, before displaying the first information page, the single information display mode and the multi-information linkage display mode can also be published for each image information provider to choose from. The single information display mode can be a mode that displays information using image information containing a single layer, while the multi-information linkage display mode can be a mode that links at least two adjacent image information containing multiple layers. Image information providers can choose the information display mode that suits their needs and provide service requirement information, including the target information display mode to be used and the image material information. In the single information display mode, the image material information is the content to be displayed for the image information containing a single layer, such as images, text, lists, or plugins. In the multi-information linkage display mode, the image material information is the content to be displayed for the image information containing multiple layers, for example, the main material to be displayed for a shared layer and the background information to be displayed for a private layer. Based on this, service request information can be received from any image information provider. When the target information display mode is a multi-information linkage display mode, at least two adjacent image information containing multiple layers are generated according to the image material information. For example, the image material information includes main material information and multiple background information. The multiple layers are implemented as shared layers and private layers. The main material information is set as the display content of the shared layer, and the multiple background information is set as the display content of the multiple private layers. If there are two background information, then two private layers and one shared layer can be obtained, thus obtaining two adjacent image information.

[0060] Furthermore, when the target information display mode is a single information display mode, each image information containing a single layer is generated based on the image material information. For example, if the image material information includes two images, then image information containing a single layer can be generated for each image, resulting in two image information containing a single layer.

[0061] In this embodiment, the multi-information linkage display mode represents a high-level creative right and a scarce creative form. Image information providers aim to establish their brand image through high-level creative rights. By leveraging this scarce creative form and combining it with high-quality information materials, they can achieve more efficient brand communication with users and improve the effectiveness of information display. Furthermore, by differentiating between the single-information display mode and the multi-information linkage display mode, a sales service is offered to image information providers to improve the page utilization rate of the first page and increase its monetization efficiency.

[0062] In this application embodiment, the application field of the above method embodiment is not limited, nor is the content of the image information displayed in the first information area limited. For example, it can be any content that can be displayed in an image format, such as recruitment information, corporate promotional information, advertising information for various products, teaching content information, etc. In an optional embodiment, the above method embodiment is applied to the e-commerce field, and the first information area is combined with product advertising information in the e-commerce field, which can provide a new advertising service model with high-level creativity and placement efficiency for various brands or merchants, namely, the multi-information linkage display model. Each brand or merchant can choose to use the advertising service of the multi-information linkage display model, or they can choose to use the advertising service of the single information display model. When each brand or merchant chooses to use the advertising service of the multi-information linkage display model, Figure 1The method shown involves displaying multiple images in the first information area, which are advertising information. Correspondingly, at least two adjacent images containing multiple layers represent advertising information from the same merchant or brand. These layers include a product subject layer and a background layer. The product subject layer is a shared layer shared by at least two adjacent advertising information, while the background layer is a private layer for each advertising information. Furthermore, both the single-information display mode and the multi-information linkage display mode allow brands or merchants to create their own advertising information. High-quality, creative advertising information helps build brand image, enabling more efficient brand communication with consumers and improving marketing efficiency. Additionally, providing brands or merchants with two differentiated advertising services—single-information display mode and multi-information linkage display mode—drives them to choose higher-tier advertising services as needed and pay different service fees. This improves the user experience of the e-commerce application and the brand communication effect, while simultaneously increasing the monetization efficiency of advertising space on the page and boosting platform revenue.

[0063] Based on the above, this application also provides a flowchart illustrating an advertising information display method, such as... Figure 3 As shown, the method includes:

[0064] 301. Display the first page, which includes an advertising space for displaying multiple advertising messages. The NMth advertising message is a specific image containing multiple layers, and the multiple layers include a background layer and a product body layer shared by the NMth advertising message.

[0065] 302. When the Kth advertisement information is switched to the K+1th advertisement information, the main product layer in the advertisement position remains unchanged, and the background layer in the Kth advertisement information is dynamically switched to the background layer in the K+1th advertisement information so that the K+1th advertisement information can be displayed in the advertisement position; where the Kth and K+1th advertisement information are two adjacent advertisement information in the NMth advertisement information, N, M and K are all integers, and N≥1, M>N, N≤K≤M-1.

[0066] In this embodiment, the first page can be the homepage of an application or mini-program, or it can be a non-homepage. If the first page is implemented as the homepage, the advertisement space can be implemented as the homepage focus area, referred to simply as the homepage focus area. Figure 1 In the method shown, at least two adjacent image information are implemented as advertising information from the Nth to the Mth, and correspondingly, Figure 1 In the method shown, the first image information is implemented as the Kth advertisement information, and the second image information is implemented as the (K+1)th advertisement information.

[0067] In one optional embodiment, the background layer and the main product layer are related in content, and the background layers in different advertising information are not exactly the same. For example, the main product layer reflects the main information of a product in terms of content, such as pictures or text, while the background layer reflects different attribute information of the product in terms of content, such as different colors or sizes and styles of clothing, or different performance parameters and manufacturers of electronic products.

[0068] For example, in the main banner area, there are four carousel advertisements. The first is an advertisement from Advertiser 1, the second and third are multiple linked advertisements from Advertiser 2, and the fourth is an advertisement from Advertiser 3. Each advertisement from Advertiser 2 includes a background layer and a product image layer, and the background layers in the two advertisements are different. Figure 2 As shown. In Figure 2 In the image, the "image with a doll's head" is the main product layer, while the other two are private layers, i.e., background layers.

[0069] When switching from the second to the third advertisement, a layer linkage effect is created between the two advertisements. When switching from the second to the third, the main product layer floats on top and its position does not change with the swipe. The carousel lasts for 3 seconds, and the first background layer switches to the second background layer. The two background layers display different attributes or characteristics of the same product in different styles and designs. While increasing the exposure of the main product, it can also reflect more information about the product, realize incremental value, and achieve more efficient brand communication and improve marketing efficiency.

[0070] Among them, regarding Figure 3 For a detailed implementation of the method shown, please refer to [link / reference]. Figure 1 The details of the method shown will not be elaborated here.

[0071] The advertising information display method provided in this application displays multiple advertising information in an information display area. Multiple layers are set for at least two adjacent advertising information, including a background layer and a shared product subject layer. When switching between different advertising information sharing the same product subject layer, the product subject layer remains unchanged within the information display area. Private layers within different advertising information are dynamically switched. For users, the display style of the advertising information is rich and novel, with strong appeal. Furthermore, the exposure of the product subject is increased, and the product-related attribute information is enriched. This advertising information provides users with a better experience in both form and content, which is beneficial for increasing the click-through rate of the advertising information.

[0072] It should be noted that the execution subject of each step of the method provided in the above embodiments can be the same device, or the method can be executed by different devices. For example, the execution subject of steps 101 to 102 can be device A; or the execution subject of step 101 can be device A, and the execution subject of step 102 can be device B; and so on.

[0073] Furthermore, some processes described in the above embodiments and accompanying drawings include multiple operations appearing in a specific order. However, it should be clearly understood that these operations may not be executed in the order they appear herein, or they may be executed in parallel. The operation numbers, such as 101, 102, etc., are merely used to distinguish different operations and do not represent any execution order. Additionally, these processes may include more or fewer operations, and these operations may be executed sequentially or in parallel. It should be noted that the descriptions such as "first" and "second" in this document are used to distinguish different messages, devices, modules, etc., and do not represent a sequential order, nor do they limit "first" and "second" to different types.

[0074] Figure 4 This is a schematic diagram of the structure of a page information display device provided for an exemplary embodiment of this application. For example... Figure 4 As shown, the device includes a display module 41 and a switching control module 42.

[0075] The display module 41 is used to display a first page, which includes a first information area for displaying multiple image information. At least two adjacent image information are image information containing multiple layers, and the multiple layers include private layers and shared layers shared by at least two adjacent image information. Private layers refer to layers that are not shared among the multiple layers. At least two adjacent image information include adjacent first image information and second image information.

[0076] The switching control module 42 is used to keep the shared layer unchanged in the first information area when switching from the first image information to the second image information, and dynamically switch the private layer in the first image information to the private layer in the second image information to display the second image information.

[0077] In an optional embodiment, the switching control module 42 is specifically configured to: when switching from the first image information to the second image information, identify shared layers and private layers from the multiple layers contained in the first image information, and load the private layers in the second image information; maintain the display state of the shared layers unchanged in the first information area according to the static linkage attribute of the shared layers; and dynamically switch the private layers in the first image information to the private layers in the second image information according to the dynamic linkage attribute of the private layers in the first image information and the dynamic linkage attribute of the private layers in the second image information, so as to display the second image information.

[0078] In an optional embodiment, the page information display device further includes an identification module, configured to obtain shared attribute information of each layer in the first image information from the description file of the first image information, and identify shared layers and private layers based on the shared attribute information of each layer; or to obtain type attribute information of each layer in the first image information from the description file of the first image information, and identify shared layers and private layers based on the type attribute information of each layer.

[0079] In an optional embodiment, the switching control module 42 is specifically used to: obtain the static rendering data of the shared layer in the first information area according to the static linkage attribute of the shared layer, the static rendering data including the style, position and rendering level of the shared layer; and perform a partial refresh of the first information area according to the static rendering data of the shared layer to keep the display state of the shared layer unchanged.

[0080] In an optional embodiment, the switching control module 42 is specifically configured to: obtain a first linkage identifier and a first dynamic switching mode from the dynamic linkage attributes of the private layer in the first image information; control the private layer in the first image information to dynamically move out of the first information area according to the first linkage identifier and the first dynamic switching mode; obtain a second linkage identifier and a second dynamic switching mode from the dynamic linkage attributes of the private layer in the second image information; control the private layer in the second image information to dynamically move into the first information area according to the second linkage identifier and the second dynamic switching mode; wherein the first dynamic switching mode is adapted to the second dynamic switching mode.

[0081] In an optional embodiment, the switching control module 42 is specifically configured to: determine, according to a first linkage identifier and a first dynamic switching method, the number of times a private layer in the first image information needs to be moved out of the first information area and the local layer data moved out each time; continuously render the private layer in the first image information according to the number of times it is moved out and the local layer data moved out each time to obtain first dynamic rendering data, the first dynamic rendering data including the style, position and rendering level of the private layer in the first image information; display the private layer in the first image information according to the first dynamic rendering data until the private layer in the first image information is dynamically moved out of the first information area; determine, according to a second linkage identifier and a second dynamic switching method, the number of times a private layer in the second image information needs to be moved into the first information area and the local layer data moved in each time; continuously render the private layer in the second image information according to the number of times it is moved out and the local layer data moved in each time to obtain second dynamic rendering data, the second dynamic rendering data including the style, position and rendering level of the private layer in the second image information; display the private layer in the second image information according to the second dynamic rendering data until the private layer in the second image information is dynamically moved into the first information area.

[0082] In an optional embodiment, the page information display device further includes: a determining module and a judging module; the determining module is configured to, during the display of current image information, respond to a display switching instruction and determine the next image information to be switched from from the current image information according to the display order of multiple image information; the judging module is configured to, based on the attribute information of the current image information and the next image information, determine whether the current image information and the next image information are both image information containing multiple layers; the determining module is further configured to, when both the current image information and the next image information are image information containing multiple layers, determine that the current image information is the first image information and the next image information is the second image information.

[0083] In an optional embodiment, the switching control module 42 is further configured to: if the current image information is an image information containing a single layer and the next image information is an image information containing multiple layers, dynamically switch from the single layer contained in the current image information to the multiple layers contained in the next image information, and display the multiple layers overlaid according to the layer hierarchy to obtain the next image information; if the current image information is an image information containing multiple layers and the next image information is an image information containing a single layer, dynamically switch from the multiple layers contained in the current image information to the single layer contained in the next image information, and display the single layer to obtain the next image information.

[0084] In an optional embodiment, the determination module is specifically used to: for any image information in the current image information and the next image information, obtain at least one of the following information: content information, brand information, provider information, and location information in multiple image information; if at least one information matches the preset multi-layer attribute information, determine that any image information is an image information containing multiple layers.

[0085] In an optional embodiment, the determining module is specifically used to: in response to a sliding operation within the first information area, determine the next image information to be switched from the current image information based on the sliding direction of the sliding operation and the display order of multiple image information; or in response to a carousel switching cycle arrival event, determine the next image information to be switched from the current image information based on the display order and carousel direction of multiple image information.

[0086] In one optional embodiment, at least two adjacent image information include the first P adjacent image information, or the middle P adjacent image information, or the last P adjacent image information; P is an integer ≥ 2.

[0087] In one optional embodiment, multiple image information are advertising images, at least two adjacent image information are advertising images of the same merchant or the same brand, and multiple layers include a product main layer and a background layer, the product main layer is a shared layer, and the background layer is a private layer.

[0088] In an optional embodiment, the page information display device further includes: a publishing module, a receiving module, and a generating module; the publishing module is used to publish a single information display mode and a multi-information linkage display mode for each image information provider to choose from; the receiving module is used to receive service request information sent by any image information provider, the service request information including the target information display mode to be used and the image material information; the generating module is used to generate at least two adjacent image information containing multiple layers based on the image material information when the target information display mode is a multi-information linkage display mode.

[0089] This application embodiment also provides an advertising information display device, which includes: a display module and a switching control module;

[0090] The display module is used to display the first page, which includes an advertising space for displaying multiple advertising messages. The NMth advertising message is a specific image containing multiple layers, and the multiple layers include a background layer and a product body layer shared by the NMth advertising message.

[0091] A switching control module is used to, when switching from the Kth advertisement to the (K+1)th advertisement, keep the main product layer unchanged in the advertisement slot, and dynamically switch the background layer of the Kth advertisement to the background layer of the (K+1)th advertisement, so that the (K+1)th advertisement is displayed in the advertisement slot. Here, the Kth and (K+1)th advertisements are two adjacent advertisements among the NM advertisements, where N, M, and K are all integers, and N≥1, M>N, N≤K≤M-1. Optionally, the background layer and the main product layer are related in content, and the background layers in different advertisements are not completely identical.

[0092] Among them, regarding Figure 4 For a detailed implementation of the device shown, please refer to Figure 1 The details of the method shown will not be elaborated here.

[0093] The page information display device provided in this application embodiment displays multiple image information in an information display area. Multiple layers are set for at least two adjacent image information, including shared layers and private layers. When a display switch is required between at least two adjacent image information, the shared layer remains unchanged within the information display area, while the private layers for different image information are dynamically switched. For users, the information display style is rich and novel, with strong appeal. Information in the shared layer gains increased exposure, and different private layers increase information richness. This information display method provides users with a better experience in both form and content, and is conducive to improving the click-through rate of page information (such as advertising information).

[0094] Figure 5 This is a schematic diagram of the structure of an electronic device provided as an exemplary embodiment of this application. For example... Figure 5 As shown, the device includes a memory 54 and a processor 55.

[0095] Memory 54 is used to store computer programs and can be configured to store various other data to support operation on the electronic device. Examples of this data include instructions for any application or method used to operate on the electronic device, contact data, phone book data, messages, pictures, videos, etc.

[0096] The memory 54 can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic storage, flash memory, magnetic disk or optical disk.

[0097] The processor 55, coupled to the memory 54, is used to execute a computer program in the memory 54 for: displaying a first page, the first page including a first information area for displaying multiple image information, wherein at least two adjacent image information are image information containing multiple layers, and the multiple layers include a private layer and a shared layer shared by at least two adjacent image information, the at least two adjacent image information including adjacent first image information and second image information; when switching from the first image information to the second image information, the shared layer in the first information area remains unchanged, and the private layer in the first image information is dynamically switched to the private layer in the second image information to display the second image information.

[0098] In an optional embodiment, when the processor 55 switches from first image information to second image information, it keeps the shared layer unchanged within the first information area and dynamically switches the private layer in the first image information to the private layer in the second image information to display the second image information. Specifically, when switching from first image information in at least two adjacent image information to second image information, the processor 55 identifies the shared layer and the private layer from the multiple layers contained in the first image information and loads the private layer in the second image information; keeps the display state of the shared layer unchanged within the first information area according to the static linkage attribute of the shared layer; and dynamically switches the private layer in the first image information to the private layer in the second image information according to the dynamic linkage attribute of the private layer in the first image information and the dynamic linkage attribute of the private layer in the second image information to display the second image information.

[0099] In an optional embodiment, when the processor 55 identifies shared layers and private layers from the multiple layers contained in the first image information, it is specifically configured to: obtain shared attribute information of each layer in the first image information from the description file of the first image information, and identify shared layers and private layers based on the shared attribute information of each layer; or obtain type attribute information of each layer in the first image information from the description file of the first image information, and identify shared layers and private layers based on the type attribute information of each layer.

[0100] In an optional embodiment, when the processor 55 keeps the display state of the shared layer unchanged in the first information area according to the static linkage attribute of the shared layer, it is specifically used to: obtain the static rendering data of the shared layer in the first information area according to the static linkage attribute of the shared layer, the static rendering data including the style, position and rendering level of the shared layer; and perform a partial refresh of the first information area according to the static rendering data of the shared layer to keep the display state of the shared layer unchanged.

[0101] In an optional embodiment, when the processor 55 dynamically switches a private layer in the first image information to a private layer in the second image information based on the dynamic linkage attributes of the private layer in the first image information and the dynamic linkage attributes of the private layer in the second image information to display the second image information, it is specifically configured to: obtain a first linkage identifier and a first dynamic switching method from the dynamic linkage attributes of the private layer in the first image information; control the private layer in the first image information to dynamically move out of the first information area according to the first linkage identifier and the first dynamic switching method; obtain a second linkage identifier and a second dynamic switching method from the dynamic linkage attributes of the private layer in the second image information; control the private layer in the second image information to dynamically move into the first information area according to the second dynamic switching method and the second linkage identifier; wherein the first dynamic switching method and the second dynamic switching method are adapted to each other.

[0102] In an optional embodiment, when the processor 55 controls the private layer in the first image information to dynamically move out of the first information area according to the first linkage identifier and the first dynamic switching method, it is specifically configured to: determine the number of times the private layer in the first image information needs to be moved out of the first information area and the local layer data moved out each time, according to the first linkage identifier and the first dynamic switching method; continuously render the private layer in the first image information according to the number of times it is moved out and the local layer data moved out each time to obtain first dynamic rendering data, the first dynamic rendering data including the style, position and rendering level of the private layer in the first image information; display the private layer in the first image information according to the first dynamic rendering data until the private layer in the first image information is dynamically moved out of the first information area;

[0103] Accordingly, when the processor 55 controls the private layer in the second image information to dynamically move into the first information area according to the second linkage identifier and the second dynamic switching method, it specifically performs the following: according to the second linkage identifier and the second dynamic switching method, it determines the number of times the private layer in the second image information needs to be moved into the first information area and the local layer data for each move; based on the number of moves and the local layer data for each move, it continuously renders the private layer in the second image information to obtain second dynamic rendering data, which includes the style, position, and rendering level of the private layer in the second image information; and displays the private layer in the second image information according to the second dynamic rendering data until the private layer in the second image information is dynamically moved into the first information area.

[0104] In an optional embodiment, the processor 55 is further configured to: during the display of current image information, respond to a display switching instruction, determine the next image information to be switched from the current image information according to the display order of multiple image information; determine whether the current image information and the next image information are both image information containing multiple layers according to the attribute information of the current image information and the next image information; and determine that the current image information is the first image information and the next image information is the second image information when both the current image information and the next image information are image information containing multiple layers.

[0105] In an optional embodiment, the processor 55 is further configured to: if the current image information is image information containing a single layer and the next image information is image information containing multiple layers, dynamically switch from the single layer contained in the current image information to the multiple layers contained in the next image information, and overlay the multiple layers according to the layer hierarchy to obtain the next image information; if the current image information is image information containing multiple layers and the next image information is image information containing a single layer, dynamically switch from the multiple layers contained in the current image information to the single layer contained in the next image information, and display the single layer to obtain the next image information.

[0106] In an optional embodiment, when the processor 55 determines whether the current image information and the next image information are both image information containing multiple layers based on the attribute information of the current image information and the next image information, it specifically performs the following: for any image information in the current image information and the next image information, it obtains at least one of the following information: content information, brand information, provider information, and location information in the multiple image information; if at least one of the information matches the preset multi-layer attribute information, it determines that any image information is image information containing multiple layers.

[0107] In an optional embodiment, when the processor 55 responds to a display switching instruction and determines the next image information to switch from the current image information based on the display order of multiple image information, it is specifically configured to: respond to a sliding operation within the first information area and determine the next image information to switch from the current image information based on the sliding direction of the sliding operation and the display order of multiple image information; or respond to a carousel switching cycle arrival event and determine the next image information to switch from the current image information based on the display order and carousel direction of multiple image information.

[0108] In one optional embodiment, at least two adjacent image information include the first P adjacent image information, or the middle P adjacent image information, or the last P adjacent image information; P is an integer ≥ 2.

[0109] In one optional embodiment, multiple image information are advertising images, at least two adjacent image information are advertising images of the same merchant or the same brand, and multiple layers include a product main layer and a background layer, the product main layer is a shared layer, and the background layer is a private layer.

[0110] In an optional embodiment, the processor 55 is further configured to: publish a single information display mode and a multi-information linkage display mode for each image information provider to choose from; receive service request information sent by any image information provider, the service request information including the target information display mode to be used and the image material information; when the target information display mode is a multi-information linkage display mode, generate at least two adjacent image information containing multiple layers based on the image material information.

[0111] Optionally, the processor in the device of this embodiment is further configured to: display a first page, the first page including an advertising space for displaying multiple advertising information, wherein the NM-th advertising information is a specific image containing multiple layers, and the multiple layers include a shared product main layer and a non-shared background layer; when switching from the K-th advertising information to the K+1-th advertising information, the product main layer in the advertising space remains unchanged, and the background layer in the K-th advertising information is dynamically switched to the background layer in the K+1-th advertising information to display the K+1-th advertising information in the advertising space; wherein the K-th and K+1-th advertising information are two adjacent advertising information among the NM-th advertising information, N, M, and K are all integers, and N≥1, M>N, N≤K≤M-1. Furthermore, the background layer is associated with the product main layer in content, and the background layers in different advertising information are not completely identical.

[0112] Among them, regarding Figure 5 For detailed implementation methods of each operation in the illustrated device, please refer to [link / reference]. Figure 1 or Figure 3 The details of the method shown will not be elaborated upon here. Furthermore, as... Figure 5 As shown, the computing platform also includes other components such as a communication component 56, a display 57, a power supply component 58, and an audio component 59. Figure 5 The diagram only shows some components and does not mean that the computing platform includes only these components. Figure 5 The components shown.

[0113] Accordingly, embodiments of this application also provide a computer-readable storage medium storing a computer program, which, when executed by a processor, can perform the above-described functions. Figure 1 or Figure 3 The steps in the method shown.

[0114] Accordingly, embodiments of this application also provide a computer product, including a computer program / instructions, which, when executed by a processor, can achieve the above-described functions. Figure 1 or Figure 3 The steps in the method shown.

[0115] The above Figure 5 The communication component is configured to facilitate wired or wireless communication between the device containing the communication component and other devices. The device containing the communication component can access wireless networks based on communication standards, such as WiFi, 2G, 3G, 4G / LTE, 5G, or combinations thereof. In one exemplary embodiment, the communication component receives broadcast signals or broadcast-related information from an external broadcast management system via a broadcast channel. In one exemplary embodiment, the communication component further includes a Near Field Communication (NFC) module to facilitate short-range communication. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID), Infrared Data Association (IrDA) technology, Ultra-Wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.

[0116] The above Figure 5 The display includes a screen, which may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen can be implemented as a touchscreen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensors can sense not only the boundaries of the touch or swipe action, but also the duration and pressure associated with the touch or swipe operation.

[0117] The above Figure 5 The power supply component provides power to the various components of the device in which it resides. The power supply component may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to the device in which it resides.

[0118] The above Figure 5 The audio component can be configured to output and / or input audio signals. For example, the audio component includes a microphone (MIC) configured to receive external audio signals when the device containing the audio component is in an operating mode, such as call mode, recording mode, or voice recognition mode. The received audio signals can be further stored in memory or transmitted via a communication component. In some embodiments, the audio component also includes a speaker for outputting audio signals.

[0119] Those skilled in the art will understand that embodiments of this application can be provided as methods, systems, or computer program products. Therefore, this application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, this application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0120] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of this application. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart... Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0121] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.

[0122] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the functions specified in one or more boxes. In a typical configuration, a computing device includes one or more processors (CPU), input / output interfaces, network interfaces, and memory.

[0123] Memory may include non-persistent storage in computer-readable media, such as random access memory (RAM) and / or non-volatile memory, such as read-only memory (ROM) or flash RAM. Memory is an example of computer-readable media.

[0124] Computer-readable media includes both permanent and non-permanent, removable and non-removable media that can store information using any method or technology. Information can be computer-readable instructions, data structures, modules of programs, or other data. Examples of computer storage media include, but are not limited to, phase-change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, CD-ROM, digital versatile optical disc (DVD) or other optical storage, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other non-transferable medium that can be used to store information accessible by a computing device. As defined herein, computer-readable media does not include transient computer-readable media, such as modulated data signals and carrier waves.

[0125] It should also be noted that the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.

[0126] The above description is merely an embodiment of this application and is not intended to limit the scope of this application. Various modifications and variations can be made to this application by those skilled in the art. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of this application should be included within the scope of the claims of this application.

Claims

1. A method for displaying page information, characterized in that, include: The first page is displayed, which includes a first information area for displaying multiple image information. At least two adjacent image information are image information containing multiple layers, and the multiple layers include private layers and shared layers shared by the at least two adjacent image information. The at least two adjacent image information include adjacent first image information and second image information. When switching from the first image information to the second image information, the shared layer and the private layer are identified from the multiple layers contained in the first image information, and the private layer in the second image information is loaded; Based on the static linkage attribute of the shared layer, the display state of the shared layer remains unchanged within the first information area; and Based on the dynamic linkage attributes of the private layer in the first image information and the private layer in the second image information, the private layer in the first image information is dynamically switched to the private layer in the second image information to display the second image information.

2. The method according to claim 1, characterized in that, Identifying the shared layer and private layer from the multiple layers contained in the first image information includes: From the description file of the first image information, obtain the shared attribute information of each layer in the first image information, and identify the shared layer and the private layer based on the shared attribute information of each layer; or From the description file of the first image information, obtain the type attribute information of each layer in the first image information, and identify the shared layer and the private layer based on the type attribute information of each layer.

3. The method according to claim 1, characterized in that, Based on the static linkage attribute of the shared layer, maintaining the display state of the shared layer unchanged within the first information area includes: Based on the static linkage attributes of the shared layer, obtain the static rendering data of the shared layer currently within the first information area, wherein the static rendering data includes the style, position, and rendering level of the shared layer; Based on the static rendering data of the shared layer, the first information area is partially refreshed to keep the display state of the shared layer unchanged.

4. The method according to claim 1, characterized in that, Based on the dynamic linkage attributes of the private layer in the first image information and the private layer in the second image information, the private layer in the first image information is dynamically switched to the private layer in the second image information to display the second image information, including: Obtain the first linkage identifier and the first dynamic switching method from the dynamic linkage attribute of the private layer in the first image information. Based on the first linkage identifier, control the private layer in the first image information to dynamically move out of the first information area according to the first dynamic switching method. Obtain the second linkage identifier and the second dynamic switching method from the dynamic linkage attributes of the private layer in the second image information. Based on the second linkage identifier, control the private layer in the second image information to dynamically move into the first information area according to the second dynamic switching method; wherein, the first dynamic switching method is adapted to the second dynamic switching method.

5. The method according to claim 4, characterized in that, Based on the first linkage identifier, and according to the first dynamic switching method, control the private layer in the first image information to dynamically move out of the first information area, including: Based on the first linkage identifier and according to the first dynamic switching method, determine the number of times the private layer in the first image information needs to be moved out of the first information area and the local layer data for each move. Based on the number of times the layers are removed and the local layer data removed each time, the private layers in the first image information are continuously rendered to obtain the first dynamic rendering data. The first dynamic rendering data includes the style, position and rendering level of the private layers in the first image information. The private layer in the first image information is displayed according to the first dynamic rendering data until the private layer in the first image information is dynamically moved out of the first information area; Accordingly, based on the second linkage identifier, the private layer in the second image information is dynamically moved into the first information area according to the second dynamic switching method, including: Based on the second linkage identifier and according to the second dynamic switching method, determine the number of times the private layer in the second image information needs to be moved into the first information area and the local layer data moved in each time; Based on the number of times the layers are removed and the local layer data that is moved in each time, the private layer in the second image information is continuously rendered to obtain the second dynamic rendering data. The second dynamic rendering data includes the style, position and rendering level of the private layer in the second image information. The private layer in the second image information is displayed according to the second dynamic rendering data until the private layer in the second image information is dynamically moved into the first information area.

6. The method according to any one of claims 1-5, characterized in that, Also includes: During the display of the current image information, in response to the display switching command, the next image information to switch from the current image information is determined according to the display order of the multiple image information; Based on the attribute information of the current image information and the next image information, determine whether the current image information and the next image information are both image information containing multiple layers; When both the current image information and the next image information contain multiple layers, the current image information is determined as the first image information, and the next image information is determined as the second image information.

7. The method according to claim 6, characterized in that, Also includes: If the current image information contains a single layer, and the next image information contains multiple layers, the system dynamically switches from the single layer contained in the current image information to the multiple layers contained in the next image information, and displays the multiple layers overlaid according to the layer hierarchy to obtain the next image information. If the current image information contains multiple layers, and the next image information contains a single layer, then the system dynamically switches from the multiple layers in the current image information to the single layer in the next image information, and displays the single layer to obtain the next image information.

8. The method according to claim 6, characterized in that, Based on the attribute information of the current image and the next image, determine whether both the current image and the next image contain multiple layers, including: For any image information in the current image information and the next image information, obtain at least one of the following information: content information, brand information, provider information, and location information in the plurality of image information; If at least one of the information matches the preset multi-layer attribute information, it is determined that any image information is image information containing multiple layers.

9. The method according to any one of claims 1-5, characterized in that, The multiple image information are advertising images, and the at least two adjacent image information are advertising images of the same merchant or the same brand. The multiple layers include a product main layer and a background layer. The product main layer is a shared layer, and the background layer is a private layer.

10. The method according to any one of claims 1-5, characterized in that, Also includes: The system offers both single-information display mode and multi-information linkage display mode for various image information providers to choose from; Receive service request information sent by any image information provider, the service request information including the target information display mode to be used and image material information; When the target information display mode is a multi-information linkage display mode, at least two adjacent image information containing multiple layers are generated based on the image material information.

11. A method for displaying advertising information, characterized in that, include: The first page is displayed, which includes an advertising space for displaying multiple advertising information. The NMth advertising information is a specific image containing multiple layers, and the multiple layers include a background layer and a product body layer shared by the NMth advertising information. When the Kth advertisement is switched to the (K+1)th advertisement, the product body layer and background layer are identified from the multiple layers contained in the Kth advertisement, and the background layer in the (K+1)th advertisement is loaded. Based on the static linkage attribute of the product main layer, the product main layer remains unchanged in the advertising space; Based on the dynamic linkage attribute of the background layer in the Kth advertisement and the dynamic linkage attribute of the background layer in the (K+1)th advertisement, the background layer in the Kth advertisement is dynamically switched to the background layer in the (K+1)th advertisement so as to display the (K+1)th advertisement in the advertisement slot. Among them, the Kth and K+1th advertisements are two adjacent advertisements in the NMth advertisement, where N, M, and K are all integers, and N≥1, M>N, N≤K≤M-1.

12. The method according to claim 11, characterized in that, The background layer is related to the main product layer in terms of content, and the background layers in different advertisements are not exactly the same.

13. A page information display device, characterized in that, include: Display module and switching control module; The display module is used to display a first page, which includes a first information area for displaying multiple image information. At least two adjacent image information are image information containing multiple layers, and the multiple layers include private layers and shared layers shared by the at least two adjacent image information. The at least two adjacent image information include adjacent first image information and second image information. The switching control module is used to identify the shared layer and the private layer from the multiple layers contained in the first image information when switching from the first image information to the second image information, and load the private layer in the second image information; and maintain the display state of the shared layer unchanged within the first information area according to the static linkage attribute of the shared layer. And based on the dynamic linkage attributes of the private layer in the first image information and the dynamic linkage attributes of the private layer in the second image information, the private layer in the first image information is dynamically switched to the private layer in the second image information to display the second image information.

14. An electronic device, characterized in that, include: Memory and processor; The memory is used to store a computer program; the processor, coupled to the memory, is used to execute the computer program to implement the steps of the method according to any one of claims 1-10 and 11-12.

15. A computer-readable storage medium storing a computer program, characterized in that, When the computer program is executed by a processor, it causes the processor to perform the steps of the method according to any one of claims 1-10 and 11-12.

Images