Information card interaction method and device, electronic equipment, computer readable storage medium and computer program product

Abstract

The embodiment of the invention provides an information card interaction method and device, electronic equipment, a computer readable storage medium and a computer program product, which are at least applied to the field of advertisement promotion and the field of information recommendation, and the method comprises the following steps: displaying a plurality of arranged information cards on an information display interface; a first information card in the plurality of information cards is obviously displayed at a main pushing position of the information display interface; in response to a card switching operation for the plurality of information cards, switching a second information card in the plurality of information cards to a main push position for significant display, and displaying interaction content corresponding to the second information card; and in response to an interaction operation for the interaction content, displaying an interaction page corresponding to the interaction content. According to the method and the device, a deep and efficient interaction mode can be expanded in an advertisement promotion process in a resource intensive mode, and the advertisement promotion quality is improved.

Description

Technical Field

[0001] This application relates to the Internet field, and includes, but is not limited to, an information card interaction method, apparatus, electronic device, computer-readable storage medium, and computer program product. Background Technology

[0002] With the convergence of social media and business models, advertising innovation is placing greater emphasis on user experience and engagement.

[0003] However, in implementing this application, the applicant discovered that the advertising display modes provided by related technologies are typically two-dimensional and lack innovation and interactive elements, resulting in low user engagement. Consequently, users are forced to seek other methods or use other software to further interact with the advertisements. Clearly, this represents a significant waste of advertising resources (including the computing and communication resources of the backend server).

[0004] In summary, there are currently no effective technological solutions for how to expand in-depth and efficient interactive methods in the advertising promotion process in a resource-intensive manner, thereby improving the quality of advertising promotion. Summary of the Invention

[0005] This application provides an information card interaction method, device, electronic device, computer-readable storage medium, and computer program product, which can be applied to at least the fields of advertising and information recommendation. It can expand in-depth and efficient interaction methods in the advertising process in a resource-intensive manner, thereby improving the quality of advertising.

[0006] The technical solution of this application embodiment is implemented as follows:

[0007] This application provides an information card interaction method, comprising: displaying a plurality of arranged information cards on an information display interface; wherein a first information card among the plurality of information cards is prominently displayed in the main push position of the information display interface; in response to a card switching operation for the plurality of information cards, switching a second information card among the plurality of information cards to the main push position for prominent display, and displaying interactive content corresponding to the second information card; and in response to an interaction operation for the interactive content, displaying an interactive page corresponding to the interactive content.

[0008] This application provides an information card interaction method, the method comprising: displaying a plurality of information cards and interactive controls arranged on an information display interface; wherein a first information card among the plurality of information cards is prominently displayed in the main push position of the information display interface; in response to a card switching operation for the plurality of information cards, switching a second information card among the plurality of information cards to the main push position for prominent display, and displaying interactive content corresponding to the second information card; in response to a first interactive operation for the interactive controls, displaying interactive material containing a first interactive object, the first interactive object being related to the second information card; and in response to a second interactive operation for the interactive content, displaying an interactive page corresponding to the interactive content.

[0009] This application provides an information card interaction device, comprising: a first display module for displaying a plurality of arranged information cards on an information display interface; wherein a first information card among the plurality of information cards is prominently displayed in the main push position of the information display interface; an information card switching module for switching a second information card among the plurality of information cards to the main push position for prominent display in response to a card switching operation for the plurality of information cards, and displaying interactive content corresponding to the second information card; and a second display module for displaying an interactive page corresponding to the interactive content in response to an interactive operation for the interactive content.

[0010] In the above scheme, the information card includes images or videos with a specific style; the images and videos are selected from a preset database based on the object characteristics of the target object; the first display module is also used to: display text information corresponding to the images or videos at target positions around the main push position in the information display interface.

[0011] In the above scheme, the first display module is further configured to: prominently display the first information card at the main push position of the information display interface; and sequentially display portions of other information cards, excluding the first information card, in a three-dimensional spatial arrangement around the main push position in the information display interface; wherein the three-dimensional spatial arrangement includes an arrangement having a target shape in a virtual three-dimensional space.

[0012] In the above scheme, the information card switching module is further configured to: in response to the card switching operation, switch the second information card, which is adjacent to the first information card in the virtual three-dimensional space in the opposite direction to the switching direction corresponding to the card switching operation, to the main push position for prominent display; and switch the first information card to the first secondary push position for display; the first secondary push position is the information push position adjacent to the main push position in the switching direction.

[0013] In the above scheme, the information card switching module is further configured to: in response to the card switching operation, switch the second information card, which is adjacent to the first information card in the virtual three-dimensional space in the opposite direction to the switching direction corresponding to the card switching operation, to the main push position for prominent display; and move the first information card out of the information display interface.

[0014] In the above scheme, the information card switching module is further used to: use preset element transition effects to move the first information card as a transition element from the main push position out of the information display interface; the element transition effects include: translation transition, rotation transition, bouncing transition and scaling transition.

[0015] In the above scheme, the information card switching module is further configured to: in response to the card switching operation, determine the switching range of the card switching operation and the number of cards switched corresponding to the switching range; designate the information card in the virtual three-dimensional space, in the opposite direction to the switching direction corresponding to the card switching operation, that is adjacent to the main push position and has the number of cards switched as the second information card, and prominently display the second information card in the main push position; switch the first information card to the second secondary push position for display; or, move the first information card out of the information display interface; the second secondary push position is the information push position in the switching direction that is adjacent to the main push position and has the number of cards switched.

[0016] In the above scheme, the first display module is further used to: display interactive content corresponding to the first information card when multiple information cards arranged in a three-dimensional spatial arrangement are displayed on the information display interface.

[0017] In the above scheme, the device further includes: a third display module, used to respond to a card switching operation for the plurality of information cards, and to display a page jump prompt when the last information card among the plurality of information cards is switched to the main push position for prominent display; the page jump prompt includes a jump identifier; and to display a jump page corresponding to the jump identifier in response to a click operation on the jump identifier.

[0018] In the above scheme, the third display module is further configured to: in response to the card switching operation for the plurality of information cards, display dynamic effects when the last information card among the plurality of information cards is switched to the main push position for prominent display; and jump from the information display interface to a specific information push page.

[0019] In the above scheme, the first display module is further configured to: while displaying multiple information cards arranged on the information display interface, display an interactive button corresponding to a target object in the first information card at a preset position on the information display interface outside the card display position of the multiple information cards; the interactive button has a first display state; in response to the triggering operation of the interactive button, display an interactive response result corresponding to the target object; the interactive response result includes at least one of the following: a second display state after changing the first display state, a dynamic special effect image corresponding to the target object, and dynamic text corresponding to the target object.

[0020] In the above scheme, the second display module is further configured to: in response to an interactive operation on the interactive content, display an interactive page corresponding to the interactive content on the information display interface; the interactive page includes an information publishing button corresponding to the interactive content; correspondingly, the device further includes: a publishing module, configured to, in response to a selection operation on the information publishing button, publish publishing information corresponding to the interactive content in a target publishing space.

[0021] In the above scheme, the second display module is further configured to: in response to an interactive operation on the interactive content, display an interactive page corresponding to the interactive content, and display an interactive response object on the interactive page.

[0022] In the above scheme, when displaying the plurality of information cards, interactive controls are also displayed on the information display interface; the first display module is further configured to: in response to a first interactive operation on the interactive controls, display interactive material containing a first interactive object, wherein the first interactive object is related to the second information card.

[0023] This application provides an information card interactive device, comprising: a fourth display module for displaying a plurality of arranged information cards and interactive controls on an information display interface; wherein a first information card among the plurality of information cards is prominently displayed in the main push position of the information display interface; a switching module for switching a second information card among the plurality of information cards to the main push position for prominent display in response to a card switching operation for the plurality of information cards, and displaying interactive content corresponding to the second information card; a fifth display module for displaying interactive material containing a first interactive object, the first interactive object being related to the second information card, in response to a first interactive operation for the interactive controls; and a sixth display module for displaying an interactive page corresponding to the interactive content in response to a second interactive operation for the interactive content.

[0024] This application provides an electronic device, including: a memory for storing executable instructions; and a processor for executing the executable instructions stored in the memory to implement the above-described information card interaction method.

[0025] This application provides a computer program product, which includes executable instructions stored in a computer-readable storage medium. When the processor of an electronic device reads and executes the executable instructions from the computer-readable storage medium, it implements the aforementioned information card interaction method.

[0026] This application provides a computer-readable storage medium storing executable instructions, which, when executed by a processor, implement the aforementioned information card interaction method.

[0027] The embodiments of this application have the following beneficial effects:

[0028] When pushing interactive content, after presenting multiple arranged information cards, the interactive page for that content is displayed based on the user's card switching and interaction actions. This approach improves both the visual appeal of the multiple information cards and user engagement with the novel presentation. Furthermore, displaying the interactive page after user card switching and interaction further enhances user participation and allows for direct interaction without requiring additional methods or software. This resource-efficient approach expands the depth and efficiency of interactive content promotion, ultimately improving the quality of the promotion. Attached Figure Description

[0029] Figure 1This is an optional architecture diagram of the information card interaction system provided in the embodiments of this application;

[0030] Figure 2 This is a schematic diagram of the structure of the electronic device provided in the embodiments of this application;

[0031] Figure 3 This is an optional flowchart illustrating the information card interaction method provided in the embodiments of this application;

