Information display method and device

Abstract

This application discloses an information display method and apparatus. The main technical solution includes: playing first media content on a playback page for a first user; displaying a first page element on the playback page, the first page element being superimposed on the view containing the first media content and occupying a portion of the view area; the first page element including first promotional information and a second page element; using the second page element to display questions related to the first promotional information; and, in response to an event triggered by the second page element, jumping from the playback page to a conversation page between the first user and the second user, where the second user is the user from whom the first promotional information originated. This application embodiment simplifies user operations and improves user efficiency.

Description

Technical Field

[0001] This application relates to the field of Internet application technology, and in particular to an information display method and apparatus. Background Technology

[0002] With the development of the internet and mobile technology, promoting businesses through playback pages displayed on mobile devices has become a new form of information dissemination. For example, this involves embedding links into page elements on the playback page. However, this method provides limited information; users who want more information need to search for it themselves or actively call or email the numbers or email addresses provided in the promotional information. This method is cumbersome and inefficient for users. Summary of the Invention

[0003] In view of this, this application provides an information display method and apparatus to simplify user operation and improve user efficiency.

[0004] This application provides the following solution:

[0005] Firstly, an information display method is provided, which includes:

[0006] Play the primary media content on the playback page aimed at the primary user;

[0007] The first page element is displayed on the playback page. The first page element is superimposed on the view where the first media content is located and occupies part of the view area. The first page element includes the first promotional information and the second page element. The second page element is used to display questions related to the first promotional information.

[0008] In response to an event triggered by a second page element, the page redirects from the playback page to a conversation page between the first and second users, where the second user is the user from whom the first promotional information originated.

[0009] Optionally, before displaying the first page elements on the playback page, the following may also be included:

[0010] The playback page displays a third page element, which is superimposed on the view containing the first media content and occupies part of the view area. The third page element includes the second promotional information and a fourth page element. The fourth page element is embedded with the first link, which points to a landing page related to the second promotional information.

[0011] Optionally, displaying a third page element on the playback page includes: displaying a third page element on the playback page in response to the playback duration of the first media content reaching a first duration;

[0012] Displaying the first page element on the playback page includes: in response to the playback duration of the first media content reaching the second duration, displaying the third page element on the playback page and then displaying the first page element.

[0013] Optionally, the information display method also includes:

[0014] The issue of using a carousel to switch between elements displayed on the second page.

[0015] Optionally, the information display method also includes:

[0016] In response to the redirection from the playback page to the conversation page between the first and second users, the question is presented as input for the first user on the conversation page.

[0017] Alternatively, the problem is a general problem obtained from the server and related to the first promotional information; or,

[0018] The problem is about personalization, which is related to the first promotional information and targeted at the first user, and is obtained from the server.

[0019] Optionally, the first media content is at least one of the following:

[0020] Preset types of media content;

[0021] Media content published by preset account types;

[0022] Media content related to the primary promotional information.

[0023] Optionally, the first page element is a card component;

[0024] The second page element is a text component set within the card component, which contains navigation information pointing to the session page.

[0025] Secondly, an information display device is provided, the information display device comprising:

[0026] The interface display unit is configured to play the first media content on the playback page facing the first user; display the first page element on the playback page, the first page element is superimposed on the view where the first media content is located and occupies part of the view area, the first page element includes the first promotional information and the second page element, and uses the second page element to display questions related to the first promotional information.

[0027] The event listener unit is configured to listen for events on the playback page;

[0028] The interface display unit is further configured to respond to an event triggered by a second page element, jumping from the playback page to a conversation page between the first user and the second user, where the second user is the user from whom the first promotional information originated.

[0029] Thirdly, a computer-readable storage medium is provided having a computer program stored thereon, which, when executed by a processor, implements the steps of the method described in any one of the first aspects above.

[0030] Fourthly, an electronic device is provided, comprising:

[0031] One or more processors; and

[0032] A memory associated with the one or more processors, the memory being used to store program instructions that, when read and executed by the one or more processors, perform the steps of the method described in any one of the first aspects above.

[0033] Fifthly, a computer program product is provided, comprising a computer program that, when executed by a processor, implements the steps of the method described in any one of the first aspects above.

[0034] According to the specific embodiments provided in this application, the following technical effects are disclosed:

[0035] 1) In this embodiment of the application, when playing the first media content on the playback interface, the second page element included in the first page element is used to display questions related to the first promotional information. When the user is interested in the first promotional information displayed on the first page element, he / she can directly jump from the playback page to the conversation page between the first user and the second user from which the first promotional information comes by triggering the second page element. The user can then consult relevant information through the conversation page. This method eliminates the need for the first user to consult information through search, telephone or email, which is obviously more convenient and efficient.

[0036] 2) In this embodiment of the application, the first link embedded in the fourth page element points to the landing page related to the second promotional information, so that after the first user triggers the fourth page element, he / she is directly redirected to the landing page, so that the first user can further understand the second promotional information on the landing page, thereby improving the promotion efficiency.

