Content display method and device, equipment and medium

Abstract

The embodiment of the invention discloses a content display method and device, equipment and a medium, and is applied to the technical field of Internet. The method comprises the following steps: displaying a search result page associated with search information; the search result page comprises an interaction area and a content area, and the interaction area comprises a background layer and at least two resource cards which are displayed on the background layer and matched with the search information; the at least two resource cards comprise a first resource card configured as a main resource card, and the background layer displays first display content matched with the first resource card; and switching the first display content of the background layer to second display content matched with a second resource card in response to switching the second resource card in the at least two resource cards to the main resource card. By adopting the embodiment of the invention, the richness and interactivity of the display information in the interaction area on the search result page can be improved.

Description

Technical Field

[0001] The present application relates to the field of Internet technology, specifically to the field of data display technology, and more particularly to a method, apparatus, device, and medium for displaying content. Background Art

[0002] Currently, when searching for a specific search term (such as a brand name), a brand zone for that brand can be displayed on the search results page. This zone can display relevant information associated with the brand (such as brand-related images to help users understand the brand). However, the information displayed in the brand zone is relatively fixed and single, and users can usually only view images, resulting in poor interactivity. Therefore, how to improve the richness and interactivity of the information displayed in the resource zone is an urgent problem to be solved. Summary of the Invention

[0003] Embodiments of the present application provide a content display method, apparatus, device, and medium, which can enhance the richness and interactivity of displayed information in an interactive area on a search results page.

[0004] In one aspect, an embodiment of the present application provides a content display method, the method comprising:

[0005] Displaying a search result page associated with the search information; the search result page includes an interactive area and a content area, the interactive area including a background layer and at least two resource cards displayed on the background layer and matching the search information; the at least two resource cards include a first resource card configured as a primary resource card, and the background layer displays first display content matching the first resource card; the content area is used to display content search results matching the search information; the resource card is at least one of a product card, an activity card, an account card, and an advertisement card;

[0006] In response to switching a second resource card among the at least two resource cards to a main resource card, the first display content of the background layer is switched to second display content matching the second resource card.

[0007] In one aspect, an embodiment of the present application provides a content display device, comprising:

[0008] A page display module is configured to display a search results page associated with the search information; the search results page includes an interactive area and a content area, the interactive area including a background layer and at least two resource cards displayed on the background layer and matching the search information; the at least two resource cards include a first resource card configured as a primary resource card, and the background layer displays first display content matching the first resource card; the content area is configured to display content search results matching the search information; the resource card is at least one of a product card, an activity card, an account card, and an advertisement card;

[0009] The content display module is configured to, in response to switching a second resource card of the at least two resource cards to a main resource card, switch the first display content of the background layer to the second display content matching the second resource card.

[0010] On the one hand, an embodiment of the present application provides an electronic device, which includes a processor and a memory, wherein the memory is used to store a computer program, the computer program includes program instructions, and the processor is configured to call the program instructions to execute some or all of the steps in the above method.

[0011] On the one hand, an embodiment of the present application provides a computer-readable storage medium, which stores a computer program, and the computer program includes program instructions, which, when executed by a processor, are used to execute some or all of the steps in the above method.

[0012] Accordingly, according to one aspect of the present application, a computer program product or a computer program is provided, which includes computer instructions, and when the computer instructions are executed by a processor, some or all of the steps in the above method can be implemented.

[0013] In an embodiment of the present application, multiple resource cards related to the search information can be displayed on the interactive area of the search results page (such as various types of cards such as product cards, activity cards, account cards, and advertising cards, which can improve the richness of the resource information viewed compared to only displaying products related to the search information); and the display content in the background layer of the interactive area can be updated along with the multiple resource cards. For example, when the first resource card among the multiple resource cards is used as the main resource card, the first display content related to the first resource card can be displayed in the background layer, and the card switching of the main resource card can be performed at this time. For example, when the second resource card is switched to the main resource card, the second display content related to the second resource card can be switched to display in the background layer. This can improve the interactivity and experience of users when viewing resource cards, and thus improve the richness and interactivity of the displayed information in the interactive area on the search results page. BRIEF DESCRIPTION OF THE DRAWINGS

[0014] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the following is a brief introduction to the drawings required for use in the description of the embodiments. Obviously, the drawings described below are some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without any creative work.

[0015] Figure 1 A schematic diagram of a network architecture provided in an embodiment of the present application;

[0016] Figure 2 A schematic diagram of a content display scenario provided in an embodiment of the present application;

[0017] Figure 3 A flowchart of a content display method provided in an embodiment of the present application;

[0018] Figure 4a-4d A schematic diagram of a resource card display provided in an embodiment of the present application;

[0019] Figure 5 A flowchart of another content display method provided in an embodiment of the present application;

[0020] Figure 6a-Figure 6i A schematic diagram of a resource card display provided in an embodiment of the present application;

[0021] Figure 7a-7c A schematic diagram of the position adjustment of a resource card provided in an embodiment of the present application;

[0022] Figure 8 A flowchart of another content display method provided in an embodiment of the present application;

[0023] Figure 9 A schematic structural diagram of a content display device provided in an embodiment of the present application;

[0024] Figure 10 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0025] The content display method proposed in the embodiments of the present application is implemented in an electronic device, which can be a server or a terminal. The server can be an independent physical server, a server cluster or a distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, and big data and artificial intelligence platforms. The terminal can be a smartphone, tablet computer, laptop computer, desktop computer, etc., but is not limited thereto.

[0026] In the description of the embodiments of this application, the interactive area involved may refer to the advertising area displayed on the search results page when searching for specific information. For example, when searching for a certain brand, an advertising area related to the searched brand may be displayed on the search results page. The advertising area may display some advertising information, such as various brand-related resource cards (such as product cards under the brand, account cards related to the brand's spokesperson, etc.).

[0027] In addition, a content area may also be displayed on the search results page, where the content area is used to display content search results that match the search information (such as related published content, related products, related users, etc.).

[0028] The published content involved may refer to notes (e.g., including text and images), short videos, medium videos, etc. that users have pre-published on the content platform. The specific content information contained in the published content applicable to different scenarios can be adjusted accordingly, and the content information in the published content can be determined by the publisher.

[0029] The term "in response to" refers to the state in which a corresponding event occurs or a condition is satisfied. The timing of the subsequent action executed in response to the event or condition is not necessarily strongly correlated with the time when the event occurs or the condition is satisfied. For example, "in response to XX operation, execute the target step" means that the target step is triggered when "XX operation" is detected.

[0030] For example, in some cases, the subsequent action may be executed immediately when the event occurs or the condition is met; while in other cases, the subsequent action may be executed some time after the event occurs or the condition is met, that is, there may be an intermediate process between responding to the corresponding event or condition and the subsequent action being executed.

[0031] Among them, the term "trigger operation" involved refers to an operation performed on a certain information (such as a control), through which a corresponding instruction can be issued to the electronic device to trigger the electronic device to perform the next task. The next task triggered by performing different trigger operations for different information can be pre-set. The trigger operation can be a contact operation such as clicking, double-clicking, long pressing, sliding, or other preset event operations, or other non-contact operations (such as voice instruction operations, etc.). In some cases, the trigger operation can also be performed by the electronic device based on a set program. This is not limited here.

[0032] Among them, a network architecture diagram proposed by the content display method can be shown as follows Figure 1As shown, the network architecture may include a server 100 (with no limitation on the number of servers) and a terminal device cluster (with no limitation on the number of terminal devices, such as terminal device 200a, terminal device 200b, ..., terminal device 200n), wherein communication connections may exist between servers. At the same time, a server may have a communication connection with any terminal device, so that the server can exchange data with the terminal device through the communication connection. The above-mentioned communication connection does not limit the connection method, and may be directly or indirectly connected through a wired communication method, or directly or indirectly connected through a wireless communication method, or through other methods, which are not limited in this application. In addition, it can be understood that the electronic device involved in the embodiment of the present application may be Figure 1 The terminal device shown can also be Figure 1 The server shown.

[0033] It should be understood that Figure 1 Each terminal device in the terminal device cluster shown can be installed with an application client for content display. The application client can be any type of client, such as a social client, an instant messaging client (e.g., a conference client), an entertainment client (e.g., a live broadcast client), a multimedia client (e.g., a video client), an information client (e.g., a news client), a shopping client, a multimedia client, or other client capable of displaying data information such as text, images, audio, and video. The specific type of application client is not limited herein.

[0034] For example, an application client refers to a client that can send and receive Internet messages instantly and has information functions. Figure 1 The application client on the terminal device 200a) shown in the figure can send a search request to the server in response to a search operation for the search information. The server can search the search information to obtain content search results that match the search information, and when it is determined that the search information matches a resource card, obtain the card data of the resource card and the display content that matches the resource card. The client can display the search results page based on the content search results, resource card and display content.

[0035] Optionally, the terminal device and the server may be logically partitioned. Therefore, when referring to a terminal device and a server below, they may be physically the same device or different devices.