[0032] Figure 4 This is a schematic diagram illustrating the simultaneous display of multiple information cards and text information provided in an embodiment of this application;

[0033] Figure 5 This is a schematic diagram illustrating the implementation process of displaying multiple information cards arranged in a three-dimensional spatial manner on an information display interface, as provided in an embodiment of this application.

[0034] Figure 6A This is a schematic diagram of the arc-shaped arrangement provided in the embodiments of this application;

[0035] Figure 6B This is a schematic diagram of the elliptical arrangement provided in the embodiments of this application;

[0036] Figure 6C This is a schematic diagram of the square arrangement provided in the embodiments of this application;

[0037] Figure 7A This is a schematic diagram illustrating one implementation process of the card switching operation provided in an embodiment of this application;

[0038] Figure 7B This is a schematic diagram illustrating another implementation process of the card switching operation provided in this application embodiment;

[0039] Figure 8 This is another optional flowchart illustrating the information card interaction method provided in the embodiments of this application;

[0040] Figure 9A This is an example of an interface diagram showing the interactive response result of the second display state after the first display state has been changed, provided in an embodiment of this application.

[0041] Figure 9B This is an interactive response result interface diagram of the display of dynamic special effects diagrams corresponding to the target object provided in the embodiments of this application;

[0042] Figure 9C This is an example of an interactive response result interface diagram showing dynamic text corresponding to the target object, provided in an embodiment of this application.

[0043] Figure 9D This is a diagram of the interface for displaying interactive controls provided in an embodiment of this application;

[0044] Figure 10 This is an interface diagram for publishing information provided in an embodiment of this application;

[0045] Figure 11 This is a schematic diagram of the product form according to an embodiment of this application;

[0046] Figure 12 This is a schematic diagram of the setting state chain provided in the embodiments of this application;

[0047] Figure 13 This is a schematic diagram of the update information card sequence provided in an embodiment of this application;

[0048] Figure 14 This is a schematic diagram of the interaction flow of the information card interaction method provided in the embodiments of this application. Detailed Implementation

[0049] To make the objectives, technical solutions, and advantages of this application clearer, the application will be further described in detail below with reference to the accompanying drawings. The described embodiments should not be regarded as limitations on this application. All other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0050] In the following description, references to "some embodiments" refer to a subset of all possible embodiments. However, it is understood that "some embodiments" may be the same or different subsets of all possible embodiments and may be combined with each other without conflict. Unless otherwise defined, all technical and scientific terms used in the embodiments of this application have the same meaning as commonly understood by one of ordinary skill in the art to which the embodiments of this application pertain. The terminology used in the embodiments of this application is for the purpose of describing the embodiments of this application only and is not intended to limit the application.

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

[0052] With the convergence of social media and business models, advertising innovation is increasingly focused on user experience and engagement. Current advertising formats generally lack innovation and interactive elements, resulting in low user engagement. Specifically, in related technologies, typical ad display modes are mostly flat and two-dimensional, lacking depth and failing to provide users with an immersive viewing experience, leading to low user participation. Furthermore, the ad formats within the information display interfaces of instant messaging applications are relatively simple, lacking innovation and interactive elements, and most users tend to ignore or skip these ads. Simultaneously, the characteristics of social platforms are not effectively utilized for advertising innovation, and interactive elements are not introduced to improve user engagement and positive feelings.

[0053] Based on at least one of the aforementioned problems with methods in related technologies, embodiments of this application provide an interactive information card system. When pushing interactive content (e.g., advertisements), firstly, multiple information cards arranged in a three-dimensional spatial arrangement are displayed on an information display interface; wherein, the first information card among the multiple information cards is prominently displayed in the main push position of the information display interface; then, in response to a card switching operation for the multiple information cards, the second information card among the multiple information cards is switched to the main push position for prominent display, and the interactive content corresponding to the second information card is displayed; finally, in response to an interactive operation for the interactive content, the interactive page corresponding to the interactive content is displayed. Thus, on the one hand, arranging and displaying the information cards used for pushing interactive content in a three-dimensional spatial arrangement not only improves the display effect of the multiple information cards but also increases user engagement with this novel display effect; on the other hand, displaying the interactive page of the interactive content after the user performs card switching and interactive operations not only promotes user engagement but also allows users to further interact with the interactive content without seeking other methods or using other software. This achieves a resource-efficient approach to expanding in-depth and efficient interactive methods during the promotion of interactive content, thereby improving the quality of interactive content promotion.

[0054] Here, we first describe an exemplary application of the information card interaction device according to the embodiments of this application. This information card interaction device is an electronic device used to implement the information card interaction method. In one implementation, the information card interaction device (i.e., electronic device) provided in the embodiments of this application can be implemented as a terminal or as a server. In one implementation, the information card interaction device provided in the embodiments of this application can be implemented as any terminal with image display function, such as a laptop, tablet, desktop computer, mobile phone, portable music player, personal digital assistant, dedicated messaging device, portable gaming device, intelligent robot, smart home appliance, and smart vehicle device. In another implementation, the information card interaction device provided in the embodiments of this application can also be implemented as a server, wherein the server can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks (CDN), and big data and artificial intelligence platforms. The terminal and the server can be directly or indirectly connected through wired or wireless communication, which is not limited in the embodiments of this application. The following will describe an exemplary application of the information card interactive device when implemented as a terminal.

[0055] See Figure 1 , Figure 1 This is an optional architecture diagram of the information card interaction system provided in the embodiments of this application. The information card interaction system 10 in the embodiments of this application includes at least a terminal 100, a network 200 and a server 300. An instant messaging application is installed on the terminal 100. The instant messaging application can provide an information display interface, through which information cards can be displayed, thereby pushing interactive content.

[0056] The following description uses the installation of an instant messaging application on a terminal as an example. In this embodiment, server 300 can be a server for the instant messaging application or an information push application used to push interactive content. Terminal 100 can constitute the information card interaction device of this embodiment, that is, the information card interaction method of this embodiment is implemented through terminal 100. Terminal 100 is connected to server 300 through network 200, which can be a wide area network or a local area network, or a combination of both.

[0057] See Figure 1When pushing interactive content (e.g., advertisements), multiple information cards can be displayed on the information display interface of terminal 100. The first information card among these cards is prominently displayed in the main push position on the information display interface. Terminal 100 receives a user's card switching operation for the multiple information cards. In response to the card switching operation, terminal 100 switches the second information card among the multiple information cards to the main push position for prominent display and retrieves the interactive content corresponding to the second information card from server 300 via network 200. Then, terminal 100 displays the interactive content corresponding to the second information card. Afterward, terminal 100 receives user interaction operations for the interactive content and, in response to the interaction operations, displays the interactive page corresponding to the interactive content.

[0058] The information card interaction method provided in this application embodiment can also be implemented based on a cloud platform and through cloud technology. For example, the server 300 mentioned above can be a cloud server. The interactive content corresponding to the second information card is sent to the terminal 100 through the cloud server.

[0059] In some embodiments, a cloud storage device may also be included, which can store the interactive content corresponding to each information card in the cloud storage device. In this way, when the second information card is switched to the main push position for prominent display, the interactive content corresponding to the second information card can be quickly retrieved from the cloud storage device.

[0060] It's important to clarify that cloud technology refers to a hosting technology that unifies hardware, software, and network resources within a wide area network (WAN) or local area network (LAN) to achieve data computation, storage, processing, and sharing. Cloud technology is a collective term for network technologies, information technologies, integration technologies, management platform technologies, and application technologies applied in the cloud computing business model. It can form resource pools, providing flexible and convenient on-demand access. Cloud computing technology will become a crucial support. Backend services of technical network systems require substantial computing and storage resources, such as video websites, image websites, and many portal websites. With the rapid development and application of the internet industry, every item may have its own identification mark in the future, requiring transmission to backend systems for logical processing. Data at different levels will be processed separately, and various industry data will require robust system support, which can be achieved through cloud computing.

[0061] Figure 2 This is a schematic diagram of the structure of the electronic device provided in the embodiments of this application. Figure 2The illustrated electronic device may be an information card interaction device, which includes at least one processor 310, a memory 350, at least one network interface 320, and a user interface 330. The various components in the information card interaction device are coupled together via a bus system 340. It is understood that the bus system 340 is used to implement communication between these components. In addition to a data bus, the bus system 340 also includes a power bus, a control bus, and a status signal bus. However, for clarity, in… Figure 2 The general labeled all buses as Bus System 340.

[0062] The processor 310 can be an integrated circuit chip with signal processing capabilities, such as a general-purpose processor, a digital signal processor (DSP), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. The general-purpose processor can be a microprocessor or any conventional processor.

[0063] User interface 330 includes one or more output devices 331 that enable the presentation of media content, and one or more input devices 332.

[0064] Memory 350 may be removable, non-removable, or a combination thereof. Exemplary hardware devices include solid-state memory, hard disk drives, optical disk drives, etc. Memory 350 may optionally include one or more storage devices physically located remote from processor 310. Memory 350 may include volatile memory or non-volatile memory, or both. Non-volatile memory may be read-only memory (ROM), and volatile memory may be random access memory (RAM). The memory 350 described in this application embodiment is intended to include any suitable type of memory. In some embodiments, memory 350 is capable of storing data to support various operations, examples of which include programs, modules, and data structures, or subsets or supersets thereof, as illustrated below.