[0037] 3) This application embodiment reflects the first user's level of attention to the promotional information by the playback duration, and provides corresponding ways to understand the promotional information under different levels of attention, which can adapt to the different consultation needs of the first user and improve the promotion efficiency.

[0038] 4) This application embodiment uses a carousel method to switch between displaying questions using second page elements, which enriches the display style of questions displayed by the second page elements, increases the fun of interaction, and improves promotion efficiency.

[0039] 5) In this embodiment of the application, when jumping from the playback page to the conversation page between the first user and the second user, the questions displayed on the second page elements are used as the input content for the first user, so that the user does not have to manually input them, which further simplifies the user operation and improves efficiency.

[0040] 6) This application embodiment uses second page elements to display general or personalized questions to the first user, so as to obtain the first user's consultation needs for promotional information based on the questions selected by the first user. This not only helps to improve user experience and participation, but also accurately obtains the first user's consultation needs, thereby improving promotion efficiency.

[0041] 7) In this embodiment of the application, when playing at least one of the preset type of media content, the preset type of media content published by the account, and the media content related to the first promotion information, the promotion information and the questions related to the promotion information are displayed by using the first page element, which helps to promote information in a targeted manner and thus improve the efficiency of promotion.

[0042] 8) In this embodiment of the application, the first page element is a card component, and the second page element is set in the text component of the card component. The text component is embedded with navigation information pointing to the conversation page. Based on the multiple styles of the first page element, the promotional information can be presented in a concise and intuitive way, so that the first user can quickly understand the promotional information.

[0043] Of course, any product implementing this application does not necessarily need to achieve all of the advantages described above at the same time. Attached Figure Description

[0044] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0045] Figure 1 This is a system architecture diagram applicable to the embodiments of this application;

[0046] Figure 2 Flowchart of the information display method provided in the embodiments of this application;

[0047] Figure 3 A schematic diagram illustrating the jump from the playback page to the landing page provided in an embodiment of this application;

[0048] Figure 4 This is a schematic diagram illustrating the jump from the playback page to the conversation page between the first user and the second user, provided in an embodiment of this application.

[0049] Figure 5 A schematic diagram illustrating the display of first page elements and third page elements provided for embodiments of this application;

[0050] Figure 6 A schematic block diagram of an information display device provided in the embodiments of this application;

[0051] Figure 7 A schematic block diagram of an electronic device provided in an embodiment of this application. Detailed Implementation

[0052] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. All other embodiments obtained by those skilled in the art based on the embodiments of this application are within the scope of protection of this application.

[0053] The terminology used in the embodiments of this invention is for the purpose of describing particular embodiments only and is not intended to limit the invention. The singular forms “a,” “the,” and “the” as used in the embodiments of this invention and the appended claims are also intended to include the plural forms unless the context clearly indicates otherwise.

[0054] It should be understood that the term "and / or" used in this article is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, or B existing alone. Additionally, the character " / " in this article generally indicates that the preceding and following related objects have an "or" relationship.

[0055] Depending on the context, the word "if" as used here can be interpreted as "when," "when," "in response to determination," or "in response to detection." Similarly, depending on the context, the phrase "if determination" or "if detection (of the stated condition or event)" can be interpreted as "when determination," "in response to determination," "when detection (of the stated condition or event)," or "in response to detection (of the stated condition or event)."

[0056] Currently, the main business promotion method is through links. However, this method provides limited information, and users who want more information need to seek it through other means (i.e., methods other than links). This method is cumbersome and inefficient for users.

[0057] In view of this, this application provides a new approach. To facilitate understanding of this application, the system architecture on which this application is based will first be described. Figure 1 An exemplary system architecture that can be applied to embodiments of this application is shown, such as Figure 1 As shown, the system architecture may include: user terminal, terminal device and server terminal.

[0058] In this embodiment, the user terminal is set on the terminal device. The user terminal involved in this application can be a client running on the terminal device, a mini-program, or a web application running through a browser.

[0059] Terminal devices can include, but are not limited to, smart mobile terminals, wearable devices, personal computers, and smart home devices. Smart mobile devices can include devices such as mobile phones, tablets, laptops, personal digital assistants, and connected car terminals. Wearable devices can include devices such as smartwatches, smart glasses, smart bracelets, virtual reality devices, augmented reality devices, and mixed reality devices (i.e., devices that support both virtual reality and augmented reality). Smart home devices can include devices such as smart TVs and smart refrigerators with displays.

[0060] The user client can interact with the server through the network, request and obtain media content from the server, and play it.

[0061] The server side can be a platform providing video playback services, a single server, a server cluster consisting of multiple servers, or a cloud server. A cloud server, also known as a cloud computing server or cloud host, is a host product within the cloud computing service system, designed to address the shortcomings of traditional physical hosts and virtual private servers, such as high management difficulty and weak service scalability.