[0036] For further understanding, please see Figure 2 , Figure 2A schematic diagram of a content display scenario provided in an embodiment of the present application. A search result page 20a associated with the search information can be displayed, and the search result page includes an interactive area 21a and a content area 21b. At least two resource cards matching the search information can be displayed on the background layer of the interactive area 21a. The at least two resource cards include a first resource card configured as a primary resource card (e.g., the centrally displayed resource card 22a), and the background layer can display first display content matching the first resource card.

[0037] The resource cards matched by the search information may include one or more card types, such as at least one of a product card, an activity card, an account card, and an advertisement card.

[0038] The content area may display content search results that match the search information (such as published content, users, products, etc.). Here, displaying published content is taken as an example.

[0039] Among them, the second resource card 22b of at least two resource cards can be switched to the main resource card by performing a switching operation on the main resource card (such as clicking a second resource card other than the first resource card, or sliding the resource card, etc.). At this time, the first display content of the background layer can be switched to the second display content that matches the second resource card. Therefore, the display content in the background layer can be switched according to the switching of the main resource card.

[0040] Therefore, the technical solution of the present application can display multiple resource cards of one or more card types on the interactive area of the search results page, which can enhance the richness of relevant resource information displayed on the search results page and enhance the user experience. At the same time, the display content on the background layer of the interactive area can be switched according to the switching of the main resource card, thereby enhancing the richness and interactivity of the display elements on the background layer.

[0041] Among them, in the specific implementation of the present application, when it comes to scenarios involving obtaining relevant data such as user information, such as obtaining user information (such as search information involved), etc., it is necessary to obtain user permission or consent. That is, when the embodiments of the present application are applied to specific products or technologies, the collection, use and processing of relevant user data comply with the relevant laws, regulations and standards of the relevant regions. For example, a prompt message can be issued in the form of an interactive page to prompt which specific data will be collected or obtained. Specifically, the type and content of this data can be prompted to the user in a list or other manner. Only after receiving a confirmation operation or instruction allowing the collection of data on the interactive page, the collection and processing of relevant data will be further carried out.

[0042] The above scenarios are merely examples and do not limit the application scenarios of the technical solutions provided in the embodiments of this application. The technical solutions of this application can also be applied to other scenarios. For example, those skilled in the art will appreciate that, with the evolution of system architecture and the emergence of new business scenarios, the technical solutions provided in the embodiments of this application will also be applicable to similar technical problems.

[0043] Based on the above description, the embodiment of the present application proposes a content display method, which can be executed by the electronic device mentioned above, specifically Figure 1 The terminal equipment shown. Figure 3 , Figure 3 This is a flow chart of a content display method provided in an embodiment of the present application. Figure 3 As shown, the process of the content display method in the embodiment of the present application may include the following:

[0044] S101: Display a search result page associated with the search information.

[0045] The search result page may include a content area, which is used to display content search results that match the search information, such as published content, users, products, etc. searched through the search information.

[0046] In addition, the search results page may also include an interactive area that can be used to display resource cards that match the search information. The interactive area may be triggered when the search information contains a specific search term (such as some preset advertising terms). The resource card that matches the search information is also the card configured for the specific search term.

[0047] For example, for a certain brand, you can set specific search terms related to the brand spokesperson (such as brand name + spokesperson name). At this time, the resource cards configured for the specific search terms can include resource cards related to the brand and resource cards related to the spokesperson.