[0065] Operating system 351 includes system programs for handling various basic system services and performing hardware-related tasks, such as framework layer, core library layer, driver layer, etc., for implementing various basic business functions and handling hardware-based tasks; network communication module 352 is used to reach other computing devices via one or more (wired or wireless) network interfaces 320, exemplary network interfaces 320 include: Bluetooth, WiFi, and Universal Serial Bus (USB), etc.; input processing module 353 is used to detect and translate one or more user inputs or interactions from one or more input devices 332.

[0066] In some embodiments, the apparatus provided in this application may be implemented in software. Figure 2 An information card interaction device 354 stored in memory 350 is shown. This information card interaction device 354 can be an information card interaction device in an electronic device, and can be software in the form of programs and plug-ins, including the following software modules: a first display module 3541, an information card switching module 3542, and a second display module 3543. These modules are logically connected and can therefore be arbitrarily combined or further separated according to the functions they implement. The functions of each module will be described below.

[0067] In some embodiments, the apparatus provided in this application can be implemented in hardware. For example, the apparatus provided in this application can be a processor in the form of a hardware decoding processor, which is programmed to execute the information card interaction method provided in this application. For example, the processor in the form of a hardware decoding processor can be one or more application-specific integrated circuits (ASICs), DSPs, programmable logic devices (PLDs), complex programmable logic devices (CPLDs), field-programmable gate arrays (FPGAs), or other electronic components.

[0068] The information card interaction methods provided in the embodiments of this application can be executed by an electronic device, which can be a server or a terminal. That is, the information card interaction methods in the embodiments of this application can be executed by a server, by a terminal, or by interaction between a server and a terminal.

[0069] Figure 3This is an optional flowchart illustrating the information card interaction method provided in this application embodiment. The following will be combined with... Figure 3 The steps shown are explained as follows: Figure 3 As shown, taking the terminal as the execution subject of the information card interaction method as an example, the method includes the following steps S101 to S103:

[0070] Step S101: Display multiple information cards arranged in an array on the information display interface.

[0071] An information display interface can be any interface used in an application to display any information. It is a user interface used to display data, information, or content. An information display interface can be a graphical interface, a text-based interface, or a combination of both. It can also be an interface for a specific function within an application.

[0072] Applications that provide information display interfaces can include, for example, instant messaging applications (applications that allow users to send and receive messages, pictures, videos, etc. in real time), social media applications (applications for users to share information, interact, and socialize), entertainment applications (applications that provide various entertainment content and functions, such as video players, game applications, music players, etc.), productivity applications (applications that help users improve work efficiency and manage tasks, such as calendar applications, note-taking applications, project management tools, etc.), education applications (applications for learning and education purposes, such as online course platforms, language learning applications, learning tools, etc.), health and fitness applications (applications that help users manage health and fitness goals, such as fitness applications, diet tracking applications, etc.), financial applications (applications for managing personal finances, making payments and investments, such as banking applications, payment applications, etc.), travel and mapping applications (applications that provide travel information, navigation, and map functions, such as navigation applications, hotel booking applications, travel guide applications, etc.), and shopping applications (applications for online shopping and e-commerce, such as e-commerce platform applications, coupon applications, second-hand trading applications, etc.). This application uses an instant messaging application as an example for illustration.

[0073] When a user uses the information promotion function of an instant messaging application to display the information display interface of a social interaction platform (such as Moments), a recommended information stream can be displayed on this information display interface. The recommended information stream includes multiple recommended messages, which can be messages posted by other users who are friends with the user, messages posted by other users who are not friends with the user, or messages posted by an advertising server. In this embodiment, the multiple information cards are formed by advertising information posted by the advertising server. By displaying these information cards, the advertising information posted by the advertising server is promoted.

[0074] In this embodiment, the advertising information published by the advertising server is processed into multiple information cards, each corresponding to an interactive content. This interactive content can be advertising information or other information. Among the multiple information cards, any one information card can have interactive content related to an advertisement, any multiple information cards can have interactive content related to an advertisement, or the last information card in the set can have interactive content related to an advertisement.

[0075] Multiple information cards can be arranged and displayed in a three-dimensional spatial arrangement on the information display interface, with the first information card prominently displayed in the main push position of the information display interface. The three-dimensional spatial arrangement includes arrangements with target shapes within a virtual three-dimensional space. Target shapes include regular and irregular shapes. When the target shape is regular, for example, the three-dimensional spatial arrangement can include an arc-shaped arrangement, a circular arrangement, an elliptical arrangement, and a square arrangement. When the target shape is irregular, the multiple information cards can be displayed in a scattered arrangement in the virtual three-dimensional space. This application embodiment is described using a regular target shape.

[0076] In this embodiment, the first information card among multiple information cards is prominently displayed in the main push position of the information display interface. This can mean that the first information card is fully displayed in the main push position of the information display interface, or that the first information card is displayed using a display method different from other information push positions. For example, it can be displayed using a display color, display brightness, display ratio, etc., that are different from other information push positions. In other words, prominent display here means either fully displaying the first information card, or displaying it using a display method different from other information cards.

[0077] In this embodiment, the card display area for displaying multiple information cards can be a portion of the information display interface or the entire information display interface. The number of recommended information streams displayed on each screen can be set. When the number of displays is 1, the card display area for displaying multiple information cards is the entire information display interface; when the number of displays is N (where N is an integer greater than 1), the card display area for displaying multiple information cards is a portion of the information display interface.

[0078] It should be noted that the virtual 3D space is a visual 3D space formed by the card display area showcasing multiple information cards. Virtual 3D space refers to a virtual environment presented through 3D technology, in which users can experience a three-dimensional spatial feel. This virtual 3D space can be displayed through a terminal, which can be a general-purpose terminal with a display screen, or a 3D monitor, virtual reality headset, or other 3D display device. In other words, the terminal can have 3D display capabilities to present a realistic virtual 3D space. The terminal can also be a general-purpose 2D display screen; however, because multiple information cards are arranged in a 3D spatial arrangement, a 3D display effect can be achieved even on a general-purpose 2D display screen. In this embodiment, by arranging multiple information cards in a 3D spatial arrangement, users can see the positions and shapes of the multiple information cards as if they were presented in a 3D space, achieving the effect of presenting a virtual 3D space. By presenting this virtual 3D space, users can experience the virtual world more immersively, improving the user experience.

[0079] In some embodiments, the information card includes images or videos with a specific style. This specific style can be a pre-set style. In instant messaging applications or advertising servers, a style library can be provided, pre-configured with different display styles. The advertising server can select a specific style from the style library based on the advertiser's choice of display style. After selecting a specific style, and filtering out images and videos, the images and videos can be filled into a blank information card according to that specific style, thereby generating an information card with that specific style. In this embodiment, generating an information card with a specific style can be implemented by the instant messaging application server or by the advertising server. When the advertising server generates an information card with a specific style, it can directly send the generated information card to the instant messaging application server. When the instant messaging application server generates an information card with a specific style, the advertising server can send the style identifier and information such as images and videos to the instant messaging application server, which then generates the information card according to that specific style.

[0080] Images and videos are selected from a pre-defined database based on the object characteristics of the target object; in other words, images and videos are matched with the object characteristics of the target object. When the target object is a user of an instant messaging application, basic user information can be obtained from the instant messaging application's server. Then, based on this basic information, the user's object characteristics are extracted, and the user is analyzed to determine the images and videos that the user is interested in. It is important to note that the acquisition of the user's basic information must be done with the user's knowledge and consent.

[0081] In this embodiment of the application, in addition to displaying multiple information cards arranged in a three-dimensional spatial manner on the information display interface, text information corresponding to images or videos can also be displayed at target positions around the main push position on the information display interface.

[0082] like Figure 4 The diagram shown is a schematic representation of an embodiment of this application that simultaneously displays multiple information cards and text information. Figure 4 The information display interface 40 shown displays multiple information cards 41 arranged in a three-dimensional spatial arrangement. The area displaying the first information card 411 is the main push position. The first information card 411 displays an image 411a and text information 411b.

[0083] In some embodiments, see Figure 5 , Figure 5 The step S101, which involves displaying multiple information cards arranged in a three-dimensional spatial configuration on the information display interface, can be achieved through the following steps S1011 to S1012:

[0084] Step S1011: The first information card is prominently displayed in the main push position of the information display interface.

[0085] Here, the first information card can be fully displayed in the main push notification location.

[0086] Step S1012: In the information display interface, around the main push position, partial areas of other information cards, excluding the first information card, are arranged and displayed in a three-dimensional spatial arrangement.

[0087] In this embodiment of the application, the three-dimensional spatial arrangement includes an arrangement having a target shape within a virtual three-dimensional space. For example, the three-dimensional spatial arrangement may include an arc-shaped arrangement, a circular arrangement, an elliptical arrangement, and a square arrangement. Figure 6A to Figure 6C The image shown is an interface diagram of displaying multiple information cards in different three-dimensional spatial arrangements provided in the embodiments of this application.

[0088] in, Figure 6A This is a schematic diagram of the arc-shaped arrangement provided in the embodiments of this application, such as... Figure 6A As shown, multiple information cards can be arranged into an information card sequence based on preset conditions. Then, on the information display interface 60, the multiple information cards are displayed sequentially in a virtual three-dimensional space according to the order of the information card sequence. The first information card 600 is the first information card in the information card sequence. The line connecting the upper right corners of the multiple information cards is an arc 601. In the main push position, the first information card is fully displayed, while the remaining information cards only show partial areas.