[0062] The server can use streaming to send media content to the user, who can then download and play the media stream simultaneously. Alternatively, a progressive delivery method can be used, sending the media content to the user, who then downloads the entire video file before playback. Other methods can also be employed, such as providing media content via a content delivery network (CDN).

[0063] As one possible approach, the user client can request media content from the server, which then transmits the media content to the user client. The user client then uses the method provided in this application embodiment to play the media content.

[0064] It should be understood that Figure 1The number of client terminals, terminal devices, and servers shown is merely illustrative. Depending on implementation needs, there can be any number of client terminals, terminal devices, and servers.

[0065] Figure 2 This is a flowchart of an information display method provided in an embodiment of this application. The information display method can be... Figure 1 The user-side execution in the system shown is as follows. Figure 2 As shown, the information display method may include the following steps:

[0066] Step 201: Play the first media content on the playback page aimed at the first user.

[0067] Step 203: Display the first page element on the playback page. The first page element is superimposed on the view where the first media content is located and occupies part of the view area. The first page element includes the first promotional information and the second page element. Use the second page element to display questions related to the first promotional information.

[0068] Step 205: In response to the event triggered by the second page element, jump from the playback page to the conversation page between the first user and the second user, where the second user is the user from whom the first promotional information originated.

[0069] As can be seen, in this embodiment of the application, when playing the first media content on the playback interface, the second page element included in the first page element is used to display questions related to the first promotional information. This allows users to directly jump from the playback page to the conversation page between the first user and the second user from whom the first promotional information originates by triggering the second page element when they are interested in the first promotional information displayed on the first page element. This allows them to consult relevant information through the conversation page. This method eliminates the need for the first user to consult information through additional means such as searching, calling, or emailing, making it more convenient and efficient.

[0070] The following describes in detail each step of the above process and the effects that can be further produced, with reference to the embodiments. It should be noted that the terms "first," "second," "third," and "fourth" used in this application do not have limitations on size, order, or quantity, but are only used to distinguish them by name. For example, "first page element," "second page element," "third page element," and "fourth page element" are used to distinguish two types of page elements by name.

[0071] First, the above step 201, namely "playing the first media content on the playback page for the first user", will be described in detail with reference to the embodiments.

[0072] The aforementioned playback page for the first user can be a page displayed on the user's client device, which is used to play the first media content.

[0073] When the first media content played on the playback page can be at least one of the following, the subsequent steps S203 and S205 can be consistent with the method provided in the embodiments of this application: media content of a preset type; media content published by a preset type account; media content related to the first promotional information.

[0074] In this embodiment, when playing at least one of preset type media content, preset type account-published media content, and media content related to the first promotional information, the promotional information and related questions are displayed using first page elements, which helps to promote information in a targeted manner and thus improve promotion efficiency.

[0075] Here, the aforementioned preset media content types can be used to distinguish the first user from other types of media content when watching the first media content. Generally, the preset media content type will be labeled with its type on the playback page, making it convenient for the first user to find the content they need and watch it in a targeted manner. This type can be set based on the type of promotional information, such as media content corresponding to product promotion. The media content published by the aforementioned preset type account can be used to distinguish it from other accounts. Generally, the media content published by the preset type account will be labeled with its type on the playback page, making it convenient for the first user to find the preset type account in a targeted search, such as media content published by an account used for product promotion. The aforementioned media content related to the first promotional information can refer to the dissemination of the promotional information to the first user through media content channels, such as displaying the promotional information and / or links corresponding to the promotional information on the playback page.

[0076] The first media content involved in the embodiments of this application can be video, images from an image gallery, etc. The video is used to play dynamic content. Images from an image gallery can be used to display a series of related content, but do not include audio or dynamic effects; images in an image gallery can be single images or long images composed of multiple images.

[0077] In one example, a video can be categorized based on at least one of the following dimensions: content, duration, and display orientation.

[0078] For example, videos can be categorized into long videos or short videos based on their duration; and into landscape videos or portrait videos based on their display orientation.

[0079] "Playback" refers to the process of transforming primary media content into images, sounds, or a combination of both that humans can directly perceive.

[0080] The following describes in detail step 203, namely, "displaying a first page element on the playback page, the first page element being superimposed on the view where the first media content is located and occupying a portion of the view area, the first page element including first promotional information and a second page element, and using the second page element to display questions related to the first promotional information", with reference to the embodiments.

[0081] In this embodiment of the application, a first page element is displayed in a portion of the playback page. The first page element includes first promotional information and a second page element. Questions related to the first promotional information are displayed through the second page element included in the first page element.

[0082] Here, the first page element is overlaid on the first media content and occupies part of the first media content. The overlaid page element can serve as a visual guide, making the first user pay attention to a certain area, and thus pay more attention to the issues related to the first promotional information displayed by the second page element.