[0048] For example, for a certain anchor, you can set a specific search term (such as the anchor's name) for yourself. At this time, the resource cards configured for the anchor may include resource cards related to the anchor's live broadcast, resource cards related to the anchor's live broadcast products, etc. This is not limited here.

[0049] The resource card may be at least one of a product card, an activity card, an account card, and an advertisement card. The resource card may display a card name, a card identifier indicating the card type, and media information (such as an image, video, etc.).

[0050] The resource cards that are matched may vary depending on the specific search terms in the search information. A specific search term may match one or more types of resource cards, and a type of resource card may have one or more, as determined by the business person who configures the specific search term.

[0051] For example, a product card can be used to display product information (such as product images, text content, etc.) of products related to the search information. At this time, you can click the product card to view the product details page of the product, or when there are multiple products, you can view the product list page (the product list page can trigger a certain product to view the product).

[0052] For example, the products related to the search information may be products related to a specific search term in the search information.

[0053] The products related to the specific search term may be pre-bound products, or products determined in a specified manner.

[0054] For example, a specific search term is associated with a store (for example, the specific search term is a brand term, and the brand is associated with a store, or the specific search term is an anchor name, and the anchor is associated with a store), and the products related to the specific search term can be products in the store (such as the product with the highest sales volume).

[0055] For example, products related to a specific search term can also be products related to the specific search term among products related to the search information (e.g., the most relevant products), or can be products mentioned most frequently in posts related to the specific search term (e.g., some or all of the posts found by searching for the search information). Alternatively, they can be pre-set products (e.g., if a specific search term is related to a brand spokesperson, the product can be set to match the brand spokesperson). The specific details can be determined by relevant business personnel.

[0056] Alternatively, the product card can be used to display store information (such as store images, text content, etc.) of a store (merchant) related to the search information (such as a specific search term therein). At this time, you can view the store homepage of the store by clicking on the product card.

[0057] For example, an activity card can be used to display activity information related to the search information. In this case, the activity details page of the activity can be viewed by clicking the activity card.

[0058] For example, the activity related to the search information may be activity information (such as an activity image, text content, etc.) related to a specific search term in the search information.

[0059] The activities related to a specific search term can be pre-configured activities for the specific search term. For example, a sports and fitness brand can hold sports and fitness activities. In this case, when searching for information related to the brand, the activity card can be displayed, so that users can more intuitively and conveniently understand the activity information and participate in the activity.

[0060] Alternatively, the activity card can be used to display topic information (such as topic images, text content, etc.) of topics related to the search information (such as specific search terms therein). At this time, you can view the topic participation page of the topic (such as various discussions on the topic) by clicking the activity card.

[0061] For example, the account card can be used to display account information (such as topic images, text content, etc.) of accounts related to the search information (such as a specific search term bound to a specified account).

[0062] The account card can be one or more cards related to a specific account. For example, it can be used to view account attribute data (such as the account homepage) or view account interaction data (such as published content, published live broadcasts, etc.).

[0063] At this time, you can view the corresponding account data by clicking on the account card, such as entering the account homepage for viewing account attribute data. Or, enter the content details page for viewing published content (such as specified published content, or the latest published content, or the published content with the highest number of likes, etc.). Or, enter the live viewing page for viewing live broadcast data (such as the page for booking live broadcasts, the page for viewing live broadcasts, the page for viewing live broadcast replays, etc.). Or, the account associated with the account card is a celebrity, and the account data corresponding to the account card can also be the celebrity's schedule (such as a schedule preview). At this time, triggering the account card can be entering the itinerary page to view specific itinerary information (such as pre-set by relevant business personnel, or intelligently extracted from the published content related to the account card, such as obtaining the published content related to the account card from the published content in the content search results).

[0064] There are no restrictions on the specific type of account card. A specific search term can match one or more account cards used to view different account data (the specific type can be determined by relevant business personnel).

[0065] For example, the advertisement card can be used to display advertisement information (such as advertisement images, text content, etc.) related to the search information (such as advertisements bound to specific search terms).

[0066] The advertisements bound to a specific search term can be advertising homepages associated with the specific search term (such as brand homepages), advertising external links (such as web links), advertising programs (such as related third-party mini-programs), etc. The specific advertisement type can be determined by business personnel.

[0067] At this time, you can click on the ad card to view the ad details page (such as various ad homepages).

[0068] Wherein, the search result page may include an interactive area for displaying resource cards. Wherein, at least two resource cards that match the search information are displayed in a specified style on the interactive area. For example, at least two resource cards are displayed in a stacked style (or in a tiled style or an independent display style, etc.), and any resource card in the at least two resource cards can be configured as a main resource card. The main resource card can be a resource card displayed in a specific style or position in the at least two resource cards (such as displayed in the center, or stacked on the top layer, etc.).

[0069] Among them, the main resource card can be pre-configured from at least two resource cards when displaying the search results page (for example, when the search information contains specific search terms related to the brand, the pre-configured main resource card can be the advertising card corresponding to the brand homepage, the account card corresponding to the brand spokesperson, etc.).

[0070] Alternatively, the primary resource card is a card selected from at least two resource cards by a user's switching operation (for example, the user switches a different resource card as the primary resource card by a sliding operation, that is, the user configures the primary resource card).

[0071] Alternatively, the primary resource card is determined by the user's triggering behavior for the resource card when the search results page is displayed (for example, obtaining the user's historical search information. If it is determined that the user has previously searched for a specific search term in the current search information, then the trigger data for at least two matching resource cards in the user's previous search can be obtained, and the resource card most recently triggered by the user indicated by the trigger data is configured as the primary resource card displayed during this search).

[0072] There is no limitation on the configuration method of the main resource card.

[0073] For example, the interactive area may include a background layer, and the at least two resource cards matching the search information may be displayed on the background layer. For example, the two resource cards include a first resource card configured as a primary resource card. In this case, when the primary resource card is the first resource card, the background layer displays first display content matching the first resource card.

[0074] The first display content includes at least one of the following: preset display content, content displayed on the first resource card, content obtained from the first published content associated with the first resource card, or content obtained from the first resource data associated with the first resource card. The first display content may be, for example, an image, audio, video, an element identifier, or the like.

[0075] The first published content belongs to the published content in the content search result. The first resource data is determined based on the search information and / or the card type of the first resource card.

[0076] For example, the first display content may be a pre-set display content (for example, for an advertising card corresponding to a brand homepage, the display content may be a pre-set brand image, etc.).

[0077] For example, the first display content may also be an image displayed on the first resource card.

[0078] For example, the first published content associated with the published content of the first resource card in the content search results can be obtained, and the first display content can be obtained from the first published content. For example, the content data (such as the content cover, the media image that best matches the search information, etc.) of a specified published content (such as the published content with the highest content quality or the most recently published content) in the first published content can be used as the first display content.

[0079] For example, a resource card can be associated with one type of resource data, and different types of resource cards can be associated with different types of resource data.

[0080] For example, for a product card, the associated resource data refers to the relevant product data of the product corresponding to the product card (such as the product details page, the content details page of the product release corresponding to the product, the store details page, etc.). In this case, the first display content can be an image obtained from the associated resource data (such as an image on the product details page, the content cover of the product release, the store avatar, etc.).

[0081] For another example, for an activity card, the associated resource data refers to the activity (or topic) data related to the activity (or topic) corresponding to the activity card (such as the activity details page, the topic participation page, etc.). In this case, the first display content can be an image obtained from the associated resource data (such as the activity image in the activity details page, the topic image in the topic participation page, etc.).

[0082] For another example, for an account card, the associated resource data refers to the relevant account data of the account bound to the account card (such as the account homepage, published content posted by the account, live broadcasts posted by the account, etc.). In this case, the first display content can be an image obtained from the associated resource data (such as the background image of the account homepage, the content cover of the account's published content, the live broadcast cover or live broadcast screen of the account's live broadcast, etc.).

[0083] For example, in the case of an advertising card, the associated resource data refers to the relevant advertising data of the advertisement corresponding to the advertising card (such as the brand homepage, advertising external links, etc.). In this case, the first display content can be an image obtained from the associated resource data (such as the brand image on the brand homepage, the image on the webpage linked to by the advertising external link, etc.).

[0084] Optionally, the first display content may be one or more types, and may be displayed in turn when displayed in the background layer.

[0085] For example, Figure 4a-4d As shown, Figure 4a-4d A schematic diagram of a resource card display provided in an embodiment of the present application; wherein Figure 4a In the interactive area of the search result page 40a, the interactive area may include a background layer, display content for the main resource card displayed in the background layer, resource cards displayed on the background layer, and an overlay layer between the background layer and the resource cards.

[0086] The overlay layer is used to cover the displayed content to a certain extent (for example, the transparency of the overlay layer is a preset transparency), so that the user can better focus on the information displayed on the resource card without being disturbed by the displayed content in the background layer.

[0087] In addition, the search results page may also include a page color tone, which can be updated based on the main resource card. For example, it can be determined based on the display content associated with the main resource card. For example, if the display content is an image, the main color tone of the content can be determined from the image as the page color tone of the current search results page, and when the search results page is displayed, the page color tone is configured as the main color tone of the display content associated with the main resource card. For example, the color tone of the entire search results page can be configured, or it can be configured for part of the search results page (such as the area other than the interactive area and the content area). This is not limited here.

[0088] Optionally, when the search information is associated with a target account (for example, a specific search term in the search information is bound to a target account, such as the account corresponding to the brand, the account corresponding to the anchor, the account corresponding to the brand spokesperson, etc.), the target account can be displayed on the background area, and when the target account is triggered, the account homepage of the target account can be entered.

[0089] Optionally, when the search information is associated with a resource link (for example, a text link is bound to a specific search term in the search information), the resource link can be displayed in the background area, and when the resource link is triggered, the data information linked to the resource link (for example, a web link for a certain brand, etc.) can be viewed. This can improve the richness of the information displayed in the interactive area.

[0090] The resource cards may be displayed in a stacked style, that is, the main resource card is displayed on the top layer, and other resource cards are displayed below the main resource card in a stacked manner so as to be obscured by the main resource card, as shown in the example of search result page 40a.

[0091] Alternatively, the resource card can be displayed in a tiled style, such as Figure 4b In the search result page 40b, resource cards 401a can be displayed in sequence (at this time, the display brightness of non-primary resource cards is higher than that of primary resource cards, and the primary resource card can be fixedly displayed in the center position). At this time, other resource cards can be switched to primary resource cards by clicking on non-primary resource cards or sliding (i.e., adjusting the display brightness and display position).

[0092] Alternatively, the resource cards may be displayed individually. For example, on the search results page 40c, only the main resource card 401b may be displayed, and a paging indicator may be displayed to indicate at least two resource cards that can be displayed in the interactive area. For example, one resource card corresponds to one identification element 401c in the paging indicator.

[0093] Therefore, the display style of the identification element corresponding to the primary resource card is different from that of the identification element of the non-primary resource card (for example, the display size and color can be different). The identification element in the paging indicator can indicate that multiple resource cards can be switched and displayed in the interactive area at this time.

[0094] Among them, through the card switching operation, based on switching the main resource card, the identification element will also be switched synchronously (for example, the next identification element will be switched to the display style of the identification element corresponding to the main resource card).

[0095] Among them, the card switching operation can be a sliding operation on the main resource card, or it can be a triggering operation on the card switching control. For example, a card switching control 401d can be displayed on the search results page 40c, and the previous resource card or the next resource card can be switched to the main resource card through the card switching control.

[0096] Among them, Figure 4c In the search result page 40a, by triggering the main resource card 41a, the resource details page associated with the main resource card can be entered. For example, when the card type of the first resource card is a product card, the first resource data is the first product related to the search information (i.e., the product corresponding to the product card) and / or the first product release content of the first product (e.g., the release content determined from the release content carrying the product link of the first product, such as the latest release content, the release content with the highest number of likes, the release content released by the merchant, the designated release content, etc.).

[0097] At this time, in response to the triggering operation on the first resource card, the product details page of the first product (or the product list page when there are multiple first products) and / or the content details page of the first product published content can be displayed.

[0098] For example, when the card type of the first resource card is an activity card, the first resource data is the first activity related to the search information (i.e., the activity or topic corresponding to the activity card). In response to the trigger operation on the first resource card, the activity details page of the first activity (i.e., the details page of the activity or topic) is displayed.

[0099] For example, when the card type of the first resource card is an account card, the first resource data is the first account related to the search information (that is, the account corresponding to the account card, the first resource data can specifically be the account's homepage data, published content, published live broadcasts, etc.).

[0100] At this time, in response to the triggering operation on the first resource card, the account details page of the first account (such as the account homepage, or the content details page of the published content published by the account, or the related live broadcast page of the live broadcast published by the account, etc.) can be displayed. For example, if the main resource card 41a is an account card and the corresponding account is the spokesperson of Brand 1, the first resource data corresponding to the main resource card 41a can be the published content published by the spokesperson of Brand 1. At this time, the resource details page entered by triggering the main resource card 41a can be the content details page of the published content.

[0101] For example, when the card type of the first resource card is an advertising card, the first resource data is the first advertisement related to the search information (i.e., the advertisement or external link corresponding to the advertisement card). In response to the triggering operation on the first resource card, the advertisement details page of the first advertisement is displayed.

[0102] For example, in Figure 4d For example, for account cards, the associated resource data may include account cards for text-type publishing content published by the bound account, account cards for video-type publishing content published by the bound account, and account cards for live broadcasts published by the bound account (such as account cards for scheduling live broadcasts, account cards for entering live broadcast rooms, account cards for viewing live broadcast replays, etc.).

[0103] For another example, activity cards may include activity cards whose associated resource data is activity information (such as sports sun protection activities), activity cards whose associated resource data is topic information (such as the topic of sun protection tips), etc.

[0104] For another example, product cards may include product cards whose associated resource data is product information (such as a card associated with one or more products), product cards whose associated resource data is store information (such as a store of a certain brand), etc.

[0105] For another example, advertising cards may include advertising cards whose associated resource data is advertising information, such as advertising cards associated with brand homepages, advertising cards associated with external links, etc. There are no restrictions on the type of resource cards or the information displayed on the cards (e.g., related text, related logos, related images or videos, etc.).

[0106] S102: In response to switching a second resource card among the at least two resource cards to a main resource card, switch a first display content of the background layer to a second display content matching the second resource card.

[0107] A card switching operation can be performed on the primary resource card to switch the second resource card from the at least two resource cards to the primary resource card. (For example, this can be a click operation on the second resource card, a swipe operation on the at least two resource cards in the interactive area, or a toggle operation on a card switching control, etc., which are not limited here and can be determined based on the display styles of the at least two resource cards).

[0108] At this time, the first display content of the background layer may be switched to the second display content that matches the second resource card (same as the determination method of the first display content).

[0109] For example, an overlay layer may be displayed between the background layer and the resource card in the interactive area (or no overlay layer may be displayed). Therefore, after switching the primary resource card, in response to switching the second resource card to the primary resource card, when the second resource card is displayed in the first card style for the primary resource card on the overlay layer, the first resource card is switched from the first card style to the second card style that is different from the first card style (i.e., the display style for non-primary resource cards) on the overlay layer; in the background layer below the overlay layer, the first display content is switched to the second display content. Therefore, when switching the primary resource card, the display content in the background layer can be switched synchronously.

[0110] The second display content may be obtained together with obtaining at least two resource cards (for example, when obtaining at least two resource cards, the display content matching each resource card is obtained respectively), or may be obtained by requesting the server at this time.

[0111] For example, when the first display content of the background layer is switched to the second display content that matches the second resource card, a content acquisition request for the second resource card can be generated and sent to the server so that the server obtains the second display content associated with the second resource card and determines the main color tone of the content for the second display content.

[0112] At this time, when the terminal device receives the second display content and the main color tone of the second display content returned by the server, it switches the first display content to the second display content in the background area, and adjusts the page color tone of the search results page to the main color tone of the second display content.

[0113] In an embodiment of the present application, multiple resource cards related to the search information can be displayed on the interactive area of the search results page (such as various types of cards such as product cards, activity cards, account cards, and advertising cards, which can improve the richness of the resource information viewed compared to only displaying products related to the search information); and the display content in the background layer of the interactive area can be updated along with the multiple resource cards. For example, when the first resource card among the multiple resource cards is used as the main resource card, the first display content related to the first resource card can be displayed in the background layer, and the card switching of the main resource card can be performed at this time. For example, when the second resource card is switched to the main resource card, the second display content related to the second resource card can be switched to display in the background layer. This can improve the interactivity and experience of users when viewing resource cards, and thus improve the richness and interactivity of the displayed information in the interactive area on the search results page.

[0114] Based on the above description, the embodiment of the present application proposes a content display method, which can be executed by the electronic device mentioned above, specifically Figure 1 The terminal equipment shown. Figure 5 , Figure 5 This is a flow chart of a content display method provided in an embodiment of the present application. Figure 5 As shown, the process of the content display method in the embodiment of the present application may include the following:

[0115] S201: Display the search result page associated with the search information. The specific implementation of step S201 can be found in the relevant description of the above embodiment, and will not be repeated here.

[0116] S202: When the primary resource card is the first resource card, first display content matching the first resource card is displayed in the background layer, and first content search results associated with the first resource card are preferentially displayed or screened in the content area.

[0117] When the first resource card included in the at least two resource cards is configured as the main resource card, the background layer of the interactive area of the search result page may display first display content matching the first resource card.

[0118] Optionally, resource-related portals associated with the primary resource card (first resource card) may be displayed above the background layer of the interactive area. For example, the resource-related portals may include at least one of the following: a search portal and an interactive portal. Interactive operations on the primary resource card may be initiated through multiple resource-related portals, thereby enhancing user interactivity.

[0119] The search portal can be used to search for information on the first resource card. For example, in response to a triggering operation on the search portal, a search result page for a card search term related to the first resource card is displayed. The card search term is synthesized from the card name displayed on the first resource card and the search information.

[0120] For example, it can be a search term intelligently synthesized from the card name and search information (or specific search term), or a search term obtained by concatenating the card name and search information (or specific search term) (duplicate terms can be deleted at this time).

[0121] For example, the search information (or specific search term) is "Small A Brand 1" and the card name is "Small A Same Style". At this time, you can directly splice the search information (or specific search term) and the card name, delete duplicate words, and get the synthetic search term "Small A Brand 1 Same Style".

[0122] For example, the search information (or specific search term) is "Xiao A Brand 1" and the card name is "Xiao A Same Style". At this time, the big model can be used to intelligently generate search terms that contain the search meaning of both the search information and the card name, such as "Xiao A Brand 1 Co-branded Same Style".

[0123] The interactive portal can be used to initiate a resource interaction event related to the first resource card. The resource interaction event can vary depending on the card type of the resource card. The interactive portal can be displayed on the resource card or anywhere on the background layer.

[0124] The interactive entrance may also be associated with interactive information, and the interactive information may be different based on different resource interactive events indicated by the interactive entrance, thereby enhancing the richness and interactivity of the information displayed on the resource card.

[0125] For example, the resource interaction event related to the product card is the product transaction event, the resource interaction event related to the activity card is the activity participation event, the resource interaction event related to the account card is the account subscription event, and the resource interaction event related to the advertisement card is the advertisement sharing event.

[0126] For example, when a product card corresponds to a product, a transaction for the product can be directly initiated through the interactive entrance (entering the product transaction page). For example, the interactive information at this time can be the product price and the number of people currently placing orders.

[0127] Among them, when the related product cards are displayed on the search results page, the user can usually only view the product-related information by triggering the product card to enter the product details page. The information exposed on the search results page is limited (such as only displaying product images, prices, etc.). In this way, users may not want to jump to other pages, which affects their trading behavior and trading decisions. In this technical solution, when the product card is the main resource card, not only can interactive information and interactive entrance information be displayed, but related content search results (such as published content) can also be displayed in the content area. This makes it easier for users to quickly view the relevant information of the products they are interested in, thereby improving the convenience of users viewing product information and conducting product transactions, and increasing the probability of users making trading decisions.

[0128] Alternatively, when a product card corresponds to a store, a sharing action for the store can be initiated through the interactive entrance. For example, the interactive information at this time can be the number of fans of the store, the number of people who share, etc.

[0129] For example, when an activity card corresponds to an activity (or topic), you can directly choose to participate in the activity (or topic) through the interactive entrance, such as entering the activity participation page, or entering the topic discussion page, etc. At this time, the interactive information can be the number of participants in the activity (or topic), the deadline, etc.

[0130] For example, when an account card corresponds to an account, the interactive entrance can be used to subscribe to relevant information of the account (such as following the account, or subscribing to the live broadcast of the account, or subscribing to the online behavior of the account, or subscribing to the content publishing behavior of the account, etc.). For example, the interactive information at this time can be the number of fans followed, the number of people watching the live broadcast, the number of people currently subscribing, etc.

[0131] For example, when an ad card corresponds to an ad (or external link), the interactive portal can be used to share the ad (or external link), and the interactive information can include the number of shares, the number of people currently sharing, etc. The specific resource interaction events triggered by the interactive portal and the corresponding interactive information are not limited here. They are determined based on the specific scenario and card type.

[0132] In addition, the content area of the search result page can display content search results, which include published content matching the search information. The content area is used for content cards of published content; take any published content as an example (such as indicated as target published content).

[0133] When the content card of the target published content is displayed in the content area, the card elements of the target resource card are displayed on the content card; the target resource card is the resource card associated with the target published content in the resource card.

[0134] For example, when the server obtains the resource card that matches the search information and the content search results corresponding to the search information, it can determine the card associated with the published content in the content search results in the resource card, such as determining the correlation based on the content data in the published content and the card data of the resource card (such as the card name, card type, the image displayed on the card, etc.), and determining the associated resource card based on the correlation.

[0135] Optionally, the card element of the target resource card displayed on the content card at this time may be a thumbnail of the target resource card, or may be a card identifier and a card name of the target resource card, etc.

[0136] At this time, in response to a trigger operation on a card element, the interactive area can be located on the search results page, and the target resource card can be configured as a main resource card for display.

[0137] That is, the target resource card can be switched to the main resource card on the background layer of the interactive area, and the target display content associated with the target resource card can be switched in the background layer (the resource association entrance associated with the target resource card can also be displayed).

[0138] Alternatively, in response to a trigger operation on a card element, the target resource data associated with the target resource card may be displayed, that is, the resource details page corresponding to the target resource card may be entered.

[0139] The display order of the content search results in the content area can be determined based on the primary resource card. The content area can preferentially display (or only display) the first content search result associated with the first resource card.

[0140] For example, the content search results include published content that matches the search information (optionally, search results for accounts, products, group chats, etc. may not change with the main resource card, or they may change with the main resource card. The logic is the same as the display of published content. Here we only use published content as an example to illustrate).

[0141] The first resource card is associated with the first published content in the published content. At this time, only the first published content may be displayed in the content area, or the first published content may be displayed preferentially.

[0142] Specifically, when searching for search information and obtaining published content that matches the search information, the first published content can be determined from the published content that matches the search information (such as all the first published content or a part of the first published content), and the published content that matches the search information can be reordered based on the first published content, such as moving the display order of the first published content to the front so that the first published content can be displayed first.

[0143] Alternatively, when the search obtains published content that matches the search information (in this case, each published content has an original sort position), the sort weight of the first published content associated with the first resource card can be increased so that the user can view the published content related to the first resource card as soon as possible when browsing the published content in the content area.

[0144] Among them, the ranking improvement can refer to moving the first published content forward a certain number of positions, such as moving from the original 10th position to the 3rd position. The specific movement strategy is not limited. For example, it can be determined based on the original ranking position. The later the original ranking position, the more positions it moves forward.

[0145] Alternatively, it is determined whether the first published content A needs to be ranked higher based on the position of the first published content A and the number and position of the first published content that precedes the first published content A. If there is no first published content before the ranking position of the first published content A, the first published content A can be ranked higher. Alternatively, if there is a first published content before the ranking position of the first published content A, and the ranking position of the first published content A is in the top N (such as the top 5), the first published content A does not need to be ranked higher. The specific configuration can be made by business personnel.

[0146] Alternatively, when displaying the published content in the content area, a target content area can be added to the content area, and the first published content can be displayed in the target content area separately, that is, the published content other than the first published content (the published content displayed according to the original sorting) among the published content matching the search information can be displayed on the content area (the area other than the target content area). In this way, it is convenient for users to better distinguish and view the published content, avoiding the situation that users can only view the first published content during the browsing process and need to continue browsing to view other published content, thereby improving the convenience and efficiency of viewing the published content.

[0147] For example, Figure 6a-Figure 6i , Figure 6a-Figure 6i A schematic diagram of a resource card display provided in an embodiment of the present application; wherein Figure 6a On search results page 60a, browsing the content cards for published content in the content area, if published content 61a is associated with resource card 61b, card element 61c of resource card 61b may be displayed in the content card for published content 61a. Triggering card element 61c may locate the display position in the interactive area on the search results page and configure resource card 61b as the primary resource card in the interactive area. Alternatively, triggering card element 61c may lead to the corresponding resource details page.

[0148] Among them, Figure 6b In the search results page 60a, the interactive area may also display a resource-related entry for the main resource card. For example, a search entry 62a may be displayed. By triggering the search entry 62a, a search results page 62c for a card search term 62b (such as "Small A Brand 1 Boutique Sun Protection Clothing") related to the resource card 61b may be accessed (optionally, the search results page accessed under this link may not need to display the interactive area, or may only display the resource card 61b in the interactive area). Optionally, the content card at this time may not need to display card elements.

[0149] Among them, Figure 6cIn the search results page 63a, the interactive area may also display a resource-related entry for the primary resource card. For example, the interactive entry 63b may be displayed. By triggering the interactive entry 63b, a resource interaction event related to the primary resource card (resource card 63c) may be executed. For example, if the resource card 63c is a product card and is associated with a product, the interactive entry 63b may display "Transaction". At this time, triggering the interactive entry may result in a product transaction page for trading the product associated with the resource card 63c.

[0150] Alternatively, the interactive entrance 63b of the main resource card can also be displayed on the main resource card (resource card 63c). At this time, the main resource card can also display relevant interactive information (such as product prices).

[0151] Among them, Figure 6d In the search results page 63a, the display of content search results in the content area can be determined based on the primary resource card (resource card 63c). For example, the published content related to resource card 63c (such as published content 63d and published content 63e) can be displayed first in the content area, or only the published content related to resource card 63c can be displayed.

[0152] Alternatively, the published content related to the resource card 63c can also be displayed with enhanced rights in the content area. For example, the published content in the content search results can be published content 63f, published content 63g, and published content 63h in sequence. For example, at this time, published content 63f does not belong to the published content related to the resource card 63c, and published content 63g and published content 63h belong to the published content related to the resource card 63c. At this time, the mobile strategy can be used to determine that the published content 63g will be displayed with enhanced rights, that is, the published content 63g will be moved before the published content 63f, and the position of the published content 63h can be unchanged. In this way, the published content 63g can be displayed with enhanced rights to facilitate quick viewing of the published content related to the resource card 63c.

[0153] Among them, Figure 6e In the search result page 63a, the content area can display the published content, and a target content area 64a can be added, on which the published content related to the resource card 63c (such as published content 64b and published content 64c) is displayed. At this time, more published content related to the resource card 63c can be browsed in the target content area, for example, by sliding, you can view published content 64e and published content 64f. Among them, the content area (the display area other than the target content area 64a) displays the remaining published content in the content search results. That is, the published content related to the resource card 63c and the remaining published content in the content search results are displayed separately.

[0154] S203: In response to switching the second resource card of the at least two resource cards to the main resource card, the first display content of the background layer is switched to the second display content matching the second resource card, and the content area is switched to prioritize display or filter display of the second content search results associated with the second resource card.

[0155] The first resource card and the second resource card are any two resource cards among the at least two resource cards.

[0156] It is understood that after the primary resource card is switched, the information displayed on the search results page will also be updated based on the update of the primary resource card. For example, if the first display content of the background layer is switched to the second display content, the resource-related entry displayed on the background layer will also be switched to the resource-related entry for the second resource card.

[0157] At the same time, the priority display of the first content search result in the content area is changed to the priority display of the second content search result associated with the second resource card. For example, when the main resource card is switched, a content acquisition request is sent to the server. At this time, the server can determine the second content search result associated with the second resource card based on the second resource card and the content search result, and return the second content search result associated with the second resource card or the ranking information of the second content search result to the terminal device, so that the terminal device can update the content search result displayed in the content area.

[0158] For example, in the case of published content, the second resource card is associated with a second published content in the published content. In this case, the second published content may be determined from the published content that matches the search information (e.g., all or part of the second published content may be determined), and the published content that matches the search information may be reordered based on the second published content (at which point the first published content has returned to its original sorting position).

[0159] For example, the display order of the second published content is moved to the front, so that the second published content can be displayed first.

[0160] Alternatively, the ranking weight of the second published content associated with the second resource card may be increased among the published content matching the search information, so that the user can view the published content related to the second resource card as soon as possible when browsing the published content in the content area.

[0161] Alternatively, the content area can be divided into a first sub-area and a second sub-area. The first published content displayed in the first sub-area will be updated to the second published content, and the second sub-area is used to display the published content matching the search information except the second published content (the published content displayed according to the original sorting). In this way, the display information in the content area can be updated by switching the main resource card, so that the user can more quickly and conveniently view the content search results related to the resource card currently of interest.

[0162] For example, in Figure 6f In Figure 6d Taking the search result page 63a as an example, the search result page 63a includes an interactive entrance 65a and a content area that prioritizes displaying published content 67a related to the main resource card (resource card 66a). At this time, the main resource card can be switched from resource card 66a to resource card 66b through a card switching operation on the main resource card. At this time, the interactive entrance 65a will be switched to the interactive entrance 65b corresponding to resource card 66b (for example, if resource card 66b is an active card, the interactive entrance can be a participation entrance for participating in the corresponding topic discussion), the display content on the background layer of the interactive area of the search result page 63a will also be switched to the display content matched by resource card 66b, and the published content prioritized in the content area will also be switched from published content 67a to published content 67b related to the main resource card (resource card 66b), so that the published content related to resource card 66b is displayed first.

[0163] For example, in Figure 6g In the content area of the search results page 63a, the published content 67a related to the main resource card (resource card 66a) is preferentially displayed. At this time, the content area can display the association control 68a for the main resource card. When the association control 68a is in a selected state, it indicates that the content area is associated with the main resource card. At this time, the display of the published content in the content area can be determined by the main resource card. When the association control is triggered and the association control is in a non-selected state, the association state between the content area and the main resource card can be canceled. At this time, the display of the search results on the content area is not determined by the main resource card, that is, the search results of the content obtained by the search are directly displayed. For example, the published content displayed on the content area at this time is restored to the published content 68b obtained by initially searching the search information (that is, the published content displayed according to the original sorting position).

[0164] Alternatively, the content area may be associated with a target content filtering tag for the primary resource card. When the primary resource card is the first resource card, the target content filtering tag is a first filtering tag for the first resource card. The first filtering tag is used to trigger content filtering in the content area to display the first published content. That is, in response to a triggering operation on the first filtering tag, the first published content is filtered and displayed in the content area.

[0165] When the primary resource card switches to the second resource card, the target content filter tag switches to the second filter tag for the second resource card. The second filter tag is used to trigger content filtering in the content area to display the second published content. That is, in response to the triggering operation on the second filter tag, the second published content is filtered and displayed in the content area.

[0166] For example, in Figure 6h As shown, the content area of the search results page 63a can display the content search results (such as published content) obtained by searching the search information. At this time, the tag display area of the content area can display one or more filtering tags, such as a target content filtering tag 69a for the main resource card (resource card 66a). By triggering the target content filtering tag, the published content in the content area can be filtered and displayed to view the published content related to the main resource card (such as the published content 660a related to the resource card 66a).

[0167] Among them, when the main resource card switches, the target content filtering tag in the content area will also switch synchronously (optionally, the target content filtering tag will switch as long as the main resource card switches, or it can be switched only when the target content filtering tag is in an unselected state).

[0168] Among them, Figure 6i In the search result page 63a, a tag viewing control 69b can also be displayed in the tag display area of the content area. Triggering the tag viewing control 69b allows viewing of more content filtering tags. For example, non-primary resource cards (which can be considered as secondary resource cards) also have content filtering tags. These content filtering tags are initially folded and can be expanded to display the content filtering tags of the non-primary resource cards by triggering the more content filtering controls. In other words, the content filtering tags for the secondary resource cards can now be viewed.

[0169] For example, the master resource card is resource card 66a, and the slave resource cards include resource card 69c and resource card 69d. By triggering the tag view control 69b, a content filter tag 691a for resource card 69c and a content filter tag for resource card 69d can be displayed in the content area. At this time, by triggering the content filter tag 691a, the published content related to resource card 69c can be filtered and displayed. Alternatively, by triggering the content filter tag for resource card 69d, the published content related to resource card 69d can be filtered and displayed.

[0170] Among them, when the main resource card is switched, the target content filtering tag in the content area will also be switched synchronously, and more content filtering tags viewed by the tag viewing control will also be updated synchronously (for example, the content filtering tag of the new main resource card is displayed as the target content filtering tag, and the previous content filtering control of the main resource card is included in the content filtering tag associated with the tag viewing control. Optionally, as long as the main resource card is switched, the target content filtering tag and the content filtering tag associated with the tag viewing control will be switched and updated, or they may be switched and updated only when any content filtering tags are in an unselected state).

[0171] Among them, in order to enrich the display effect of the interactive area on the search results page, display effects for the target information on the interactive area (including the displayed resource cards and / or the display content in the background area) can also be added. For example, the target information on the interactive area can be tilted synchronously in response to a tilt operation on the terminal device. For example, when the terminal device is tilted in a first manner, the target information can be tilted in a second manner on the interactive area. Among them, the tilt direction indicated by the first manner is different from the tilt manner indicated by the second manner. For example, when the terminal device is tilted to the right, the target information can be tilted to the left so that the target information can always face the user as much as possible to enhance the user experience and fun.

[0172] For example, the gyroscope parameters of the terminal device may be obtained, and the display position of the target information in the interactive area may be adjusted based on the gyroscope parameters (which may be determined directly by the terminal device or by the server). In other words, the tilt direction and angle of the terminal device may be determined using the gyroscope parameters, and the tilt direction and angle of the target information may be calculated, and the target information may be tilted based on the tilt direction and angle, i.e., the display position of the target information may be adjusted.

[0173] For example, Figure 7a-7c middle, Figure 7a-7c A schematic diagram of the position adjustment of a resource card provided in an embodiment of the present application; wherein Figure 7aIn the figure, the adjustment of the display position is indicated by the overlay and the display content. For example, when the terminal device is tilted upward, the display content under the overlay and the resource card above the overlay will tilt downward (the display content will move down at this time so that the top of the display content is aligned with the overlay). For another example, when the terminal device is tilted downward, the display content under the overlay and the resource card above the overlay will tilt upward (the display content will move up at this time so that the bottom of the display content is aligned with the overlay). For another example, when the terminal device is tilted to the left, the display content under the overlay and the resource card above the overlay will tilt to the right (the display content will move up at this time so that the left side of the display content is aligned with the overlay). For another example, when the terminal device is tilted to the right, the display content under the overlay and the resource card above the overlay will tilt to the left (the display content will move up at this time so that the right side of the display content is aligned with the overlay).

[0174] Optionally, in Figure 7b and Figure 7c The examples in the figure respectively illustrate the tilt effect of the target information in the interactive area when the terminal device is tilted. Figure 7b In , when the terminal device is tilted to the left, the target information will tilt to the right at a certain angle. Figure 7c In the example, when the terminal device is tilted to the right, the target information will tilt to the left at a certain angle.

[0175] For example, the display position of the resource card can be defined according to three-dimensional coordinates. At this time, the tilt direction and tilt angle of the terminal device can be determined based on the gyroscope, and then the tilt parameters of the terminal device (such as tilt direction and tilt angle) can be determined, and then the display position of the target information can be adjusted based on the tilt parameters.

[0176] For example, for the main resource card, the display position can be: x=0; y=0; z=0, with the tilt angles of the y and z axes being 0. The resource card to the left of the main resource card can be displayed at: x1; y1; z1, with the tilt angles of the y axis being k11 and the tilt angle of the z axis being k12. The resource card to the right of the main resource card can be displayed at: x2; y2; z2, with the tilt angles of the y axis being k21 and the tilt angle of the z axis being k22.

[0177] Optionally, you can define the relationship between the tilt direction and the tilt coordinates of the resource card in three-dimensional coordinates. For example, you can tilt the x-axis of the resource card up and down, or tilt the y-axis of the resource card left and right (for example, you can define the relationship between the tilt angle of the terminal device and the tilt angle of the coordinates), and define the maximum tilt angle.

[0178] You can also define the relationship between the tilt direction and the displacement coordinates of the resource card in 3D coordinates. For example, you can tilt the resource card up and down along the x-axis, or left and right along the y-axis (for example, you can define the relationship between the terminal device's rotation angle and the displacement coordinates), and define the maximum displacement.

[0179] Optionally, when entering the search results page for the first time, the switching special effects animation of the resource card and the tilt rotation special effects animation of the target information can be automatically played, so that the user can intuitively feel the interactive operations on the resource card and improve the user experience.

[0180] In an embodiment of the present application, multiple resource cards related to the search information can be displayed on the interactive area of the search results page (such as various types of cards such as product cards, activity cards, account cards, and advertising cards, which can improve the richness of the resource information viewed compared to only displaying products related to the search information); and the display content in the background layer of the interactive area and the content search results in the content area can be updated along with the multiple resource cards. For example, when the first resource card among the multiple resource cards is used as the main resource card, the first display content related to the first resource card can be displayed in the background layer, and the content area can give priority to displaying the content search results related to the first resource card. At this time, the card of the main resource card can be switched. For example, when the second resource card is switched to the main resource card, the second display content related to the second resource card can be switched to be displayed in the background layer, and the content area can be switched to give priority to displaying the content search results related to the second resource card, so that users can view the search results related to the resource cards they are interested in. This can improve the interactivity and experience of users when viewing resource cards, and thus improve the richness and interactivity of the displayed information in the interactive area on the search results page.

[0181] Based on the above description, the embodiment of the present application proposes a content display method, which can be executed by the electronic device mentioned above, specifically Figure 1 The terminal devices and servers shown are shown in the figure. Figure 8 , Figure 8 This is a flow chart of a content display method provided in an embodiment of the present application. Figure 8 As shown, the process of the content display method in the embodiment of the present application may include the following:

[0182] S301: In response to a search result for searched information, the terminal device sends an information search request to a server.

[0183] S302: The server searches the search information and obtains content search results that match the search information.

[0184] S303. When the server obtains at least two resource cards matching the search information, it selects a first resource card from the at least two resource cards as a primary resource card, obtains first display content matching the first resource card, and determines a primary color tone for the first display content.

[0185] S304: The server obtains first published content that matches the first resource card from the published content in the content search results, and reorders the published content in the content search results based on the first published content to prioritize display of the first published content.

[0186] The server may determine the original ranking position of the published content in the content search results (i.e., the original published content), and obtain the first published content from the published content in the content search results (e.g., obtaining all first published content, or obtaining only the first published content in the first 10% of published content, or obtaining a specified number of such first published content, which is not limited herein) for reordering, such as moving the first published content to the front of the published content in the content search results. For specific reordering methods, please refer to the relevant description of the above embodiment.

[0187] Alternatively, when the first published content is displayed in the target content area, the first published content (and / or sorting position) and the published content (and / or sorting position) other than the first published content in the original published content may be returned to the terminal device respectively.

[0188] Alternatively, the original published content and data such as the target content filtering tag for the main resource card may be returned. In response to a triggering operation on the target content filtering tag in the content area of the search results page, the terminal device generates a content filtering request to the server. The server may determine the first published content from the original published content and return it to the terminal device. The terminal device may update the original published content on the search results page to the first published content to implement filtering display for the content area.

[0189] Optionally, each resource card can have a content filtering tag, which can be returned to the terminal device by the server. The terminal device displays the target content filtering tag of the main resource card in the content area, and when the corresponding tag viewing control is triggered, the content filtering tags of other resource cards are expanded and displayed in the content area, so that content filtering can be performed on other resource cards.

[0190] S305: The server returns at least two resource cards, the first display content, the main color tone of the content for the first display content, and the reordered content search results as page data of a search result page to the terminal device.

[0191] The reordered published content (and / or the order position) may be returned to the terminal device to be displayed in the content area.

[0192] S306. The terminal device displays the search results page, displays the first display content in the background layer of the interactive area of the search results page, displays at least two resource cards on the background layer in the form of a main resource card as the first resource card, and adjusts the page color tone of the search results page to the main color tone of the content of the second display content.

[0193] S307: The terminal device displays the reordered search result page in the content area of the search result page, so that when displaying the published content on the search result page, the first published content is displayed first.

[0194] S308: In response to switching the second resource card among the at least two resource cards to the main resource card, the terminal device generates a content acquisition request for the second resource card and sends the content acquisition request to the server.

[0195] S309: The server obtains the second display content associated with the second resource card, and determines a main color tone for the second display content.

[0196] S310: The server obtains second published content that matches the second resource card from the published content in the content search results, and reorders the published content in the content search results based on the second published content to prioritize display of the second published content.

[0197] The server may obtain the original ranking position of the published content in the content search results (i.e., the original published content), and obtain the second published content from the published content in the content search results to reorder the original published content, such as by moving the second published content to the front of the published content in the content search results. For specific reordering methods, please refer to the relevant description of the above embodiment.

[0198] Alternatively, when the second published content is displayed in the target content area, the second published content (and / or sorting position) and the published content (and / or sorting position) other than the second published content in the original published content may be returned to the terminal device respectively.

[0199] S311 : The server returns the second display content, the main color tone of the content for the second display content, and the reordered content search results as page data of a search result page to the terminal device.

[0200] The reordered published content may be returned to the terminal device to be displayed in the content area.

[0201] S312: The terminal device switches the first display content to the second display content in the background layer of the interactive area of the search results page, and adjusts the page color tone of the search results page to the main color tone of the second display content.

[0202] S313: The terminal device updates and displays the reordered content search results in the content area of the search result page, so as to change the priority display of the first published content to the priority display of the second published content in the content area.

[0203] In an embodiment of the present application, multiple resource cards related to the search information can be displayed on the interactive area of the search results page, and the display content in the background layer of the interactive area and the content search results in the content area can be updated along with the multiple resource cards. For example, when the first resource card among multiple resource cards is used as the main resource card, the first display content related to the first resource card can be displayed in the background layer, and the content area can give priority to displaying the content search results related to the first resource card. At this time, the card switching of the main resource card can be performed. For example, when the second resource card is switched to the main resource card, the second display content related to the second resource card can be switched to be displayed in the background layer, and the content area can be switched to give priority to displaying the content search results related to the second resource card, so that users can view the search results related to the resource cards they are interested in. This can enhance the interactivity and experience of users when viewing resource cards, and thus enhance the richness and interactivity of the displayed information in the interactive area on the search results page.

[0204] See Figure 9 , Figure 9 This is a schematic diagram of the structure of a content display device provided in an embodiment of the present application. It should be noted that: Figure 9 The content display device shown is used to execute the present application Figure 3 、 Figure 5 、 Figure 8 For the sake of convenience, only the part related to the embodiment of the present application is shown, and the specific technical details are not disclosed. Figure 3 、 Figure 5 、 Figure 8 The content display device 900 may include: a page display module 901 and a content display module 902.

[0205] Page display module 901 is configured to display a search results page associated with the search information; the search results page includes an interactive area and a content area, the interactive area including a background layer and at least two resource cards displayed on the background layer that match the search information; the at least two resource cards include a first resource card configured as a primary resource card, and the background layer displays first display content that matches the first resource card; the content area is configured to display content search results that match the search information; the resource card is at least one of a product card, an activity card, an account card, and an advertisement card;

[0206] The content display module 902 is configured to switch the first display content of the background layer to the second display content matching the second resource card in response to switching the second resource card of the at least two resource cards to the main resource card.

[0207] Among them, the first display content includes at least one of the following: preset display content, content displayed on the first resource card, content obtained from the first published content associated with the first resource card, and content obtained from the first resource data associated with the first resource card; among them, the first published content belongs to the published content in the content search results.

[0208] The content display module 902 is further configured to:

[0209] When the card type of the first resource card is a product card, the first resource data is a first product related to the search information and / or first product release content of the first product, and in response to a triggering operation on the first resource card, a product details page of the first product and / or a content details page of the first product release content is displayed;

[0210] When the card type of the first resource card is an activity card, the first resource data is a first activity related to the search information, and in response to a trigger operation on the first resource card, an activity details page of the first activity is displayed;

[0211] When the card type of the first resource card is an account card, the first resource data is a first account related to the search information, and in response to a triggering operation on the first resource card, an account details page of the first account is displayed;

[0212] When the card type of the first resource card is an advertisement card, the first resource data is a first advertisement related to the search information, and in response to a triggering operation on the first resource card, an advertisement details page of the first advertisement is displayed.

[0213] Among them, an overlay is displayed between the background layer and the resource card in the interactive area;

[0214] When the content display module 902 is configured to switch the first display content of the background layer to the second display content matching the second resource card in response to switching the second resource card of the at least two resource cards to the main resource card, it is specifically configured to:

[0215] In response to switching the second resource card to the main resource card, when the second resource card is displayed in the first card style on the overlay layer, the first resource card is switched from the first card style to a second card style different from the first card style on the overlay layer;

[0216] In the background layer below the cover layer, the first display content is switched to the second display content.

[0217] The content search results include published content that matches the search information; the first resource card is associated with the first published content in the published content, and the second resource card is associated with the second published content in the published content;

[0218] The content display module 902 is further configured to:

[0219] When the primary resource card is the first resource card, the first published content is displayed or filtered in the content area first;

[0220] When the primary resource card is the second resource card, the priority display or filtered display of the first published content in the content area is changed to the priority display of the second published content.

[0221] Among them, the content area is associated with a target content filtering tag for the main resource card;

[0222] When the primary resource card is the first resource card, the target content filtering tag is the first filtering tag for the first resource card, and the first filtering tag is used to trigger content filtering of the content area to display the first published content;

[0223] When the primary resource card is the second resource card, the target content filtering tag is a second filtering tag for the second resource card, and the second filtering tag is used to trigger content filtering of the content area to display the second published content.

[0224] The content search results include published content that matches the search information, and the content area is used for content cards of published content; the published content includes target published content;

[0225] The content display module 902 is further configured to:

[0226] When displaying the content card of the target published content in the content area, the card elements of the target resource card are displayed on the content card; the target resource card is the resource card associated with the target published content in the resource card;

[0227] In response to a trigger operation on a card element, locate the interactive area on the search results page, configure the target resource card as the main resource card on the background layer of the interactive area, and switch to display the target display content associated with the target resource card in the background layer; or

[0228] In response to a trigger operation on a card element, target resource data associated with the target resource card is displayed.

[0229] The main resource card is associated with a resource-related entry, and the resource-related entry includes at least one of the following: a search entry, an interactive entry;

[0230] The content display module 902 is further configured to:

[0231] When the primary resource card is the first resource card, in response to a trigger operation on the search entry, a search result page for a card search term related to the first resource card is displayed; the card search term is synthesized from the card name of the first resource card and the search information;

[0232] When the primary resource card is the first resource card, in response to a trigger operation on the interactive entrance, executing a resource interaction event related to the first resource card;

[0233] Among them, the resource interaction events related to product cards are product transaction events, the resource interaction events related to activity cards are activity participation events, the resource interaction events related to account cards are account subscription events, and the resource interaction events related to advertising cards are advertising sharing events.

[0234] The content display module 902 is further configured to:

[0235] Get the gyroscope parameters of the terminal device;

[0236] The display position of target information in the interactive area is adjusted based on the gyroscope parameters; the target information includes the display content in the resource card and / or the background area.

[0237] The content display module 902 is further configured to:

[0238] When the search information is associated with a target account, displaying the target account on the background area; and / or,

[0239] When the search information is associated with a resource link, the resource link is displayed on the background area.

[0240] The content display module 902 is specifically configured to switch the first display content of the background layer to the second display content matching the second resource card:

[0241] Generate a content acquisition request for the second resource card, and send the content acquisition request to the server, so that the server acquires the second display content associated with the second resource card and determines the main color tone of the content for the second display content;

[0242] When the second display content and the main color tone of the second display content are received from the server, the first display content is switched to the second display content in the background area, and the page color tone of the search result page is adjusted to the main color tone of the second display content.

[0243] The specific implementation of the page display module and the content display module can be found in the description of the above embodiment and will not be described in detail here. It should be understood that the description of the beneficial effects obtained by adopting the same method will not be described in detail either.

[0244] See Figure 10 , Figure 10 This is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. Figure 10 As shown, the electronic device 1100 includes: at least one processor 1101 and a memory 1102. Optionally, the electronic device may further include a network interface. Data can be exchanged between the processor 1101, the memory 1102 and the network interface. The network interface is controlled by the processor 1101 for sending and receiving messages. The memory 1102 is used to store computer programs. The computer programs include program instructions. The processor 1101 is used to execute the program instructions stored in the memory 1102. The processor 1101 is configured to call the program instructions to execute the above method. The memory 1102 may include a volatile memory, such as a random-access memory (RAM); the memory 1102 may also include a non-volatile memory, such as a flash memory, a solid-state drive (SSD), etc.; the memory 1102 may also include a combination of the above types of memory.

[0245] The processor 1101 may be a central processing unit (CPU). In one embodiment, the processor 1101 may also be a graphics processing unit (GPU). The processor 1101 may also be a combination of a CPU and a GPU. The processor 1101 may be used to call the device control application stored in the memory 1102 to execute the above Figure 3 、 Figure 5 、 Figure 8The description of the content display method in the corresponding embodiment can also be performed Figure 9 The description of the content display device in the corresponding embodiment will not be repeated here. In addition, the description of the beneficial effects of adopting the same method will not be repeated here either.

[0246] In specific implementations, the devices, processors, memories, etc. described in the embodiments of this application can execute the implementation methods described in the above method embodiments, and can also execute the implementation methods described in the embodiments of this application, which will not be repeated here.

[0247] The present application also provides a computer (readable) storage medium, which stores a computer program. The computer program includes program instructions. When the program instructions are executed by a processor, the processor can execute some or all of the steps performed in the above method embodiments. Optionally, the computer storage medium can be volatile or non-volatile. The computer-readable storage medium can mainly include a program storage area and a data storage area, wherein the program storage area can store an operating system, at least one application required for a function, etc.; the data storage area can store data created based on the use of the blockchain node, etc.

[0248] An embodiment of the present application provides a computer program product, which may include a computer program. When the computer program is executed by a processor, it can implement some or all of the steps in the above method, which are not described in detail here.

[0249] In this document, "plurality" refers to two or more. "And / or" describes a relationship between associated objects, indicating that three possible relationships exist. For example, "A and / or B" can mean: A exists alone, A and B exist simultaneously, or B exists alone. The character " / " generally indicates an "or" relationship between the associated objects.

[0250] Those skilled in the art will appreciate that all or part of the processes in the above-described method embodiments can be implemented by instructing related hardware through a computer program. The computer program can be stored in a computer storage medium, which can be a computer-readable storage medium. When the program is executed, it can include the processes in the above-described method embodiments. The storage medium can be a magnetic disk, an optical disk, a read-only memory (ROM), or a random access memory (RAM).

[0251] The above disclosure is only part of the embodiments of the present application, and it is certainly not intended to limit the scope of the rights of the present application. Ordinary technicians in this field can understand that all or part of the processes of the above embodiments and equivalent changes made in accordance with the claims of the present application are still within the scope covered by the present application.

Claims

1. A content display method, characterized in that: The method comprises: A search results page associated with the search information is displayed; the search results page includes an interactive area and a content area, the interactive area includes a background layer, and at least two resource cards matching the search information displayed on the background layer; the at least two resource cards include a first resource card configured as a primary resource card, the background layer displays first display content matching the first resource card; the content area is used to display content search results matching the search information; the resource card is at least one of a product card, an activity card, an account card, and an advertisement card; In response to switching a second resource card among the at least two resource cards to the primary resource card, the first display content of the background layer is switched to second display content matching the second resource card.

2. The method according to claim 1, characterized in that The first display content includes at least one of the following: preset display content, content displayed on the first resource card, content obtained from the first published content associated with the first resource card, and content obtained from the first resource data associated with the first resource card; wherein, the first published content belongs to the published content in the content search results.

3. The method according to claim 2, characterized in that The method further comprises: When the card type of the first resource card is the product card, the first resource data is a first product related to the search information and / or first product release content of the first product, and in response to a triggering operation on the first resource card, a product details page of the first product and / or a content details page of the first product release content is displayed; When the card type of the first resource card is the activity card, the first resource data is a first activity related to the search information, and in response to a triggering operation on the first resource card, an activity details page of the first activity is displayed; When the card type of the first resource card is the account card, the first resource data is a first account related to the search information, and in response to a triggering operation on the first resource card, an account details page of the first account is displayed; When the card type of the first resource card is the advertisement card, the first resource data is a first advertisement related to the search information, and in response to a triggering operation on the first resource card, an advertisement details page of the first advertisement is displayed.

4. The method according to claim 1, wherein An overlay layer is displayed between the background layer and the resource card in the interactive area; In response to switching the second resource card of the at least two resource cards to the primary resource card, switching the first display content of the background layer to the second display content matching the second resource card includes: In response to switching the second resource card to the primary resource card, when displaying the second resource card in the first card style on the overlay layer, switching the display of the first resource card from the first card style to a second card style different from the first card style on the overlay layer; In the background layer below the cover layer, the first display content is switched to the second display content.

5. The method according to claim 1, characterized in that The content search results include published content that matches the search information; the first resource card is associated with the first published content in the published content, and the second resource card is associated with the second published content in the published content; The method further comprises: When the primary resource card is the first resource card, the first published content is preferentially displayed or filtered and displayed in the content area; When the primary resource card is the second resource card, the second published content is switched to be displayed preferentially or filtered in the content area.

6. The method according to claim 5, characterized in that The content area is associated with a target content screening tag for the main resource card; When the primary resource card is the first resource card, the target content filtering tag is a first filtering tag for the first resource card, and the first filtering tag is used to trigger content filtering of the content area to display the first published content; When the primary resource card is the second resource card, the target content filtering tag is a second filtering tag for the second resource card, and the second filtering tag is used to trigger content filtering of the content area to display the second published content.

7. The method according to claim 1, characterized in that The content search results include published content that matches the search information, and the content area is used for content cards of published content; the published content includes target published content; The method further comprises: When displaying the content card of the target published content in the content area, displaying the card element of the target resource card on the content card; the target resource card is the resource card associated with the target published content in the resource card; In response to a triggering operation on the card element, the search result page is positioned at the interactive area, the target resource card is configured as the primary resource card on the background layer of the interactive area, and the target display content associated with the target resource card is switched to be displayed in the background layer; or In response to a triggering operation on the card element, target resource data associated with the target resource card is displayed.

8. The method according to claim 1, characterized in that The main resource card is associated with a resource association entrance, and the resource association entrance includes at least one of the following: a search entrance and an interactive entrance; The method further comprises: When the primary resource card is the first resource card, in response to a trigger operation on the search entry, a search result page for a card search term related to the first resource card is displayed; the card search term is synthesized from the card name of the first resource card and the search information; When the primary resource card is the first resource card, in response to a triggering operation on the interactive entrance, executing a resource interaction event related to the first resource card; Among them, the resource interaction event related to the product card is a product transaction event, the resource interaction event related to the activity card is an activity participation event, the resource interaction event related to the account card is an account subscription event, and the resource interaction event related to the advertisement card is an advertisement sharing event.

9. The method according to claim 1, characterized in that The method further comprises: Get the gyroscope parameters of the terminal device; The display position of target information in the interactive area is adjusted based on the gyroscope parameters; the target information includes the resource card and / or the display content in the background area.

10. The method according to claim 1, characterized in that The method further comprises: When the search information is associated with a target account, displaying the target account on the background area; and / or, When the search information is associated with a resource link, the resource link is displayed on the background area.

11. The method according to claim 1, wherein Switching the first display content of the background layer to the second display content matching the second resource card includes: generating a content acquisition request for the second resource card, and sending the content acquisition request to a server, so that the server acquires the second display content associated with the second resource card and determines a content main color tone for the second display content; Upon receiving the second display content and the main color tone of the second display content returned by the server, the first display content is switched to the second display content in the background area, and the page color tone of the search result page is adjusted to the main color tone of the second display content.

12. A content display device, characterized in that: The device comprises: A page display module, configured to display a search results page associated with the search information; the search results page includes an interactive area and a content area, the interactive area including a background layer and at least two resource cards displayed on the background layer and matching the search information; the at least two resource cards include a first resource card configured as a primary resource card, the background layer displaying first display content matching the first resource card; the content area is configured to display content search results matching the search information; the resource card is at least one of a product card, an activity card, an account card, and an advertisement card; The content display module is configured to, in response to a second resource card of the at least two resource cards being switched to the main resource card, switch the first display content of the background layer to the second display content matching the second resource card.

13. An electronic device, characterized in that: The method comprises a processor and a memory, wherein the memory is used to store a computer program, the computer program includes program instructions, and the processor is configured to call the program instructions to execute the method according to any one of claims 1 to 11.

14. A computer-readable storage medium, characterized in that The computer-readable storage medium stores a computer program, wherein the computer program includes program instructions, and when the program instructions are executed by a processor, the processor is caused to perform the method according to any one of claims 1 to 11.

15. A computer program product, characterized in that The method comprises a computer program, wherein the computer program comprises program instructions, and when the program instructions are executed by a processor, the method according to any one of claims 1 to 11 is implemented.

Images