[0089] Visually, the first information card in the sequence is closest to the user, with each subsequent card progressively farther away, and the spatial distance between any two adjacent cards is the same. This spatial distance refers to the absolute value of the difference in distance between any two adjacent information cards and the screen within the virtual 3D space. The main push position is the information push position closest to the user.

[0090] Figure 6B This is a schematic diagram of the elliptical arrangement provided in the embodiments of this application, as shown below. Figure 6B As shown, multiple information cards can be arranged into an information card sequence based on preset conditions. Then, on the information display interface 61, the multiple information cards are displayed sequentially in a virtual three-dimensional space according to the order of the information card sequence. The first information card 610 is the first information card in the information card sequence. The line connecting the vertices of the multiple information cards (i.e., the midpoint of the upper edge of the information card) forms an elliptical line 611. At the main push position, the first information card is fully displayed, while the remaining information cards only show a portion of their areas.

[0091] Figure 6C This is a schematic diagram of the square arrangement provided in the embodiments of this application, such as... Figure 6C As shown, multiple information cards can be arranged into an information card sequence based on preset conditions. Then, on the information display interface 62, the multiple information cards are displayed sequentially in a virtual three-dimensional space according to the order of the information card sequence. The first information card 620 is the first information card in the information card sequence. The lines connecting the vertices of the multiple information cards (i.e., the midpoints of the upper edges of the information cards) form square lines 621. At the main push position, the first information card is fully displayed, while the remaining information cards only show partial areas.

[0092] In step S102, in response to the card switching operation for multiple information cards, the second information card among the multiple information cards is switched to the main push position for prominent display, and the interactive content corresponding to the second information card is displayed.

[0093] Card switching refers to the operation used on the information display interface to switch between different information cards. This operation is used to prominently display different information cards in the main push area. Card switching can be any interactive operation on the terminal screen, such as clicking, double-clicking, long-pressing, or swiping. It can also be based on gravity sensing, or other methods, such as voice control.

[0094] For example, when a user swipes across multiple information cards on the current screen to switch cards, the second information card can be prominently displayed in the main push position, along with corresponding interactive content. Alternatively, when a user shakes the device to switch cards using gravity sensing, the second information card can be prominently displayed in the main push position, along with corresponding interactive content. Or, when a user switches cards via voice control, the second information card can also be prominently displayed in the main push position, along with corresponding interactive content.

[0095] In one implementation, when switching a second information card from multiple information cards to the main push position for prominent display, this can be achieved as follows: In response to a card switching operation, in the virtual three-dimensional space, the second information card adjacent to the first information card in the opposite direction to the switching direction corresponding to the card switching operation is switched to the main push position for prominent display; and the first information card is switched to a first secondary push position for display; the first secondary push position is an information push position adjacent to the main push position in the switching direction. For example... Figure 7A The diagram shown is a schematic representation of an implementation flow of the card switching operation provided in an embodiment of this application. Figure 7A Therefore Figure 6B The elliptical arrangement shown is used as an example for illustration. Figure 7A As shown in the left figure, the user's card switching operation is a swipe operation on the screen, and the swipe direction 701 is the switching direction corresponding to the card switching operation. Following this switching direction, the second information card adjacent to the first information card in the opposite direction is information card 702. Therefore, as... Figure 7A As shown in the right figure, information card 702 is switched to the main push position for display, and the first information card 703 is switched to the first secondary push position for display.

[0096] In another implementation, when switching the second information card from multiple information cards to the main push position for prominent display, it can also be achieved as follows: In response to the card switching operation, in the virtual three-dimensional space, the second information card adjacent to the first information card in the opposite direction to the switching direction corresponding to the card switching operation is switched to the main push position for prominent display; and the first information card is moved out of the information display interface. For example... Figure 7B The diagram shown is a schematic representation of another implementation process for the card switching operation provided in this application embodiment. Figure 7B Therefore Figure 6A The example shown is an arc-shaped arrangement. Figure 7BAs shown in the left figure, the user's card switching operation is a swipe operation on the screen, and the swipe direction 711 is the switching direction corresponding to the card switching operation. Following this switching direction, the second information card adjacent to the first information card in the opposite direction is information card 712. Therefore, as... Figure 7B As shown in the right figure, information card 712 is switched to the main push position for display, and the first information card 713 is moved out of the information display interface.

[0097] Here, removing the first information card from the information display interface can be achieved by using a preset element transition effect, where the first information card is used as a transition element to move out of the information display interface from the main push position; the element transition effect includes: translation transition, rotation transition, bouncing transition and scaling transition.

[0098] In another implementation, when switching the second information card from multiple information cards to the main push position for prominent display, it can also be achieved in the following way: In response to the card switching operation, determine the switching range of the card switching operation and the number of cards switched corresponding to the switching range; then, in the virtual three-dimensional space, in the opposite direction to the switching direction corresponding to the card switching operation, the information card at the information push position adjacent to the main push position for the number of cards switched is taken as the second information card, and the second information card is prominently displayed at the main push position; finally, switch the first information card to the second secondary push position for display; or, remove the first information card from the information display interface; the second secondary push position is the information push position adjacent to the main push position for the number of cards switched in the switching direction.

[0099] In this embodiment, when the second information card is switched to the main push position for prominent display, interactive content corresponding to the second information card will also be displayed. The interactive content includes any content such as interactive images, interactive text, interactive videos, and interactive voice. The interactive content may also include interactive elements, which are interactive elements (e.g., operable controls). When the user performs an interactive operation on the interactive element, different interactive response results can be displayed.

[0100] Step S103: In response to the interactive operation on the interactive content, display the interactive page corresponding to the interactive content.

[0101] Each information card's interactive content corresponds to at least one interactive page. This means that the interactive content can include at least one interactive element, and different interactive elements can correspond to the same or different interactive pages. When a user performs an interactive action on any of the interactive elements within the interactive content, they are redirected to the interactive page corresponding to that element.

[0102] In some embodiments, after a user performs an interactive operation on the interactive content, the displayed interactive page may be a page with some updated information or updated components added to the current information display page. Here, updated information refers to new information not currently present on the information display page, and updated components are new components not currently present on the information display page. Alternatively, in other embodiments, after a user performs an interactive operation on the interactive content, the displayed interactive page may be a page where some existing information or components have been removed from the current information display page.

[0103] The information card interaction method provided in this application, when pushing interactive content, presents multiple information cards arranged in a three-dimensional spatial manner, and then displays the interactive page of the interactive content based on the user's card switching and interaction operations. Thus, on the one hand, arranging and displaying the information cards for pushing interactive content in a three-dimensional spatial manner not only improves the display effect of multiple information cards but also increases user engagement with this novel display effect; on the other hand, displaying the interactive page of the interactive content after the user performs card switching and interaction operations not only promotes user engagement but also allows users to further interact with the interactive content without seeking other methods or using other software. This achieves a resource-efficient approach to expanding in-depth and efficient interaction methods during the promotion of interactive content, thereby improving the quality of interactive content promotion.

[0104] Figure 8 This is another optional flowchart illustrating the information card interaction method provided in the embodiments of this application. The following will be combined with... Figure 8 The steps shown are explained as follows: Figure 8 As shown, the method will continue to be explained using the terminal as the executing entity of the information card interaction method. The method includes the following steps S201 to S208:

[0105] Step S201: Display multiple information cards arranged in an information display interface, and display interactive content corresponding to the first information card.

[0106] In this embodiment, when a user uses the information promotion function of an instant messaging application to display the information display interface of a social interaction platform, while multiple information cards arranged in a three-dimensional spatial manner are displayed on the information display interface, interactive content corresponding to a first information card is also displayed. The interactive content of the first information card is displayed on the first information card itself, or it can be displayed anywhere around the first information card. This interactive content is associated with the first information card. Each of the multiple information cards can have interactive content, and different information cards correspond to different interactive content.

[0107] In some embodiments, while displaying multiple information cards arranged in a three-dimensional spatial pattern on the information display interface, an interactive button corresponding to a target object in the first information card can also be displayed at a preset position outside the card display positions of the multiple information cards on the information display interface; the interactive button has a first display state. When a user triggers the interactive button, the terminal can respond to the triggering operation by displaying an interactive response result corresponding to the target object. Here, the triggering operation can be any interactive operation such as clicking, double-clicking, long-pressing, or swiping. The interactive response result includes at least one of the following: a second display state after changing the first display state, a dynamic special effect image corresponding to the target object, or dynamic text corresponding to the target object. Figure 9A to Figure 9C The image shown is an interface diagram illustrating different interactive response results provided in an embodiment of this application.

[0108] in, Figure 9A This is a diagram of the interactive response result interface showing the second display state after the first display state has been changed, provided in an embodiment of this application. Figure 9A In the left image, the interactive button 901 is displayed in its first state, "Tap her". When the user clicks the interactive button 901, the interactive button 901 changes from the first state to... Figure 9A The second display state in the right image is "Tap Her". Thus, when the user sees the interaction button 901 displaying the first state "Tap Her", the user can confirm that they can click the interaction button 901 to interact with the target object in the first information card; when the user sees the interaction button 901 displaying the second state "Tap Her", the user can confirm that a trigger operation has been performed on the interaction button 901. Furthermore, by changing the display state of the interaction button 901, a more dynamic and observable interactive effect is provided, making the interaction between the user and the target object in the first information card more dynamic, thereby improving the user's interactive experience. Since this interactive experience is a novel interaction method not found in related technologies, it can further promote the user's interactive enthusiasm and increase the probability of interaction between the user and the first information card.