[0083] In this embodiment, a first page element is superimposed on the view of the first media content played on the playback page. The second page element included in the first page element displays questions related to the first promotional information, gradually shifting the first user's attention from the first media content to the questions related to the first promotional information. This improves the readability of the promotional information displayed on the playback page and helps the first user quickly understand the promotional information displayed on the playback page.

[0084] In one example, displaying the first page element on the playback page can include: displaying the first page element on the playback page by setting Cascading Style Sheets styles.

[0085] In another example, the first page element is displayed on the playback page by writing the first page element directly in the Hypertext Markup Language document.

[0086] The following describes in detail, with reference to an embodiment, "using a second page element on a first page element to display a problem related to the first promotional information".

[0087] In this embodiment of the application, multiple questions are pre-set for the first promotional information, and multiple questions are displayed to the first user using the elements of the second page. These questions are usually strongly related to the first promotional information and are usually used to learn more about the content of the first promotional information. They are often questions that users frequently ask or may ask.

[0088] In one example, a carousel is used to switch between displaying elements on the second page.

[0089] Correspondingly, in this example, the carousel can include the following methods:

[0090] The first type is automatic carousel: multiple questions automatically switch at preset time intervals, which can display more information in a limited space.

[0091] The second method is manual carousel: users can manually switch between multiple questions by clicking the left and right arrows or swiping the screen. Users can browse multiple questions according to their own pace and interests, which is more flexible.

[0092] The third approach combines automatic and manual carousel displays to meet the different needs of the first user when browsing multiple questions.

[0093] Before displaying multiple questions in a carousel, you can also set the carousel direction, such as vertical or horizontal. Vertical carousel is typically used on mobile devices to save screen space, while horizontal carousel is more suitable for desktop or landscape devices.

[0094] In this embodiment of the application, a carousel is used to switch and display multiple questions on the second page elements, such as "First question (e.g., what is the after-sales service method)", "Second question (e.g., how long is the delivery time)", "Third question (e.g., what is the logistics method)", etc. Figure 4 On the playback page shown in (a), "Second Question" is displayed on the second page element at this time.

[0095] In this embodiment of the application, when displaying multiple questions using second page elements, the display format of the multiple questions can be changed to increase the fun of interaction and improve promotion efficiency.

[0096] The problems are either general questions obtained from the server and related to the first promotional information, or personalized questions obtained from the server, related to the first promotional information, and targeted at the first user.

[0097] It should be noted that the above-mentioned issues may include: general issues and / or personalized issues.

[0098] Here, the difference between general questions and personalized questions lies in whether targeted questions are set for different first users. For example, personalized questions are set for first users based on the first promotional information; while general questions are set for only the first promotional information without distinguishing users.

[0099] This application embodiment utilizes second page elements to display general or personalized questions to the first user, so as to obtain the first user's consultation needs regarding promotional information based on the questions selected by the first user. This not only helps to improve user experience and participation, but also accurately obtains the first user's consultation needs, thereby improving promotion efficiency.

[0100] The page elements involved in this application's embodiments generally refer to visual elements on the user interface, which may include text, icons, images, videos, components, etc. A component refers to an object obtained by simply encapsulating data and methods; it can also be called a control. These may include buttons, input boxes, drop-down menus, dialog boxes, navigation bars, cards, interactive icons, etc.

[0101] In one example, the first page element is a card component; the second page element is a text component set on the card component, with navigation information pointing to the session page embedded in the text component.

[0102] Here, a card component is a page element used to present promotional information. It is typically presented in a card-like format and includes interactive elements such as titles, text, images, and buttons. Using card components allows for a concise and intuitive presentation of promotional information, enabling first-time users to quickly understand the message.

[0103] The second page element is a text component embedded within a card component. This text component not only displays promotional information but also includes navigation information pointing to the session page. This text component is used to display questions related to the promotional information (e.g., ...). Figure 4 The promotional information shown in (a) ("Second Question") can be descriptive, indicative, or other information that helps the first user understand the promotional information displayed by the card component, such as "XX product promotion", or "online reservation of product", "online consultation of product", etc.