[0109] Figure 9B This is an interactive response result interface diagram showing the dynamic effect diagram corresponding to the target object, provided in the embodiments of this application. When the user clicks... Figure 9A When the interactive button 901 in the left image changes from the first display state "Tap her" to the second display state "Tapped her", it can also generate an interactive response result with a dynamic special effect image. For example... Figure 9BAs shown, the dynamic effect image 911 can contain the headshot image of the target object, and the dynamic effect image 911 can also move or jump dynamically on the information display interface, for example, according to... Figure 9B The double-headed arrow swings left and right to represent a head-shaking gesture towards the user, effectively greeting them and responding to their actions. Of course, in some embodiments, the interactive button may not be... Figure 9A The left image shows a display style with the first display state "Tap Her," but it can also have other display styles. Any interactive button capable of triggering an action can be displayed in a preset position outside the card display positions of multiple information cards. Furthermore, after the user triggers the interactive button, only the interactive response result of the dynamic effect image can be displayed, without displaying the interactive response result of the second display state after changing the first display state; alternatively, only the interactive response result of the second display state after changing the first display state can be displayed. This application does not limit this aspect.

[0110] Figure 9C This is an interactive response result interface diagram showing the dynamic text corresponding to the target object provided in the embodiments of this application. When the user clicks... Figure 9A When the interactive button 901 in the left image is activated, in addition to changing from the first display state "Tap her" to the second display state "Tapped her", and generating a dynamic effect image, the interactive button 901 can also display the interactive response result of dynamic text corresponding to the target object. For example... Figure 9CAs shown, the dynamic text 921 can be any text, containing any content such as words, emoticons, and symbols. The dynamic text 921 can appear on the information display interface using any special effects display method. For example, special effects display methods can include: transition effects, filter effects, animation effects, lighting effects, blur effects, deformation effects, etc. Transition effects are used to smoothly switch or transition between changes in the dynamic text 921, such as fade-in / fade-out, erasing, zooming, etc. Filter effects, by applying different filter effects, can change the color, contrast, saturation, etc. of the dynamic text 921, thus producing different visual effects. Animation effects can make images move, rotate, scale, etc. on the screen, increasing visual appeal and dynamism. Lighting effects, by adding shadows, lighting, etc., can make the dynamic text 921 look more three-dimensional and realistic. Blur effects can be used to highlight certain elements in the dynamic text 921 or to create a soft visual effect. Deformation effects, through distortion, stretching, twisting, etc., can change the shape and structure of the dynamic text 921, producing interesting effects. In the embodiments of this application, these special effects display methods can be applied individually or in combination to create rich and colorful visual effects, enhance user experience and attractiveness, and thus enhance visual effects.

[0111] It should be noted that after a user performs a trigger operation on the interactive button, only the interactive response result of the dynamic text corresponding to the target object may be displayed, without displaying the interactive response result of the second display state after the change of the first display state, or the interactive response result of the dynamic effect image. This application embodiment does not limit this aspect.

[0112] In some embodiments, when multiple information cards are displayed, interactive controls are also displayed on the information display interface.

[0113] Here, interactive controls can be various interactive elements in the information display interface, used to interact with instant messaging applications. For example, interactive controls can include buttons, checkboxes, text boxes, drop-down menus, etc., allowing users to input data, select options, trigger actions, etc.

[0114] In some embodiments, a user can perform a first interactive operation on the interactive control. Upon receiving the user's first interactive operation on the interactive space, the terminal can respond to the first interactive operation by displaying interactive material containing a first interactive object. The first interactive object is associated with a second information card. The first interactive operation can be any interactive operation performed on the interactive space, such as clicking, double-clicking, or long-pressing. It can also be an operation implemented based on gravity sensing when displaying the interactive control, or it can be other methods, such as voice control (speaking the content displayed on the interactive control).

[0115] The first interactive object here is related to the second information card. This can mean that the first interactive object is a displayed object included in the second information card. For example, if the displayed object in the second information card is athlete A, then the first interactive object can be athlete A. Alternatively, the first interactive object can be the object referred to by the text in the second information card. For example, if the text in the second information card describes athlete A's achievements, then the first interactive object can be athlete A. Finally, the first interactive object can be an object that has a relationship with the displayed object in the second information card. For example, if the displayed object in the second information card is team B and team B's achievements, then the first interactive object can be an athlete C from team B.

[0116] In this embodiment of the application, the interactive material can be the material corresponding to the first interactive object in the second information card. For example, it can be the avatar and text of the first interactive object, or other dynamic effects.

[0117] In this embodiment of the application, the interactive control can be displayed in any shape, such as Figure 9D The diagram shown is an interface diagram of the interactive control provided in this application embodiment. The interactive control 941 is displayed in a heart shape. The interactive control can be dynamically displayed on the information display interface, for example, it can be displayed in a shaking, jumping, or screen area movement manner. The interactive control can be displayed at any position on the information display interface. For example, it can be displayed in the information display area where multiple information cards are located, or it can be displayed outside the display area. When the interactive control is displayed in the information display area where multiple information cards are located, it can be displayed overlapping on a certain information card, or it can not overlap with any information card.

[0118] In step S202, in response to the card switching operation for multiple information cards, the second information card among the multiple information cards is switched to the main push position for prominent display, and the interactive content corresponding to the second information card is displayed.

[0119] It should be noted that step S202 is implemented in the same way as step S102 above. For an understanding of step S202, please refer to the explanation of step S102 above. This application embodiment will not repeat the explanation.

[0120] Step S203: When the last information card among multiple information cards is switched to the main push position for prominent display, a page jump prompt message is displayed.

[0121] In this embodiment of the application, each card switching operation will switch the next information card adjacent to the information card displayed in the main push position to be displayed in the main push position. Alternatively, each card switching operation may also switch other information cards that are separated from the information card displayed in the main push position by at least one information card to be displayed in the main push position.

[0122] By performing multiple card switching operations, the last information card among multiple information cards can be moved to the main push position for prominent display. When the last information card among multiple information cards is moved to the main push position for prominent display, a page jump prompt message can be displayed simultaneously with the display of the last information card in the card display area on the information display interface or in any location outside the card display area. The page jump prompt message includes a jump indicator.

[0123] In this embodiment, the page redirection prompt information is used to inform the user that they are about to be redirected to a new page, or to inform the user that they can redirect to a new page by performing an operation on the redirection identifier. The redirection page can be a page in an instant messaging application, or a page in other applications (such as the application containing the advertisement to be promoted). The redirection identifier can be a link to the new page.

[0124] When displaying page navigation prompts, the prompts can be highlighted using methods including, but not limited to, at least one of the following: color highlighting (using contrasting colors to emphasize the navigation prompt; for example, using vibrant colors in a black, white, or gray color scheme to highlight the navigation icon); size highlighting (changing the size of text or graphics to make them more eye-catching; for example, using a larger font to highlight the navigation icon); bolding; underlining; background highlighting (adding a background to the navigation icon, such as using different colors or patterns to distinguish it from surrounding content); and floating elements (placing the page navigation prompt above or below the last information card to make the page navigation prompt more prominent). The following are some common highlighting techniques used in web navigation: (1) Visually distinguishing the navigation message from the last information card content; (2) Animation effects (using animation to make the navigation message move, such as making text or graphics blink, move, or rotate); (3) Perspective effects (using perspective in a virtual 3D space to emphasize the navigation message); (4) Lighting and shadow effects (adding shadows, highlights, or reflections to enhance the three-dimensionality of the navigation message); (5) Outline highlighting (using borders or outlines to highlight the graphics or text in the navigation message); (6) Grouping (grouping related elements in the navigation message and using different visual styles to distinguish different groups); (7) Labels and annotations (using labels or annotations to explain or emphasize specific parts of the navigation message). It should be noted that these highlighting methods can be used individually or in combination to achieve the best visual communication effect. When designing, the appropriate highlighting method should be selected based on the card display area and display method, user preferences, and the message to be conveyed.

[0125] Step S204: In response to a click operation on the jump icon, display the jump page corresponding to the jump icon.

[0126] In this embodiment, the redirect page can be the landing page of the advertisement, that is, the redirect page can be a page in the application where the advertisement to be promoted is located. For example, when the advertisement is for a certain clothing item in an app, the redirect identifier can be the advertisement link for that clothing item in the app. When the user clicks on the advertisement link, they are redirected to the introduction and purchase page of the clothing item. The user can browse the relevant information of the clothing item on the introduction and purchase page and then make a purchase or abandon the purchase.

[0127] Step S205: When the last information card among multiple information cards is switched to the main push position for prominent display, a dynamic effect is displayed.

[0128] In some embodiments, multiple card switching operations can be performed to prominently display the last information card in the main push notification position. When the last information card is prominently displayed in the main push notification position, a dynamic effect can be displayed simultaneously with the display of the last information card in the card display area of ​​the information display interface or at any location outside the card display area. This dynamic effect can be an effect corresponding to the content displayed in the last information card, or it can be an effect unrelated to the content displayed in the last information card. For example, it could be an effect to reward the user for performing multiple card switching operations and viewing all the content in the information cards.

[0129] Dynamic effects can be randomly selected from a dynamic effects library, or they can be selected based on the user's characteristics and preferences. Even if multiple information cards are displayed identically, the dynamic effects can differ for different users. Alternatively, for the same user, the dynamic effects can also differ when displaying the same multiple information cards at different times.

[0130] In this embodiment, when the last information card among multiple information cards is switched to the main push position for prominent display, dynamic special effects are displayed, which can give users a different visual experience, increase user interest, and ensure that users are in a relatively positive mood. Therefore, when further advertising is displayed to users, users will not feel annoyed or disturbed by the advertisement, thereby increasing users' enthusiasm for browsing the advertising page and improving the success rate of advertising promotion.

[0131] Step S206: Jump from the information display interface to a specific information push page.

[0132] In this embodiment of the application, after the dynamic effects are displayed, the user can jump from the information display interface to a specific information push page.

[0133] Step S207: In response to the interactive operation on the interactive content, the interactive page corresponding to the interactive content is displayed on the information display interface.

[0134] Here, the interactive page includes an information publishing button corresponding to the interactive content. The interactive content includes information that can be published; that is, the interactive content contains published information. When a user selects the information publishing button to publish information, the published information from the interactive content can be published to the target publishing space.

[0135] Step S208: In response to the selection operation of the information publishing button, publish the publishing information corresponding to the interactive content in the target publishing space.

[0136] In this embodiment of the application, the terminal can receive a user's selection operation for the information publishing button, and then respond to the selection operation by publishing the publishing information corresponding to the interactive content in the target publishing space.

[0137] Here, the target publishing space can be a default space set by the user in advance, or the user can perform a selection operation on the target publishing space when making a selection operation, or multiple publishing spaces can be selected for the user to choose from on the interactive page.

[0138] like Figure 10 The diagram shown is an interface diagram for publishing information provided in this application embodiment. Multiple information cards can also be displayed on the information display interface to show interactive content. When a user clicks the interactive button 1001 in the interactive content, the terminal responds to the user's interactive operation by switching the current page 100a to the interactive page 100b corresponding to the interactive content. The interactive page 100b displays the published information 1002 corresponding to the interactive content and an information publishing button 1003. After the user clicks the information publishing button 1003, the published information 1002 can be published to the target publishing space selected by the user. For example, the target publishing space can be the information publishing space corresponding to the user's account, such as the user's Moments or Dynamic Space.

[0139] In some embodiments, in response to an interactive operation on the interactive content, an interactive page corresponding to the interactive content may be displayed, and an interactive response object may be displayed on the interactive page. Here, the interactive response object can be an object in the interactive result; for example, in a teammate lottery interaction, the interactive response object is the lottery result; for a red envelope interaction, the interactive response object is the red envelope.

[0140] In this embodiment of the application, every action of the user during the advertising and interaction process can be rewarded, whether it is drawing prizes or red envelopes, or receiving a reply from the interactive object (i.e., the virtual object or virtual character that interacts with the user in the information card). These will enhance the user's sense of satisfaction and enthusiasm for participation.

[0141] The following will describe an exemplary application of the embodiments of this application in a real-world application scenario.

[0142] This application provides an information card interaction method that promotes advertising (i.e., interactive content) by displaying information cards. The technical problems to be solved by this application include at least one of the following: displaying advertisements in three-dimensional space, using a specific style to present a more vivid and three-dimensional visual effect, providing users with an immersive viewing experience and increasing user engagement; innovating the display method of advertisements on social interaction platforms, introducing rich interactive elements, such as lotteries, likes, and red envelope draws, significantly improving user interaction and participation; innovating the like function of social interaction, making users' likes no longer a simple action, but generating real-time feedback, enhancing users' sense of participation and satisfaction; using advanced front-end technologies, such as WebGL and Three.js, as well as CSS3's 3D transformation and transition properties, to achieve three-dimensional spatial animation effects for information cards with a specific style, enriching the visual expressiveness of advertisements. In other words, the technical problem to be solved by this application is how to effectively overcome the shortcomings of existing advertising technologies, so that advertisements on social interaction platforms can be significantly improved in terms of visual effects, user experience, and participation.

[0143] Based on the above problems, this application provides an information card interaction method. This method can be a new type of social interaction platform advertising model in instant messaging applications. The social interaction platform has an information display interface. This advertising model adopts a specific style (such as Polaroid style) and increases user participation and interactive experience through three-dimensional spatial display and interactive animation.

[0144] The interaction scheme of this application embodiment is described below: In terms of advertising display, the advertisement is presented as multiple information cards with specific styles, arranged in a three-dimensional space (i.e., arranged in a three-dimensional spatial arrangement) to obtain an information card sequence. For example, the display content is themed "Championship Sports," flashing moments of victory, or a series of photos and text related to champions. In terms of user interaction, users can view each information card in the information card sequence by swiping on the screen. Each swipe moves the second information card dynamically to the current position of the first information card. Once it reaches the main push position, it's like a relay race, with each information card carrying corresponding interactive content, including lucky draws, status settings, and drawing red envelopes. When the user swipes to the last information card, an ambient animation will play on the information display interface and a landing page will open. The "like" button on the social interaction platform can also be innovatively designed as "tap him / her." After the user clicks, the virtual champion character in the information card will feel the encouragement and respond emotionally to the user with a shaking avatar effect.

[0145] This section continues to explain the specific parameter implementation of the information card interaction method.

[0146] Regarding the parameter implementation for sliding multiple information cards, when the first information card slides to the left out of the information display interface, the next information card can rotate at approximately a specific angle (e.g., 60 degrees) along the Y-axis (vertical axis) and simultaneously move forward along the Z-axis (depth axis) into the user's view. At the same time, the first information card disappears from the viewpoint by symmetrically changing along the X-axis (horizontal axis) and Y-axis.

[0147] Regarding the parameter implementation for arranging multiple information cards into an information card sequence, all information cards can be arranged and displayed in chronological order in three-dimensional space, forming an arc. Each information card rotates along the Y-axis at a different angle (approximately 20-30 degrees), forming a semi-circular display.

[0148] In terms of technical implementation, the embodiments of this application can use the Three.js JavaScript library to create and display 3D content. This JavaScript library provides an Application Programming Interface (API) for creating scenes, cameras, lighting, and rendering objects, making it suitable for creating and displaying 3D content in the information card interaction method of this application embodiment, such as creating and displaying multiple information cards arranged in a three-dimensional spatial arrangement. Additionally, CSS3's 3D transformations and transition properties can be used to create visual effects of card sliding and subsequent 3D card movement. CSS3's 3D transformations can create element displacement, rotation, and scaling, while transition properties are used for smooth transitions between information cards. Furthermore, the Tween.js library can be used to create animation and transition effects. This Tween.js library provides a simple API to achieve complex animation effects, making it very suitable for the avatar shaking and emotional response effects required in this project.

[0149] Figure 11 This is a schematic diagram of the product form according to an embodiment of this application, such as... Figure 11As shown, taking the "Champion Sports" theme as an example, the user experience can be summarized as follows: First, upon opening the social interaction platform, users encounter advertising information cards displayed on the information display interface 1101. These information cards are arranged in a three-dimensional spatial arrangement. While browsing the social interaction platform, users see a series of Polaroid-style information card advertisements themed around "Champion Sports." The 3D animation effects used in the advertisements make the Polaroid photos stand out clearly in three-dimensional space. Then, users can swipe to browse the advertisements, viewing these Polaroid photos in turn by swiping left and right. During this process, the second photo (i.e., the second information card) moves in three dimensions to the position of the first photo, presenting a relay-like visual effect. Next, interactive activities are displayed. Each Polaroid photo includes interactive elements; for example, users can click on the photo to draw prizes or red envelopes, increasing user engagement. Furthermore, users can generate unique social statuses and share them on their own social interaction platforms. The landing page here may contain more in-depth content or promotions, or specific purchase or reservation operations. Meanwhile, the process of liking posts on WeChat Moments has also been innovated, with the "like" button replaced by "tap him / her" (or similar). Figure 11 As shown in interface 1102, after a user likes a post, the virtual champion's avatar will shake and reply to the user, enhancing interactivity and fun. Simultaneously, the "Tap Him" ​​like button will change to "Tap Him," as shown in the image. Figure 11 As shown in interface 1103, during the advertising and interaction process, users receive feedback for every action they take, such as the feedback message "Thank you for your encouragement, friend" in interface 1102. Whether it's drawing prizes, red envelopes, or receiving a reply from the champion, these actions enhance user satisfaction and enthusiasm for participation. Of course, users can continue swiping to view more information cards, such as... Figure 11 As shown in interface 1104. Furthermore, it can also implement interactive advertising and innovative "like" experiences. When the user swipes to the last information card, the information card will play ambient animation effects and redirect to the landing page, such as... Figure 11 The interface 1105 is shown in the figure. These steps form the user experience path of this application embodiment, making the browsing and interaction process of the advertisement more interesting and engaging, greatly improving user participation and activity effectiveness.