[0104] The text component in this embodiment includes not only static information, but also components pointing to the session page (e.g., Figure 4 The ">" component shown in (a) allows the first user to navigate directly to the session page while receiving promotional information, and then interact with the session page to obtain more promotional information.

[0105] In this embodiment, the first page element is a card component, and the second page element is set on the text component of the card component. The text component is embedded with navigation information pointing to the conversation page. Based on the multiple styles of the first page element, the promotional information can be presented in a concise and intuitive way, so that the first user can quickly understand the promotional information.

[0106] In one example, the information display method also includes the following before displaying the first page element on the playback page:

[0107] The playback page displays a third page element, which is superimposed on the view containing the first media content and occupies part of the view area. The third page element includes the second promotional information and a fourth page element. The fourth page element is embedded with the first link, which points to a landing page related to the second promotional information.

[0108] In one example, displaying a third-page element on the playback page could involve setting Cascading Style Sheets styles to display the third-page element on the playback page.

[0109] In another example, a third-page element is displayed on the playback page by writing the third-page element directly in the Hypertext Markup Language document.

[0110] Here, both the third and fourth page elements mentioned above can take the form of components. For example, the third page element can be a card component, and the fourth page element can be a button component.

[0111] Here, a card component is a page element used to present promotional information. It is typically presented in a card-like format and includes interactive elements such as titles, text, images, and buttons. Using card components allows for a concise and intuitive presentation of promotional information, enabling first-time users to quickly understand the message.

[0112] Button components are used to trigger interactive actions or navigate to other pages (e.g., landing pages). For example, this button component is used to navigate to the landing page when triggered by the first user. The landing page is the page that the first user directly reaches through the first link.

[0113] It should be noted that the first and second promotional information mentioned above can be promotional information from any field, such as promotional information in the product field. The first and second promotional information can be the same or different promotional information.

[0114] Optionally, the first promotional information and the second promotional information can be the same promotional information (e.g., Figure 5 (b) and Figure 5 (See section (c) for the promotion of product XX).

[0115] It should also be noted that for promotional information related to products, the text displayed on each component should be adjusted accordingly to be relevant to the product category, such as "First Question" or "Free Consultation".

[0116] The following example uses product promotion information for illustration.

[0117] exist Figure 3 As shown in the playback page (a), after the first user clicks "Free Consultation," they enter... Figure 3The "landing page" corresponding to "XX product promotion" shown in (c) contains information related to the "product". This information may include information from multiple categories, such as "Category 1 (e.g., order placement method)", "Category 2 (e.g., after-sales service method)", "Category 3 (e.g., online consultation)", "Category 4 (e.g., online appointment)" and so on. All of the above categories in the "landing page" are triggerable components. For example, clicking the ">" in "Category 1" will display the details of "Category 1".

[0118] In this embodiment, the first link embedded in the fourth page element points to a landing page related to the second promotional information, so that after the first user triggers the fourth page element, he / she is directly redirected to the landing page, where the first user can further understand the second promotional information, thereby improving promotion efficiency.

[0119] In one example, the first page element also includes a fourth page element (e.g., Figure 4 (See “Free Consultation” on the playback page shown in (a)).

[0120] In actual use, different styles are used to display the second and fourth page elements on the playback page.

[0121] In one example, you can change the display style of the second and / or fourth page elements by setting Cascading Style Sheet styles, for example, by using different colors to display the second and / or fourth page elements.

[0122] Here, different colors are used to present different levels on the playback page, allowing the first user to quickly access elements on the fourth page (e.g., Figure 3 The "Free Consultation" text shown in (b) enhances the readability of the promotional information displayed on the playback page, helping first-time users quickly understand the information. For example, the fourth page element is displayed in red, and the third page element in light gray.

[0123] In another example, different font styles can be used to distinguish the text in the second and fourth page elements; the different styles can be at least one of the following: color, font size, and font style. For example, the color can be red, black, etc.; the font size can be size 4, size 5, etc.; and the font style can be bold, italic, etc.

[0124] The embodiments of this application can present promotional information in a concise and intuitive way based on the multiple styles of the first page elements, so that the first user can quickly understand the promotional information.

[0125] The following describes in detail "displaying third-page elements on the playback page" with reference to an example.

[0126] In this embodiment of the application, displaying a third page element on the playback page includes: displaying a third page element on the playback page in response to the playback duration of the first media content reaching a first duration;

[0127] Displaying the first page element on the playback page includes: in response to the playback duration of the first media content reaching the second duration, displaying the third page element on the playback page and then displaying the first page element.

[0128] This application embodiment reflects the first user's level of attention to promotional information by the playback duration, and provides corresponding ways to understand the promotional information under different levels of attention, which can adapt to the different consultation needs of the first user and improve the efficiency of promotion.

[0129] In one example, you can adjust how page elements are grouped.

[0130] For example, page elements can be combined in a way that combines the second page element with the fourth page element. For instance, the second page element can be displayed alone on the playback page, and the fourth page element can be displayed alone on the playback page (e.g., Figure 5 The “Free Consultation (corresponding to the fourth page element)” shown in (b) or the second and fourth page elements displayed on the playback page are shown. Figure 5 The second question (corresponding to the second page element) and the free consultation (corresponding to the fourth page element) are shown in (c).

[0131] exist Figure 5 The playback page shown in (a) plays the first media content for 4 seconds, then enters... Figure 5 The playback page shown in (b) displays third-page elements (i.e., "XX Product Promotion" and "Free Consultation"). After playing the first media content for 6 seconds, it then enters... Figure 5 The playback page shown in (c) ends the display of the first page elements (i.e., "Second Question >" and "Free Consultation"). As the playback duration increases, the first user is provided with more ways to learn about promotional information (e.g., Figure 5 The "Second Question" and "Free Consultation" shown in (c) are used to obtain the first user's consultation needs regarding the promotional information, thereby improving the efficiency of promotion.

[0132] It should be noted that the various page elements in this application embodiment can be combined with each other, aiming to provide the first user with multiple ways to learn about promotional information, which will not be elaborated here.

[0133] The page elements involved in this application's embodiments generally refer to visual elements on the user interface, which may include text, icons, images, videos, components, etc. A component refers to an object obtained by simply encapsulating data and methods; it can also be called a control. These may include buttons, input boxes, drop-down menus, dialog boxes, navigation bars, cards, interactive icons, etc.

[0134] The following describes in detail step 205, namely, "in response to the event of the second page element being triggered, the playback page is redirected to the conversation page between the first user and the second user, where the second user is the user from which the first promotional information originated," with reference to the embodiments.

[0135] If an event is triggered on the second page element, the second page element responds to the event by jumping from the playback page to the conversation page between the first user and the second user, where the second user is the user from whom the first promotional information originated.

[0136] In this embodiment, the event triggered by the second page element is used to jump from the playback page to the conversation page between the first user and the second user. This shifts the approach from the first user passively obtaining promotional information from the first media content to actively asking questions, thus more accurately obtaining the first user's inquiry needs regarding the promotional information and improving promotion efficiency.

[0137] Here, the conversation page can be used for the first user and the second user to conduct initial communication on the page based on questions related to the first promotional information, in order to obtain the first user's consultation needs.

[0138] It should be noted that the account corresponding to the second user is used to publish the first media content to the first user.

[0139] In this embodiment, the event triggered by the second page element can be a single-finger gesture, such as a click gesture or a long-press gesture. Using a click gesture as the triggering event is simple and quick, and also conforms to user habits.

[0140] The aforementioned triggered events may also include events triggered by the end of playback of the first media content being played (for example, if the user's client is set to automatic triggering, the end of playback of the first media content will automatically trigger a jump from the playback page to the conversation page between the first user and the second user) or voice commands (such as voice commands like "jump to conversation page"), etc.

[0141] In this embodiment of the application, when an event is triggered by a second page element, the playback page jumps to the conversation page between the first user and the second user, and a conversation connection between the first user and the second user can be established immediately.

[0142] It's important to note that the client can pre-register callback functions or methods for events it wants to listen for. These functions or methods contain the logic code that needs to be executed in response to the event. Once the event is triggered, the client automatically calls the corresponding callback function or method. For example, a callback function can be pre-registered for an event triggered by a second page element, which then triggers the client to navigate from the playback page to the conversation page between the first and second users.

[0143] It should also be noted that after the operating system detects a user's touch event, it performs gesture recognition. If the gesture is identified as a click on a second page element, the event is triggered, and the gesture information is sent to the user's device. Based on the gesture information, the user's device navigates from the playback page to the conversation page between the first and second users. All event responses in this embodiment can be implemented in this way, and will not be detailed further below.

[0144] exist Figure 4 On the playback page shown in (a), after User 1 (corresponding to the first user) clicks ">", the playback page will jump to the conversation page between User 1 and User 2 (corresponding to the second user) to establish a conversation connection between User 1 and User 2.

[0145] In one example, after displaying multiple questions using second-page elements, this information display method can also:

[0146] After navigating from the playback page to the conversation page between the first and second users, the question displayed on the second page element is used as the first user's input on the conversation page.

[0147] exist Figure 4 On the playback page shown in (a), a carousel is used to switch between displaying "Second Question," "Third Question," and "First Question" using the second page element. When the question displayed on the second page element is "Second Question," if User 1 clicks the ">" component or the first media content finishes playing, the user will enter... Figure 4 The playback page shown in (b) displays questions such as "Second Question", "Third Question", and "First Question" on the conversation page, and displays the content that user 2 will reply to "Second Question" on the conversation page.

[0148] It should be noted that, in Figure 4 The conversation page shown in (b) also displays a "Phone Component," which allows User 1 to initiate a phone conversation with User 2 after clicking on it. Additionally, in Figure 4The conversation page shown in (b) also includes "Schedule a Trial" and "Online Phone Consultation"; for example, when user 1 clicks "Schedule a Trial", user 2 can reply with the specific content of "Schedule a Trial" on the conversation page; or, for example, when user 1 clicks "Online Phone Consultation", they can communicate with user 2 by phone.

[0149] In this embodiment of the application, when jumping from the playback page to the conversation page between the first user and the second user, the questions displayed on the second page are used as the input content for the first user, eliminating the need for the user to manually input, thus further simplifying user operations and improving efficiency.

[0150] The foregoing has described specific embodiments of this specification. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims may be performed in a different order than that shown in the embodiments and may still achieve the desired result. Furthermore, the processes depicted in the drawings do not necessarily require the specific or sequential order shown to achieve the desired result. In some embodiments, multitasking and parallel processing are possible or may be advantageous.

[0151] According to another embodiment, an information display device is provided. Figure 6 A schematic block diagram of an information display device according to one embodiment is shown, the information display device being disposed in... Figure 1 The user end in the illustrated architecture. (For example...) Figure 6 As shown, the information display device 600 includes: an interface display unit 601 and an event listening unit 602. The main functions of each component are as follows:

[0152] The interface display unit 601 is configured to play first media content on a playback page for a first user; display first page elements on the playback page, the first page elements are superimposed on the view where the first media content is located and occupy part of the view area, the first page elements include first promotional information and second page elements, and use the second page elements to display questions related to the first promotional information.

[0153] Event listener unit 602 is configured to listen for events on the playback page;

[0154] The interface display unit 601 is further configured to respond to an event triggered by a second page element, and jump from the playback page to a conversation page between the first user and the second user, where the second user is the user from whom the first promotional information originated.

[0155] As one possible implementation method, the interface display unit 601 is also configured to display a third page element on the playback page. The third page element is superimposed on the view where the first media content is located and occupies part of the view area. The third page element includes the second promotional information and a fourth page element. The fourth page element is embedded with a first link, which points to a landing page related to the second promotional information.

[0156] As one possible implementation method, the interface display unit 601 is also configured to: display a third page element on the playback page in response to the first media content reaching a first duration of playback.

[0157] When the playback duration of the first media content reaches the second duration, the third page element is displayed on the playback page, and the first page element is displayed.

[0158] As one possible approach, the interface display unit 601 is also configured to use a carousel to switch between displaying elements on the second page.

[0159] As one possible implementation, the interface display unit 601 is also configured to respond to a jump from the playback page to a conversation page between the first user and the second user, where the question is presented as input for the first user on the conversation page.

[0160] As one possible approach, the problem is a general one related to obtaining the initial promotional information from the server; or...

[0161] The problem is about personalization, which is related to the first promotional information and targeted at the first user, and is obtained from the server.

[0162] As one possible approach, the primary media content can be at least one of the following:

[0163] Preset types of media content;

[0164] Media content published by preset account types;

[0165] Media content related to the primary promotional information.

[0166] As one possible approach, the first page element is a card component;

[0167] The second page element is a text component set within the card component, which contains navigation information pointing to the session page.

[0168] The various embodiments in this specification are described in a progressive manner. Similar or identical parts between embodiments can be referred to mutually. Each embodiment focuses on describing the differences from other embodiments. In particular, for system or device embodiments, since they are basically similar to method embodiments, the description is relatively simple, and relevant parts can be referred to the description of the method embodiments. The system and device embodiments described above are merely illustrative. The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the modules can be selected to achieve the purpose of this embodiment according to actual needs. Those skilled in the art can understand and implement this without creative effort.

[0169] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties. Furthermore, the collection, use and processing of the relevant data must comply with the relevant laws, regulations and standards of the relevant countries and regions, and corresponding operation portals are provided for users to choose to authorize or refuse.

[0170] In addition, embodiments of this application also provide a computer-readable storage medium storing a computer program thereon, which, when executed by a processor, implements the steps of the method described in any of the foregoing method embodiments.

[0171] And an electronic device, comprising:

[0172] One or more processors; and

[0173] A memory associated with the one or more processors, the memory being used to store program instructions that, when read and executed by the one or more processors, perform the steps of the method described in any of the foregoing method embodiments.

[0174] This application also provides a computer program product, including a computer program that, when executed by a processor, implements the steps of the method described in any of the foregoing method embodiments.

[0175] in, Figure 7An exemplary architecture of an electronic device is shown, which may include a processor 710, a video display adapter 711, a disk drive 712, an input / output interface 713, a network interface 714, and a memory 720. The processor 710, video display adapter 711, disk drive 712, input / output interface 713, network interface 714, and memory 720 can communicate with each other via a communication bus 730.

[0176] The processor 710 can be implemented using a general-purpose central processing unit, microprocessor, application-specific integrated circuit, or one or more integrated circuits, and is used to execute relevant programs to achieve the technical solution provided in this application.

[0177] The memory 720 can be implemented as a read-only memory, random access memory, static storage device, dynamic storage device, etc. The memory 720 can store an operating system 721 for controlling the operation of the electronic device 700, and a basic input / output system 722 for controlling the low-level operations of the electronic device 700. Additionally, it can store a web browser 723, a data storage management system 724, and an information display device 600, etc. The aforementioned information display device 600 can be the application program that specifically implements the aforementioned steps in this embodiment. In summary, when implementing the technical solution provided in this application through software or firmware, the relevant program code is stored in the memory 720 and executed by the processor 710.

[0178] Input / output interface 713 is used to connect input / output modules to realize information input and output. Input / output modules can be configured as components in the device (not shown in the figure) or externally connected to the device to provide corresponding functions. Input devices may include keyboards, mice, touch screens, microphones, various sensors, etc., and output devices may include displays, speakers, vibrators, indicator lights, etc.

[0179] Network interface 714 is used to connect a communication module (not shown in the figure) to enable communication between this device and other devices. The communication module can communicate via wired means (such as Universal Serial Bus, Ethernet cable, etc.) or wireless means (such as mobile network, WIFI, Bluetooth, etc.).

[0180] Bus 730 includes a pathway for transmitting information between various components of the device, such as processor 710, video display adapter 711, disk drive 712, input / output interface 713, network interface 714, and memory 720.

[0181] It should be noted that although the above-described device only shows the processor 710, video display adapter 711, disk drive 712, input / output interface 713, network interface 714, memory 720, bus 730, etc., in specific implementations, the device may also include other components necessary for normal operation. Furthermore, those skilled in the art will understand that the above-described device may only include the components necessary for implementing the solution of this application, and does not necessarily include all the components shown in the figures.

[0182] As can be seen from the above description of the embodiments, those skilled in the art can clearly understand that this application can be implemented by means of software plus necessary general-purpose hardware platforms. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, can be embodied in the form of a computer program product. This computer program product can be stored in a storage medium, such as a read-only memory / random access memory, a magnetic disk, an optical disk, etc., and includes several instructions to cause a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the methods described in various embodiments or some parts of the embodiments of this application.

[0183] The technical solutions provided in this application have been described in detail above. Specific examples have been used to illustrate the principles and implementation methods of this application. The descriptions of the above embodiments are only for the purpose of helping to understand the methods and core ideas of this application. Furthermore, those skilled in the art will recognize that, based on the ideas of this application, there will be changes in the specific implementation methods and application scope. Therefore, the content of this specification should not be construed as a limitation of this application.

Claims

1. An information display method, characterized in that, The method includes: Play the primary media content on the playback page aimed at the primary user; A first page element is displayed on the playback page. The first page element is superimposed on the view where the first media content is located and occupies a part of the view. The first page element includes first promotional information and a second page element. The second page element is used to display questions related to the first promotional information. In response to an event triggered by the second page element, the page redirects from the playback page to a session page between the first user and the second user, where the second user is the user from whom the first promotional information originated.

2. The method according to claim 1, characterized in that, Before displaying the first page element on the playback page, it also includes: In response to the first media content reaching a first duration, a third page element is displayed on the playback page. The third page element is superimposed on the view where the first media content is located and occupies a part of the view. The third page element includes second promotional information and a fourth page element. The fourth page element is embedded with a first link, and the first link points to a landing page related to the second promotional information. In response to the playback duration of the first media content reaching the second duration, the display of the third page element on the playback page ends and the step of displaying the first page element on the playback page is performed.

3. The method according to claim 1, characterized in that, The method further includes: The issue is addressed by using a carousel to switch between displaying elements from the second page.

4. The method according to claim 1, characterized in that, The method further includes: In response to a jump from the playback page to a conversation page between the first user and the second user, the question is presented as input for the first user on the conversation page.

5. The method according to any one of claims 1 to 4, characterized in that, The problem is a general problem obtained from the server and related to the first promotional information; or... The question is a personalized question obtained from the server, related to the first promotional information, and specific to the first user.

6. The method according to any one of claims 1 to 4, characterized in that, The first media content is at least one of the following: Preset types of media content; Media content published by preset account types; Media content related to the first promotional information.

7. The method according to any one of claims 1 to 4, characterized in that, The first page element is a card component; The second page element is a text component set in the card component, and the text component is embedded with navigation information pointing to the session page.

8. An information display device, characterized in that, The device includes: The interface display unit is configured to play first media content on a playback page for a first user; display a first page element on the playback page, the first page element being superimposed on the view where the first media content is located and occupying a portion of the view, the first page element including first promotional information and a second page element, and using the second page element to display questions related to the first promotional information. An event listening unit is configured to listen for events on the playback page; The interface display unit is further configured to, in response to an event triggered by the second page element, jump from the playback page to a conversation page between the first user and the second user, where the second user is the user from whom the first promotional information originated.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the program is executed by the processor, it implements the steps of the method according to any one of claims 1 to 7.

10. An electronic device, characterized in that, include: One or more processors; as well as A memory associated with the one or more processors, the memory being used to store program instructions that, when read and executed by the one or more processors, perform the steps of the method according to any one of claims 1 to 7.

11. A computer program product, comprising a computer program, characterized in that, When executed by a processor, the computer program implements the steps of the method according to any one of claims 1 to 7.

Images