[0150] In some embodiments, an information publishing function can also be provided when displaying multiple information cards, such as... Figure 12 The diagram showing the setting status chain illustrates that the information display interface shows multiple information cards arranged in a three-dimensional spatial manner, such as... Figure 12As shown in interface 1201. When a user wants to set the content of the information card to their own status space (i.e., the target publishing space) and publish it in their own status space, they can click "Set to Status" on the information card, which will take them to interface 1202, displaying their own status space and the publishing information corresponding to the information card; then, the user can click the "Post the Same Status" button, which will take them to interface 1203, where they can publish the publishing information corresponding to the information card in their own status space, that is, publish the publishing information corresponding to the interactive content in the target publishing space.

[0151] Figure 13 This is a schematic diagram of the update information card sequence provided in the embodiments of this application, such as... Figure 13 As shown in the top row, there are five information cards: information card 1301, information card 1302, information card 1303, information card 1304, and information card 1305. When advertising to user A and displaying these information cards, the information card sequence is arranged in the order of these five information cards, displayed on the information display interface in a three-dimensional spatial arrangement. When the same advertising is performed on user B, since user B may be interested in more information, a new information card 1306, which user B may be interested in, is inserted into the information card sequence consisting of these five information cards, thus forming... Figure 13 The information card sequence shown in the bottom row is displayed on user B's information display interface.

[0152] Figure 14 This is a schematic diagram of the interaction flow of the information card interaction method provided in the embodiments of this application, such as... Figure 14 As shown, the process includes the following steps S140 to S149:

[0153] Step S140: The user watches the social interaction platform through the terminal.

[0154] For example, one can view social interaction platforms via smartphones or computers, and access and interact with advertisements on social interaction platforms that possess the features provided in the embodiments of this application.

[0155] Step S141: The terminal sends a viewing instruction to the server of the social interaction platform.

[0156] In step S142, the server of the social interaction platform sends static images and advertising content to the terminal.

[0157] In step S143, the user performs an interactive operation on the terminal. For example, the user can perform a refresh operation on the terminal.

[0158] In step S144, the advertising server renders the advertising model and its description, and pushes the rendered visual UI to the terminal. Here, the visual UI consists of multiple information cards arranged in a three-dimensional spatial layout.

[0159] In step S145, after the terminal displays multiple information cards arranged in a three-dimensional spatial arrangement on the information display interface, the user can perform a sliding operation on the terminal and slide to a specific angle.

[0160] In step S146, the advertising server pushes video content based on the specific angle of the user's swipe.

[0161] In step S147, the user performs an interactive operation on the terminal, and the terminal displays the corresponding interaction results and information.

[0162] For example, users can view different information cards by swiping them. The content and style of the advertisements change as the information cards are swiped, enhancing the interactivity of the ads.

[0163] In step S148, the terminal sends various interactive instructions to the advertising server.

[0164] Step S149: The advertising server renders the corresponding page and sends it to the user.

[0165] In this embodiment, the server of the social interaction platform is responsible for storing and outputting the information flow data of the social interaction platform, including model data and location information of each advertising card. Simultaneously, the server is also responsible for presenting preset advertising slots in the information flow with dynamic visual effects. The advertising server is responsible for storing and updating advertising content, including advertising materials such as images and videos. When it is necessary to change an advertisement, only the image or video content in the advertising server needs to be changed; there is no need to modify the WeChat Moments advertising cards. Furthermore, the advertising server can also provide customized advertising content for each user based on user behavior and needs.

[0166] In this embodiment, the terminal, the social interaction platform's server, and the advertising server work together to provide users with a brand-new information flow advertising experience. This not only enhances the visual effects and user experience of the advertisements but also improves the efficiency and effectiveness of advertising delivery.

[0167] In this embodiment, the terminal, the social interaction platform server, and the advertising server, when working collaboratively, have the following technical requirements: First, to create 3D animations, 3D JavaScript APIs such as WebGL or Three.js can be used to create animations with depth effects. Second, to respond to user actions, gesture libraries such as Hammer.js can be used in conjunction with WebGL or Three.js; when the user performs a swipe, the animation should respond smoothly and naturally.

[0168] Regarding the implementation process of 3D animation (i.e., multiple information cards arranged in a 3D spatial arrangement), a series of Polaroid photos themed around champion sports can be created using WebGL or Three.js; rotation and translation animation effects can be added to the photos using CSS3's 3D transformation properties; and JavaScript can be used to control the animation effects of each photo so that they can switch smoothly when the user scrolls.

[0169] Regarding the implementation of user interaction experience, Hammer.js can be used to identify user swipe actions. By writing relevant JavaScript code, the animation can be made to perform corresponding animation effects based on the user's actions. CSS or JavaScript can be used to create animations to achieve effects such as avatar shaking and emotional replies after liking.

[0170] It is understood that in the embodiments of this application, if the content involving user information, such as images, videos, photos and text in the information card, involves data related to user information or enterprise information, when the embodiments of this application are applied to specific products or technologies, it is necessary to obtain user permission or consent, or to obfuscate this information to eliminate the correspondence between this information and the user; and the collection and processing of related data should strictly comply with the requirements of relevant laws and regulations when applied in the instance, obtain the informed consent or separate consent of the personal information subject, and carry out subsequent data use and processing within the scope of laws and regulations and the authorization of the personal information subject.

[0171] The following continues to describe the exemplary structure of the information card interactive device 354 provided in the embodiments of this application as a software module. In some embodiments, such as Figure 2As shown, the information card interaction device 354 includes: a first display module, used to display multiple information cards arranged in a three-dimensional spatial arrangement on an information display interface; wherein, the first information card among the multiple information cards is prominently displayed in the main push position of the information display interface; an information card switching module, used to switch the second information card among the multiple information cards to the main push position for prominent display in response to a card switching operation for the multiple information cards, and display interactive content corresponding to the second information card; and a second display module, used to display the interactive page corresponding to the interactive content in response to an interactive operation for the interactive content.

[0172] In some embodiments, the information card includes images or videos with a specific style; the images and videos are obtained by filtering from a preset database based on the object characteristics of the target object; the first display module is further configured to: display text information corresponding to the images or videos at target positions located around the main push position in the information display interface.

[0173] In some embodiments, the first display module is further configured to: prominently display the first information card at the main push position of the information display interface; and sequentially display portions of other information cards, excluding the first information card, in a three-dimensional spatial arrangement around the main push position in the information display interface; wherein the three-dimensional spatial arrangement includes an arrangement having a target shape in a virtual three-dimensional space.

[0174] In some embodiments, the information card switching module is further configured to: in response to the card switching operation, switch a second information card adjacent to the first information card in the virtual three-dimensional space in the opposite direction to the switching direction corresponding to the card switching operation to the main push position for prominent display; and switch the first information card to a first secondary push position for display; the first secondary push position is an information push position adjacent to the main push position in the switching direction.

[0175] In some embodiments, the information card switching module is further configured to: in response to the card switching operation, switch the second information card, which is adjacent to the first information card in the virtual three-dimensional space in the opposite direction to the switching direction corresponding to the card switching operation, to the main push position for prominent display; and remove the first information card from the information display interface.

[0176] In some embodiments, the information card switching module is further configured to: use preset element transition effects to move the first information card as a transition element from the main push position out of the information display interface; the element transition effects include: translation transition, rotation transition, bouncing transition and scaling transition.

[0177] In some embodiments, the information card switching module is further configured to: in response to the card switching operation, determine the switching range of the card switching operation and the number of card switches corresponding to the switching range; designate the information card in the virtual three-dimensional space, in the opposite direction to the switching direction corresponding to the card switching operation, that is adjacent to the main push position and has the number of card switches as the second information card, and prominently display the second information card in the main push position; switch the first information card to a second secondary push position for display; or, move the first information card out of the information display interface; the second secondary push position is the information push position in the switching direction that is adjacent to the main push position and has the number of card switches.

[0178] In some embodiments, the first display module is further configured to: display interactive content corresponding to the first information card when displaying multiple information cards arranged in a three-dimensional spatial arrangement on the information display interface.

[0179] In some embodiments, the device further includes: a third display module, configured to, in response to a card switching operation for the plurality of information cards, display page jump prompt information when the last information card among the plurality of information cards is switched to the main push position for prominent display; the page jump prompt information includes a jump identifier; and in response to a click operation on the jump identifier, display a jump page corresponding to the jump identifier.

[0180] In some embodiments, the third display module is further configured to: in response to a card switching operation for the plurality of information cards, display dynamic effects when the last information card among the plurality of information cards is switched to the main push position for prominent display; and jump from the information display interface to a specific information push page.

[0181] In some embodiments, the first display module is further configured to: while multiple information cards are arranged on the information display interface, display an interactive button corresponding to a target object in the first information card at a preset position on the information display interface outside the card display position of the multiple information cards; the interactive button has a first display state; in response to a trigger operation on the interactive button, display an interactive response result corresponding to the target object; the interactive response result includes at least one of the following: a second display state after changing the first display state, a dynamic special effect image corresponding to the target object, and dynamic text corresponding to the target object.

[0182] In some embodiments, the second display module is further configured to: display an interactive page corresponding to the interactive content on the information display interface in response to an interactive operation on the interactive content; the interactive page includes an information publishing button corresponding to the interactive content; correspondingly, the device further includes: a publishing module, configured to publish publishing information corresponding to the interactive content in a target publishing space in response to a selection operation on the information publishing button.

[0183] In some embodiments, the second display module is further configured to: display an interactive page corresponding to the interactive content in response to an interactive operation on the interactive content, and display an interactive response object on the interactive page.

[0184] This application embodiment further provides an information card interactive device, including: a fourth display module, used to display a plurality of arranged information cards and interactive controls on an information display interface; wherein, a first information card among the plurality of information cards is prominently displayed in the main push position of the information display interface; a switching module, used to switch a second information card among the plurality of information cards to the main push position for prominent display in response to a card switching operation for the plurality of information cards, and display interactive content corresponding to the second information card; a fifth display module, used to display interactive material containing a first interactive object in response to a first interactive operation for the interactive controls, wherein the first interactive object is related to the second information card; and a sixth display module, used to display an interactive page corresponding to the interactive content in response to a second interactive operation for the interactive content.

[0185] It should be noted that the description of the apparatus in this application embodiment is similar to the description of the method embodiment described above, and has similar beneficial effects as the method embodiment; therefore, it will not be repeated. For technical details not disclosed in this apparatus embodiment, please refer to the description of the method embodiment of this application for understanding.

[0186] This application provides a computer program product including executable instructions, which are computer instructions stored in a computer-readable storage medium. When the processor of an electronic device reads the executable instructions from the computer-readable storage medium and executes the executable instructions, the electronic device performs the method described in this application.

[0187] This application provides a storage medium storing executable instructions. When these executable instructions are executed by a processor, they cause the processor to perform the method provided in this application, for example... Figure 3 The method is illustrated. In some embodiments, the storage medium may be a computer-readable storage medium, such as a ferromagnetic random access memory (FRAM), a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), flash memory, magnetic surface memory, optical disc, or a compact disk-read-only memory (CD-ROM); or it may be a device that includes one or any combination of the above-mentioned memories.

[0188] In some embodiments, executable instructions may take the form of a program, software, software module, script, or code, written in any form of programming language (including compiled or interpreted languages, or declarative or procedural languages), and may be deployed in any form, including as a standalone program or as a module, component, subroutine, or other unit suitable for use in a computing environment.

[0189] As an example, executable instructions may, but do not necessarily, correspond to files in a file system. They may be stored as part of a file containing other programs or data, for example, in one or more scripts within a Hypertext Markup Language (HTML) document, in a single file dedicated to the program in question, or in multiple collaborating files (e.g., files storing one or more modules, subroutines, or code sections). As an example, executable instructions may be deployed to execute on a single electronic device, or on multiple electronic devices located in one location, or on multiple electronic devices distributed across multiple locations and interconnected via a communication network.

[0190] The above description is merely an embodiment of this application and is not intended to limit the scope of protection of this application. Any modifications, equivalent substitutions, and improvements made within the spirit and scope of this application are included within the scope of protection of this application.

Claims

1. An interactive method for information cards, characterized in that, The method includes: Multiple information cards are displayed in an arranged manner on the information display interface; wherein, the first information card among the multiple information cards is prominently displayed in the main push position of the information display interface; In response to the card switching operation for the plurality of information cards, the second information card among the plurality of information cards is switched to the main push position for prominent display, and the interactive content corresponding to the second information card is displayed; In response to an interactive operation on the interactive content, the corresponding interactive page is displayed.

2. The method according to claim 1, characterized in that, The information card includes images or videos with a specific style; the images and videos are selected from a preset database based on the object characteristics of the target object; the method further includes: In the information display interface, text information corresponding to the image or video is displayed at target positions around the main push position.

3. The method according to claim 1, characterized in that, The multiple information cards displayed on the information display interface include: The first information card is prominently displayed in the main push position of the information display interface; In the information display interface, other information cards, excluding the first information card, are arranged sequentially around the main push position in a three-dimensional spatial arrangement; wherein, the three-dimensional spatial arrangement includes an arrangement with a target shape in a virtual three-dimensional space.

4. The method according to claim 1, characterized in that, The step of responding to the card switching operation for the plurality of information cards by switching the second information card among the plurality of information cards to the main push position for prominent display includes: In response to the card switching operation, the second information card, which is adjacent to the first information card in the virtual three-dimensional space in the opposite direction to the switching direction corresponding to the card switching operation, is switched to the main push position for prominent display; The first information card is then switched to the first push position for display; the first push position is the information push position adjacent to the main push position in the switching direction.

5. The method according to claim 1, characterized in that, The step of responding to the card switching operation for the plurality of information cards by switching the second information card among the plurality of information cards to the main push position for prominent display includes: In response to the card switching operation, the second information card, which is adjacent to the first information card in the virtual three-dimensional space in the opposite direction to the switching direction corresponding to the card switching operation, is switched to the main push position for prominent display; Then remove the first information card from the information display interface.

6. The method according to claim 5, characterized in that, The step of removing the first information card from the information display interface includes: Using preset element transition effects, the first information card is used as a transition element to move out of the information display interface from the main push position; the element transition effects include: translation transition, rotation transition, bouncing transition and scaling transition.

7. The method according to claim 1, characterized in that, The step of responding to the card switching operation for the plurality of information cards by switching the second information card among the plurality of information cards to the main push position for prominent display includes: In response to the card switching operation, determine the switching range of the card switching operation and the number of cards to be switched corresponding to the switching range; In the virtual three-dimensional space, in the opposite direction to the switching direction corresponding to the card switching operation, the information card at the information push position adjacent to the main push position for the number of card switching is taken as the second information card, and the second information card is prominently displayed at the main push position; The first information card is switched to the second push position for display; or, the first information card is moved out of the information display interface; the second push position is the information push position of the number of cards switched adjacent to the main push position in the switching direction.

8. The method according to claim 1, characterized in that, The method further includes: When multiple information cards are displayed in a three-dimensional spatial arrangement on the information display interface, interactive content corresponding to the first information card is displayed.

9. The method according to claim 1, characterized in that, The method further includes: In response to the card switching operation for the plurality of information cards, when the last information card among the plurality of information cards is switched to the main push position for prominent display, a page jump prompt message is displayed; the page jump prompt message includes a jump indicator; In response to a click operation on the jump icon, the jump page corresponding to the jump icon is displayed.

10. The method according to claim 1, characterized in that, The method further includes: In response to the card switching operation for the plurality of information cards, when the last information card among the plurality of information cards is switched to the main push position for prominent display, a dynamic effect is displayed; The user will be redirected from the information display interface to a specific information push page.

11. The method according to claim 1, characterized in that, The method further includes: While multiple information cards are displayed on the information display interface, an interactive button corresponding to the target object in the first information card is displayed at a preset position outside the card display position of the multiple information cards on the information display interface; the interactive button has a first display state. In response to the triggering operation of the interactive button, the interactive response result corresponding to the target object is displayed; the interactive response result includes at least one of the following: a second display state after changing the first display state, a dynamic special effect image corresponding to the target object, and dynamic text corresponding to the target object.

12. The method according to any one of claims 1 to 11, characterized in that, The step of displaying an interactive page corresponding to the interactive content in response to an interactive operation on the interactive content includes: In response to an interactive operation on the interactive content, an interactive page corresponding to the interactive content is displayed on the information display interface; the interactive page includes an information publishing button corresponding to the interactive content; The method further includes: In response to the selection of the information publishing button, the publishing information corresponding to the interactive content is published in the target publishing space.

13. The method according to any one of claims 1 to 11, characterized in that, The step of displaying an interactive page corresponding to the interactive content in response to an interactive operation on the interactive content includes: In response to an interactive operation on the interactive content, an interactive page corresponding to the interactive content is displayed, and an interactive response object is displayed on the interactive page.

14. The method according to any one of claims 1 to 11, characterized in that, When displaying the plurality of information cards, interactive controls are also displayed on the information display interface; the method further includes: In response to a first interactive operation on the interactive control, interactive material containing a first interactive object is displayed, the first interactive object being associated with the second information card.

15. An interactive method for information cards, characterized in that, The method includes: Multiple information cards and interactive controls are displayed in an information display interface; wherein, the first information card among the multiple information cards is prominently displayed in the main push position of the information display interface; In response to the card switching operation for the plurality of information cards, the second information card among the plurality of information cards is switched to the main push position for prominent display, and the interactive content corresponding to the second information card is displayed; In response to a first interactive operation on the interactive control, interactive material containing a first interactive object is displayed, the first interactive object being associated with the second information card; In response to a second interactive operation on the interactive content, an interactive page corresponding to the interactive content is displayed.

16. An information card interactive device, characterized in that, The device includes: The first display module is used to display multiple information cards arranged in an information display interface; wherein, the first information card among the multiple information cards is prominently displayed in the main push position of the information display interface; The information card switching module is used to respond to the card switching operation for the plurality of information cards, switch the second information card among the plurality of information cards to the main push position for prominent display, and display the interactive content corresponding to the second information card; The second display module is used to display the interactive page corresponding to the interactive content in response to the interactive operation on the interactive content.

17. An electronic device, characterized in that, include: Memory, used to store executable instructions; The processor, when executing executable instructions stored in the memory, implements any one of claims 1 to 14, or the information card interaction method of claim 15.

18. A computer-readable storage medium, characterized in that, The device stores executable instructions for causing a processor to execute the executable instructions to implement any one of claims 1 to 14, or the information card interaction method of claim 15.

19. A computer program product, characterized in that, The computer program product includes executable instructions stored in a computer-readable storage medium; When the processor of the electronic device reads the executable instructions from the computer-readable storage medium and executes the executable instructions, it implements any one of claims 1 to 14, or the information card interaction method of claim 15.

Images