JP6695833B2 - Information display program, information display device, information display method, and distribution device - Google Patents

Description

  The present invention relates to an information display program, an information display device, an information display method, and a distribution device.

  In recent years, with the rapid spread of the Internet, information distribution via the Internet has been actively performed. For example, when a predetermined display area is placed in a web page, content that has the same display size as the display area is acquired as content to be placed and displayed in the display area, and the acquired content is displayed in the display area. A technique of arranging and displaying is known. Further, there is known a technique of arranging a predetermined content in a predetermined display area and changing the display mode of the content when the timing when the display area enters the visible area is detected.

JP, 2011-128204, A

  However, in the above-mentioned conventional technique, it may not be said that the effect of appealing the information related to the content is necessarily high. For example, in the above-described related art, the content having the same display size as the display area is only displayed in the visible area, which may not cause the interest of the user.

  The present application has been made in view of the above, and an object thereof is to provide an information display program, an information display device, an information display method, and a distribution device that improve the appeal effect of information related to content.

  The information display program according to the present application acquires the first content on a computer, and an acquisition procedure for acquiring the second content upon acquisition of the first content, and in the case where the first content is acquired, If the first content is arranged and displayed on the entire screen and the second content is acquired, a display procedure of displaying the second content after gradually changing the display mode of the first content, Is executed.

  According to one aspect of the embodiment, it is possible to provide an information display program, an information display device, an information display method, and a distribution device that improve the appeal effect of information related to content including moving images.

FIG. 1 is a diagram illustrating an example of a first display process executed by the terminal device according to the embodiment. FIG. 2 is a diagram illustrating an example of the second display process and the third display process executed by the terminal device according to the embodiment. FIG. 3 is a diagram illustrating another example of the second display process executed by the terminal device according to the embodiment. FIG. 4 is a diagram illustrating an example of a fourth display process executed by the terminal device according to the embodiment. FIG. 5 is a diagram showing a variation of the second display process executed by the terminal device according to the embodiment. FIG. 6 is a diagram illustrating a configuration example of the distribution system according to the embodiment. FIG. 7 is a diagram illustrating a configuration example of the advertisement distribution server according to the embodiment. FIG. 8 is a diagram showing an example of information stored in the advertisement database according to the embodiment. FIG. 9 is a diagram showing a configuration example of the content distribution server according to the embodiment. FIG. 10 is a diagram illustrating a configuration example of the terminal device according to the embodiment. FIG. 11 is a first flowchart showing an example of the flow of display processing executed by the terminal device according to the embodiment. FIG. 12 is a second flowchart showing an example of the flow of display processing executed by the terminal device according to the embodiment. FIG. 13 is a diagram illustrating an example of the hardware configuration.

  Hereinafter, modes (hereinafter, referred to as “embodiments”) for implementing an information display program, an information display device, an information display method, and a distribution device according to the present application will be described in detail with reference to the drawings. Note that the information display program, the information display device, the information display method, and the distribution device according to the present application are not limited by this embodiment. Also, in each of the following embodiments, the same parts are designated by the same reference numerals, and duplicate description will be omitted.

[1. Example of terminal device]
First, an example of the display process executed by the terminal device 100, which is an example of the information display device, will be described with reference to FIGS. 1 to 5. In the following description, when the distribution of the web page C10, which is the web content, and the contents C20, C30, and C40 are accepted as the display process executed by the terminal device 100, each content C20 to C40 is displayed together with the web page C10. An example of the processing to be performed will be described. Further, in the following description, the display process executed by the terminal device 100 is executed when the delivery of the web page C10 is accepted, that is, the first display process, the web page C10 or the content C20 in the first to third display modes. , C30 for displaying the second display process, the third display process for controlling the transition from the first display mode to the third display mode, and the fourth display process for changing the display mode of the content C20.

  FIG. 1 is a diagram illustrating an example of a first display process executed by the terminal device according to the embodiment. FIG. 2 is a diagram illustrating an example of the second display process and the third display process executed by the terminal device according to the embodiment. FIG. 3 is a diagram illustrating another example of the second display process executed by the terminal device according to the embodiment. FIG. 4 is a diagram illustrating an example of a fourth display process executed by the terminal device according to the embodiment. FIG. 5 is a diagram showing a variation of the second display process executed by the terminal device according to the embodiment. In the examples illustrated in FIGS. 1 to 5, the process in which the terminal device 100 displays the web page C10 and the contents C20 to C40 in the display process is described separately for the first state to the 24th state.

  In the following description, the position is a reference when displaying the web page C10 and the contents C20 to C40 on the screen, and is arranged at the uppermost position on the screen when displaying the web page C10 and the contents C20 to C40. The edge to be described is referred to as the upper edge of the web page C10 and the contents C20 to C40. Further, among the edges generated when the web page C10 and the contents C20 to C40 are displayed on the screen, the edge arranged at the bottom of the screen is described as the lower end of the web page C10 and the contents C20 to C40.

  Further, in the following description, the direction in which the upper end of the web page C10 or the contents C20 to C40 is displayed on the screen of the terminal device 100 is referred to as the screen up direction, and the web page C10 or the contents C20 to C40 is displayed on the screen. The direction in which the bottom edge of is displayed is referred to as the screen bottom direction. Further, on the screen of the terminal device 100, the direction in which the left edge of the web page C10 or the contents C20 to C40 is displayed is referred to as the screen left direction, and the direction of the right side of the web page C10 or the contents C20 to C40 is indicated on the screen. The direction in which the edge is displayed is described as the right side of the screen.

  First, the first display process will be described with reference to FIG. The terminal device 100 is a smart device such as a smartphone or a tablet, and is a mobile terminal device capable of communicating with an arbitrary server device via a wireless communication network such as 3G (Generation) or LTE (Long Term Evolution). .. In addition, the terminal device 100 has a screen such as a liquid crystal display having a touch panel function, and a user performs a tap operation, a slide operation, a scroll operation, or the like with a finger, a stylus, or the like, the web page C10 or the content C20. ~ Accepts various operations on C40. In the following description, an operation performed on the area where the web page C10 is displayed on the screen may be described as an operation on the web page C10.

  Here, the screen of the terminal device 100 is assumed to have a rectangular screen. More specifically, it is assumed that the screen of the terminal device 100 has a vertically long screen in which the length in the vertical direction is longer than the length in the horizontal direction. Further, in the following description, the terminal device 100 will be described as an example in which the screen is used in a portrait orientation, but the embodiment is not limited to this, and the terminal device 100 is used in a landscape orientation. May be.

  The web page C10 is, for example, a web page on which news, weather forecast, indexes and contents of received mails, photo viewers, and other various contents are arranged, and HTML (Hyper Text Markup Language), XML (Extensible Markup Language), and the like. It is a web page of a so-called portal site described in.

  For example, the web page C10 is content in which news, weather forecast, index and contents of received mail, photo viewer, and other various contents are arranged in independent tiles, and operations and operations are performed for each of the tiled contents. It is a content that can be updated. In addition, the tile in which the content related to the advertisement is arranged is inserted into the web page C10 at any time. The size of each tile arranged on the web page C10, the arrangement position, and the number of tiles arranged may be automatically changed for each tile, or may be changed according to a user operation. Further, the web page C10 may include an input field for inputting a search keyword, a link to another web page, and the like.

  The web page C10 is a web page optimized for a smart device, and the horizontal display size is the same as the horizontal display size of the screen of the terminal device 100. Further, the web page C10 is a web page whose vertical display size is longer than the vertical display size of the output unit 130 (see, for example, FIG. 10) of the terminal device 100 (hereinafter, referred to as vertical length). It is assumed that the content and order of the content arranged on the tile are changed depending on the attribute of the user of the terminal device 100, the content of the content arranged on the tile selected by the user, the input search keyword, and the like.

  The web page C10 is distributed by the content distribution server 30. For example, the terminal device 100 transmits a URL (Uniform Resource Locator) or the like to the content distribution server 30 that distributes the web page C10. In such a case, the content distribution server 30 distributes the web page C10.

  The content C20 is a content different from the web page C10, and is, for example, a moving image whose horizontal display size is the same as the horizontal display size of the screen of the terminal device 100. Further, the content C20 is a moving image with an horizontally long aspect ratio (aspect ratio). If the content C20 is a moving image that can be reproduced by the terminal device 100, a moving image of any format such as a GIF (Graphics Interchange Format) moving image or an MPEG (Moving Picture Experts Group) can be adopted.

  Here, as the content C20, any content can be applied. For example, the content C20 is content related to an advertisement (hereinafter, referred to as advertisement content). More specifically, the content C20 is content for transmitting information about a predetermined product, service, brand, company, or other content to the user.

  Here, it is assumed that the advertising content is not only a commercial or non-profit advertisement, but also volunteer recruitment, public advertisement, notification to the public, a part of information on the web page C10, and any other content. That is, the advertising content is not only content that includes so-called advertisement-related information, but also information that is of interest to the user and that is included in the advertising content or content that is related to the advertising content (for example, a landing page). An image, a moving image, a character, a figure, a symbol, a hyperlink, or any other content can be applied as long as it widely informs information to be displayed. That is, any content can be applied as the advertising content as long as the content is intended to make the user more interested than the web page C10.

  The content C20 is content of a domain different from that of the web page C10. That is, the content C20 is content delivered to the terminal device 100 by a server device different from the web page C10.

  For example, the content distribution server 30 requests the advertisement distribution server 20 to distribute the content C20, and distributes an acquisition command for operating the terminal device 100 to display the content C20 together with the web page C10 (step S1). Note that such an acquisition command is realized by, for example, JavaScript (registered trademark) or CSS (Cascading Style Sheets) included in the web page C10.

  In such a case, the terminal device 100 requests the advertisement distribution server 20 to distribute the content C20 in accordance with the acquisition command distributed from the content distribution server 30 (step S2). As a result, the advertisement distribution server 20 distributes the content C20, which is a moving image, to the terminal device 100 (step S3). Then, the terminal device 100 displays the content C20 on the screen together with the web page C10.

[2. Overview of Display Process Performed by Terminal Device 100]
Here, as a conventional technique, there is known a technique of displaying the web page and the advertisement content by placing the advertisement content in a predetermined display area of the web page. Further, there is known a technique of displaying a web page and advertisement content side by side on an initial screen for displaying the web page after delivering the web page and the advertisement content.

[2-1. Outline of first display processing]
However, in the above-mentioned conventional technique, the impression of the user regarding the advertisement content may be deteriorated. For example, when the terminal device 100 accepts the delivery of the web page C10, the terminal device 100 requests the advertisement delivery server 20 to deliver the content C20. However, when the content C20 is a content having a relatively large file size such as a moving image, it takes time to deliver the content, and thus it may take time to display the web page C10 and the content C20.

  Therefore, the terminal device 100 executes the following first display process. First, the terminal device 100 acquires the web page C10, and acquires the content C20 triggered by the acquisition of the web page C10. Then, when the web page C10 is acquired, the terminal device 100 arranges and displays the web page C10 on the entire screen, and when the content C20 is acquired, the display mode of the web page C10 is gradually changed. After that, the content C20 is displayed.

  Here, the terminal device 100 may employ an arbitrary timing as a trigger (that is, a process execution condition) as long as the timing is related to the acquisition of the web page C10. For example, the terminal device 100 is not limited to the state in which the previous data of the web page C10 has been completely acquired, but includes the data of the data of the web page C10 that exceeds a predetermined value that may be considered to have been acquired. The content C20 may be acquired in response to the reception. For example, the terminal device 100 may display the content C20 triggered by reception of main data (for example, a frame) of the content C20. That is, the terminal device 100 confirms that the arbitrary state related to the acquisition of the web page C10 is satisfied, such as when it is confirmed that the web page C10 has been acquired or when the acquisition of the web page C10 is started. As a condition, if the content C20 is acquired when the condition is satisfied, acquisition of the content C20 may be started at the timing when an arbitrary condition is satisfied.

  That is, when the web page C10 is acquired, the terminal device 100 performs an initial display of displaying the web page C10 on the entire screen before acquiring the content C20. Then, when the terminal device 100 accepts the distribution of the content C20, the terminal device 100 gradually changes the display mode of the web page C10 in a predetermined mode (that is, displays an animation), and thereafter, the web page C10 and the content C20 are displayed. Display.

  As a result of such processing, since the terminal device 100 starts displaying the web page C10 before the content C20 is distributed, the response on the display is improved, and as a result, the impression of the user who is trying to browse the web page C10 is obtained. Alleviate the deterioration. When the terminal device 100 accepts the distribution of the content C20, the terminal device 100 displays the content C20 by gradually changing the display mode of the web page C10. As a result, the user is interested in the content C20. It is possible to improve the appealing effect of information regarding the content C20.

[2-2. Outline of second display processing]
Further, in the above-described conventional technique, the web page and the advertising content are simply displayed, and it may not be said that the effect of appealing information regarding the advertising content is good. Therefore, by reducing the display size of the web page C10 and arranging and displaying the content C20 and other content related to the content C20 around the web page C10, the screen is displayed with information related to the content C20 such as an advertisement. A mode of jacking is possible.

  However, when arranging other contents around the web page C10 whose display size is reduced, it is necessary to create those contents in advance, which is troublesome. More specifically, when arranging a plurality of contents around the web page C10 whose display size is reduced, not only the contents displayed on the screen of the web page C10 but also the contents displayed in the left-right direction of the screen of the web page C10. Must be created in advance, which may be a burden to the advertiser.

  Therefore, the terminal device 100 executes the following second display process subsequent to the above-described first display process. First, the terminal device 100 acquires the web page C10 and the content C20. Then, as the first display mode, the terminal device 100 changes the display size of the content C20 and the content C20 around the web page C10 with the reduced display size, and at the same time, the contour (the contour of the imaging target, the boundary between pixels, etc.). A plurality of contents C21 and C22, which are blurred, are arranged and each content is displayed.

  For example, the terminal device 100 acquires the content C20 that is a moving image. In such a case, the terminal device 100 changes the display size of the content C20 that is a moving image and generates a plurality of contents C21 and C22 that are moving images with blurred edges. Then, the terminal device 100 displays the web page C10, the content C20, and the content C21, C22 in the first display mode. The contents C21 and C22 may be generated in advance from the content C20 accepted by the advertisement distribution server 20 from the advertiser, and may be distributed to the terminal device 100 together with the content C20.

  In this way, the terminal device 100 arranges and displays the content C20 and the contents C21 and C22 generated from the content C20 around the web page C10. For this reason, the terminal device 100 displays each of the contents C20 to C22 in a mode of jacking the screen, and thus it is possible to improve the appeal effect of the information related to the contents C20 to C22. In addition, the terminal device 100 may arrange and display the content generated from one content around the web page C10 without registering the plurality of content in order to realize the aspect of jacking the screen. it can. Therefore, the terminal device 100 can reduce the time and effort required to realize the aspect of jacking the screen.

  Further, the terminal device 100 reduces the display size of the web page C10 and displays the content C20, and further changes the display size of the content C20 and also displays the contents C21 and C22 in which the contour is blurred. To do. As a result, the terminal device 100 makes the visibility of the web page C10 and the contents C21, C22 lower than that of the content C20. As a result, the content C20 is relatively emphasized and the content C20 is displayed as the main content. Therefore, the terminal device 100 prevents the user's consciousness from being distributed to the contents C20 to C22 even when a plurality of contents are displayed at the same time, so that the appeal effect of the information regarding the contents C20 can be improved. You can

[2-3. Outline of third display processing]
Here, the terminal device 100 determines that various operations such as a tap operation and a scroll operation are performed on the web page C10 displayed in the first display mode, that is, the user is trying to browse the web page C10. In that case, the visibility of the web page C10 is improved by enlarging the display size of the web page C10. For example, the terminal device 100 displays the web page C10 and the contents C20 to C22 when the up scroll operation of scrolling the web page C10 displayed in the first display mode to the screen upper direction is performed. Is changed to the following second display mode.

  For example, when an operation (for example, a tap operation or a scroll operation) is performed on the web page C10 whose display size has been reduced, the terminal device 100 enlarges the display size of the web page C10 so that the content C20 and a plurality of contents C20 are displayed. The size of the area in which the contents C21 and C22 are displayed is reduced. As a specific example, when the scroll operation in the screen up direction (hereinafter, referred to as “up scroll operation”) is performed on the web page C10 with a reduced display size, the terminal device 100 has the content C20. The web page C10 is arranged in front of the plurality of contents C21 and C22, and the display size of the web page C10 is enlarged.

  Then, the terminal device 100 stops displaying the contents C21 and C22, expands the display size of the web page C10 to a predetermined first display size, and sets the display size of the content C20 to a predetermined first display size smaller than the second display size. 2 Reduce to display size. For example, the terminal device 100 cancels the display of the contents C21 and C22 displayed on both ends of the web page C10, and displays the web page C10 until the horizontal display size becomes the same as the horizontal display size of the screen. The display size of page C10 is enlarged. Further, the terminal device 100 reduces the display size of the content C20 until the display size in each direction is halved, and enlarges the area where the web page C10 is displayed. As described above, when the user is going to browse the web page C10, the first display mode in which the content C20 is displayed as the main content is changed to the second display mode in which the web page C10 is displayed as the main content. And change the display mode.

  Here, for example, when the user is estimated to be interested in the content C20 represented in the second display mode, or when the user is not browsing the web page C10. In some cases, an embodiment is possible in which the display mode is returned from the second display mode to the first display mode. For example, the second display that displays the web page C10 as the main content when the upper end of the web page C10 displayed in the second display mode is displayed by the downward scroll operation that is the scroll operation in the lower direction of the screen. A mode in which the display mode is changed from the mode to the first display mode in which the content C20 is displayed as the main content is also conceivable.

  However, when the display mode is changed from the second display mode to the first display mode in this way, the impression of the user on the content C20 may be deteriorated. That is, when the display mode is changed from the first display mode which is the initial display to the second display mode, it is considered that the interest of the user is shifted from the content C20 to the web page C10. Therefore, even if it is estimated that the user is not browsing the web page C10, when the display mode is changed from the second display mode to the first display mode, the user's impression of the content C20. May worsen.

  Therefore, the terminal device 100 executes the following third display process. First, the terminal device 100 displays a plurality of contents such as the web page C10 and the contents C20 to C22 in the first display mode. Then, when a predetermined operation is performed while the plurality of contents are displayed in the first display mode, the terminal device 100 changes the display mode of the plurality of contents to the second display mode and the second display mode. Even if a predetermined operation is performed on the content in the mode, the second display mode is not changed to the first display mode.

  That is, the terminal device 100 displays the web page C10 and each content C20 to C22 in the first display mode, and changes the display mode from the first display mode to the second display mode by various operations on the web page C10. If changed, the change from the second display mode to the first display mode is prohibited even if any operation is performed on the web page C10 or the content C20 in the second display mode. As a result, the terminal device 100 can prevent the user's impression of the content C20 from being deteriorated.

  Note that the terminal device 100 does not change from the second display mode to the first display mode by a tap operation or a scroll operation on the web page C10 or the content C20 displayed in the second display mode. The web page C10 and the contents C20 to C22 may be displayed again in the first display mode by an operation other than the operation on the page C10 and the content C20. For example, when an operation of updating the content being browsed is performed (for example, when the update button of the browser is pressed), the terminal device 100 again displays the web page C10 and the content C20 to C22 as the initial display. You may display in a display mode.

[2-4. Outline of fourth display processing]
Further, when the up scroll operation is performed on the web page C10 displayed in the second display mode, the terminal device 100 scrolls the web page C10 upward in the screen. On the other hand, the web page C10 may have a display area in which advertisement content and the like are arranged, and the advertisement content may be arranged and displayed in the display area. For example, when the display area is set in the web page C10, the terminal device 100 acquires the content C30 to be displayed in the display area from the advertisement distribution server 20, separately from the content C20 to C22. Then, the terminal device 100 arranges and displays the content C30 in the display area of the web page C10.

  Here, it is conceivable that the contents of the content C20 and the content C30 are aligned to improve the appealing effect of the information on the content C20 and C30. For example, the terminal device 100 may be delivered with the contents C20 and C30, which are advertising contents having the same target information such as the same product, service, company, or the like, that is, the contents C20 and C30 having a predetermined relevance. is there. When such contents C20 and C30 are distributed, the terminal device 100 arranges and displays the content C30 in the display area of the web page C10 displayed in the second display mode, and displays the display size together with the web page C10. The reduced content C20 is displayed.

  However, in such a display mode, the contents C20 and C30 having a predetermined relationship occupy most of the screen, and the impression of the contents C20 and C30 of the user who browses the web page C10 may be deteriorated. is there.

  Therefore, the terminal device 100 executes the following fourth display process. First, the terminal device 100 displays a web page C10 having a predetermined display area and a content C20 different from the web page C10. When displaying the web page C10, the terminal device 100 displays the content C30 in a display area of the web page C10. Then, the terminal device 100 moves the display area to a predetermined area based on the screen by a scroll operation, and when the content C30 and the content C20 arranged in the display area have a predetermined relationship, the content Cancel the display of C20.

  For example, the terminal device 100 scrolls the web page C10 in which the content C30 is arranged according to the scroll operation. Then, as a result of the scroll operation, the terminal device 100 moves a predetermined position (for example, the upper end, the central portion or the lower end portion) of the display area into the screen, and the contents C20 and C30 have a predetermined relationship. If so, the display of the content C20 is faded out to prevent the display area of the web page C10 from being unnecessarily narrowed by the content C20 and C30 having the same information. As a result, the terminal device 100 can prevent the user's impression of the contents C20 and C30 from being deteriorated.

[3. Example of display process executed by terminal device 100]
Hereinafter, an example of the display process executed by the terminal device 100 will be described with reference to FIGS. 1 to 5.

[3-1. Example of First Display Process and Second Display Process Performed by Terminal Device 100]
First, a first display mode, which is an initial display in the first display process and the second display process, will be described with reference to FIG. First, when accepting the distribution of the web page C10, the terminal device 100 displays the web page C10 on the entire screen as shown in the first state without waiting for the distribution of the content C20.

  Here, it is assumed that the terminal device 100 has received the distribution of the content C20, which is a moving image, from the advertisement distribution server 20. In such a case, the terminal device 100 generates, from the content C20, contents C21 and C22 that are moving images with the display size being changed and the contour being unclear. More specifically, the terminal device 100 displays the display size of the remaining area generated when the web page C10 in which the display size is reduced by a predetermined ratio and the content C20 are arranged at a predetermined position in the screen. It is calculated based on the size of the screen (number of pixels). Then, the terminal device 100 generates contents C21 and C22 having the calculated display size. That is, the terminal device 100 calculates the display size when displaying the contents C21 and C22 in the first display mode based on the size of the screen.

  Then, the terminal device 100 arranges the contents C20 to C22 on the back surface of the web page C10. For example, the terminal device 100 arranges the content C20 so that the upper end of the screen and the upper end of the content C20 overlap. Further, the terminal device 100 arranges the content C21 such that the lower end of the content C20 and the upper end of the content C21 overlap with each other, and the left end of the content C21 overlaps with the left end of the screen. In addition, the terminal device 100 arranges the content C22 such that the lower end of the content C20 and the upper end of the content C22 overlap each other, and the right end of the content C22 overlaps the right end of the screen.

  Then, when the arrangement of the contents C20 to C22 is completed, the terminal device 100 gradually changes the display mode of the web page C10 as shown in the second state. More specifically, the terminal device 100 gradually reduces the display size of the web page C10 while overlapping the lower end of the web page C10 with the lower end of the screen and keeping the center of the web page C10 at the center of the screen. To do.

  Further, as shown in the third state, the terminal device 100 further reduces the display size of the web page C10 to reduce the size of the area in which the web page C10 is displayed, and the contents C20 to C22 are displayed. Expand the area of Then, as shown in the fourth state, the terminal device 100 reduces the display size of the web page C10 to a predetermined display size, and thus the first display mode in which the contents C20 to C22 are arranged around the web page C10. To be realized.

  That is, the terminal device 100 automatically starts changing the display mode of the web page C10 when the content C20 is distributed. Then, the terminal device 100 arranges the content C20 at the upper end of the screen, and arranges the web page C10 with the display size reduced by a predetermined ratio in the approximate center of the region of the screen where the content C20 is not arranged, A first display mode in which a plurality of contents C21 and C22 are arranged is displayed as an initial display at both ends in the horizontal direction of the screen. Therefore, the terminal device 100 displays the web page C10 and the contents C20 to C22 in the first display mode while preventing the deterioration of the impression of the user who browses the web page C10, and thus the information about the contents C20 to C22. The appeal effect of can be improved.

  It should be noted that the terminal device 100 starts reproduction of the contents C20 to C22 when the contents C20 to C22 are displayed in the first display mode. Here, as shown in the second state, the terminal device 100 may start reproduction of the contents C20 to C22 when the change of the display mode of the web page C10 is started.

[3-2. Example of Second Display Process and Third Display Process Performed by Terminal Device 100]
Next, an example of the second display process and the third display process will be described with reference to FIG. First, as shown in the fifth state, the terminal device 100 displays the web page C10 and the contents C20 to C22 in the first display mode. More specifically, in the terminal device 100, a content C20 having an aspect ratio of horizontal aspect, a web page C10 having an aspect ratio of aspect ratio, and a content C21 having an aspect ratio of aspect ratio are displayed on a screen having a display area having an aspect ratio of aspect ratio. , C22 are arranged and displayed.

  Here, in the terminal device 100, when the up scroll operation is performed by the user's finger F10 on the area where the web page C10 is displayed on the screen, as shown in the sixth state, the web page is displayed. While gradually increasing the display size of C10, the area in which the web page C10 is displayed is enlarged in the horizontal direction of the screen. That is, the terminal device 100 gradually increases the display size of the web page C10 without changing the display size of the content C20, thereby gradually reducing the size of the area in which the contents C21 and C22 are displayed.

  Then, as shown in the seventh state, the terminal device 100 displays the content C20 and the web page C10. More specifically, the terminal device 100 arranges the content C20 and the web page C10 such that the upper end of the content C20 overlaps with the upper end of the screen and the upper end of the web page C10 overlaps with the lower end of the content C20. The content C20 and the web page C10 are displayed.

  Subsequently, as shown in the eighth state, the terminal device 100 expands the display area of the web page C10 in the screen upper direction and gradually reduces the display size of the content C20. Then, as shown in the ninth state, the terminal device 100 reduces the display size of the content C20 to a predetermined display size, and within the area generated by reducing the display size of the content C20, a predetermined button B1. , B2 are displayed in the second display mode to display the web page C10 and the content C20.

  Further, the terminal device 100 displays, as the predetermined button B1, the button B1 for displaying the moving image in a predetermined display size, and displays the button B2 for deleting the moving image as the predetermined button B2. Then, when the user taps the button B1, the terminal device 100 gradually moves the display area of the web page C10 downward in the screen without changing the display size of the web page C10, and displays the content C20. Gradually increase the size to the original display size.

  Then, the terminal device 100 displays the content C20 and the web page C10 in the third display mode shown in the seventh state. On the other hand, when the user selects the button B2 in the second display mode as shown in the ninth state, the terminal device 100 expands the display area of the web page C10 to the entire screen as shown in the tenth state. By doing so, only the web page C10 is displayed.

  Here, in the terminal device 100, as shown in the seventh state, when the up scroll operation is performed on the web page C10 in the third display mode, as shown in the eighth state, the display area of the web page C10 is displayed. The width (that is, the display size on the screen) is expanded in the screen upper direction, and the display size of the content C20 is gradually reduced. Then, as shown in the ninth state, the terminal device 100 displays the web page C10 and the content C20 in the second display mode. That is, when an operation is performed on the web page C10 in the first display mode, the terminal device 100 changes the display mode to the second display mode through the third display mode, and the button B1 is selected in the second display mode. If so, the display mode is changed from the second display mode to the third display mode.

  In the first display mode shown in the fifth state, when the user does not operate the web page C10, the terminal device 100 continues to reproduce the contents C20 to C22 in the first display mode. Then, for example, when the reproduction of the contents C20 to C22 is finished, the terminal device 100 automatically changes the display mode from the first display mode to the third display mode as shown in (A) of FIG. Let That is, when the reproduction of the contents C20 to C22 ends, the terminal device 100 changes the display mode from the fifth state to the seventh state via the sixth state.

  It should be noted that the terminal device 100 may automatically change the display mode from the fifth state to the seventh state when the scroll operation is performed by a predetermined amount or more in the fifth state. The seventh state may be gradually changed according to the scroll amount. That is, the terminal device 100 may enlarge the display size of the web page C10 to the display size according to the scroll amount. In addition, the terminal device 100 may automatically change the display mode from the fifth state to the seventh state when the web page C10 is tapped in the fifth state.

  In the following description, the display size of the web page C10 in the third display mode will be referred to as the first display size, and the display size of the content C20 in the third display mode will be referred to as the second display size. In the following description, the display size of the web page C10 in the second display mode will be referred to as the third display size, and the display size of the content C20 in the second display mode will be referred to as the fourth display size.

  As described above, in the second display mode, the terminal device 100, together with the web page C10 having the first display size and the content C20 having the second display size, sets the display size of the web page C10 to the third display size when selected. A button B1, which is a predetermined icon for reducing the display size to the display size and enlarging the display size of the content C20 to the fourth display size, is displayed. In the first display mode, the terminal device 100 stops displaying the contents C21 and C22 when the reproduction of the content C20, which is a moving image, ends, and expands the display size of the web page C10 to the third display size. At the same time, the display mode is changed from the first display mode to the third display mode by reducing the display size of the content C20 to the fourth display size.

  In addition, in the third display mode, when an operation is performed on the web page C10 displayed in the third display size, the terminal device 100 expands the display size of the web page C10 to the first display size, and the content C20. The display mode is changed from the third display mode to the second display mode by reducing the display size of to the second display size.

  In other words, the terminal device 100 changes the display mode to the third display mode when a predetermined operation is performed while the web page C10, the content C20, etc. are displayed in the second display mode. More specifically, the terminal device 100 displays at least the web page C10 and the content C20 in the first display mode as an initial display, and an operation is performed on the content C20 displayed in the first display mode. Changes the first display mode to the second display mode, and when the content C20 displayed in the second display mode is operated, changes the second display mode to the third display mode.

  In this way, when the display mode changes from the first display mode to the second display mode or the third display mode, the terminal device 100 is as shown in FIG. 2 (B) or FIG. 2 (C). , The display mode is not changed to the first display mode. That is, when the display mode is changed from the first display mode to the second display mode or the second display mode, the terminal device 100 displays the web page C10 and the content C20 only in the second display mode or the third display mode. The web page C10 and the contents C20 to C22 are not displayed in the first display mode.

[3-3. Another Example of Second Display Process Performed by Terminal Device 100]
Subsequently, another example of changing the second display mode to the third display mode in the second display process executed by the terminal device 100 will be described with reference to FIG. 3. For example, as illustrated in the 11th state, the terminal device 100 displays the content C20 and the web page C10 in the second display mode. Here, as shown in the 11th state, when the up scroll operation is performed on the web page C10 in the second display mode, the terminal device 100 displays the contents C20 and the web page C10 as shown in the 12th state. The web page C10 is scrolled upward in the screen according to the upward scrolling operation without changing the display size.

  In addition, when the down scroll operation is performed on the web page C10 as shown in the twelfth state, the terminal device 100 changes the display size of the content C20 and the web page C10 as shown in the thirteenth state. Instead, the web page C10 is scrolled downward in the screen according to the downward scroll operation. Then, in the second display mode, when the lower scroll operation is further performed on the web page C10 while the upper end of the web page C10 is displayed, the terminal device 100 displays the web state as shown in the fourteenth state. The display area of page C10 is moved downward in the screen.

  When such an operation is performed, the terminal device 100 cancels the display of the buttons B1 and B2 and gradually increases the display size of the content C20, as shown in the fifteenth state. Then, as shown in the sixteenth state, the terminal device 100 enlarges the display size of the content C20 to the fourth display size and reduces the display size of the web page C10 to the third display size, and thus the second display mode. To the third display mode. The fifteenth state shown in FIG. 3 corresponds to the eighth state shown in FIG. 2, and the sixteenth state shown in FIG. 3 corresponds to the seventh state shown in FIG.

  That is, when the scroll operation in the screen up direction is performed on the content C20 displayed in the first display mode, the terminal device 100 moves the content C20 in the screen up direction and displays the second display in the first display mode. When the upper end of the content C20 is displayed as a result of the scroll operation in the screen lower direction for the content C20 displayed in the second display mode, the second display mode is changed to the third display mode. More specifically, in the terminal device 100, when the reproduction of the content C20 displayed in the first display mode is completed, or when a predetermined operation is performed on the web page C10 displayed in the second display mode. Causes the content C30 having a display size larger than that in the second display mode and the web page C10 having a display size smaller than that in the second display mode to be displayed as the third display mode.

  Note that, as shown in FIG. 2, when the scroll operation in the screen upper direction is performed on the web page C10 content displayed in the third display mode, the terminal device 100 displays the third display mode in the second display mode. Change to the mode. Further, when the reproduction of the content C20 displayed in the first display mode is completed, the terminal device 100 changes the first display mode to the third display mode.

[3-4. Example of Fourth Display Process Performed by Terminal Device 100]
Next, an example of the fourth display process executed by the terminal device 100 will be described with reference to FIG. For example, the terminal device 100 receives the distribution of the web page C10 in which the display area A10 is set from the content distribution server 30. In such a case, the terminal device 100 accepts the distribution of the content C20 and the content C30 related to the same target as the content C20 from the advertisement distribution server 20. The content C30 is assumed to have the same display size as the display area A10. The content C30 may be a moving image like the content C20, or may be an arbitrary content such as a still image.

  When the terminal device 100 accepts the delivery of the web page C10, the terminal device 100 executes the above-described first display process and second display process, and as shown in the seventeenth state, the content C20 and the web in the second display mode. Display page C10. More specifically, the terminal device 100 displays the web page C10 on the entire screen and, when accepting the distribution of the contents C20 and C30, arranges the contents C20 and the contents C21 and C22 on the back surface of the web page C10. , The content C30 is arranged in the display area A10 of the web page C10. Then, the terminal device 100 displays the web page C10 and the contents C20 to C22 in the first display mode as the initial display, and displays the web page C10 and the content C20 in the second display mode in accordance with the user's operation.

  Here, the terminal device 100 sets a predetermined area AR10 based on the screen. More conspicuously, the terminal device 100 sets, as the area AR10, the area in which the web page C10 is displayed in the second display mode. Such an area AR10 is set by the control information distributed together with the web page C10 and the contents C20, C30. Then, as shown in the seventeenth state, when the up scroll operation is performed, the terminal device 100 scrolls the web page C10 in the screen up direction as shown in the eighteenth state. Here, in the example shown in the eighteenth state, a part of the content C30 is displayed on the screen as a result of the display area A10 moving upward in the screen by the scroll operation. The 17th state corresponds to the 9th state shown in FIG.

  Then, in the eighteenth state, when the lower end of the display area A10 moves to the inside of the area AR10 as a result of the upper scroll operation being performed in the eighteenth state, that is, when the entire content C30 is displayed, As shown in the 19th state, the display of the content C20 is canceled. More specifically, the terminal device 100 fades out the display of the content C20 and the buttons B1 and B2, and enlarges the display size of the web page C10 to the entire screen. Note that, in such a display mode, for example, in the second display mode, the display area of the content C10 is set on the entire screen, the display position of the content C10 is shifted in the lower direction of the screen, and the content C20 and the button are displayed in front of the content C10. When B1 and B2 are arranged and the entire content C30 is displayed, this can be realized by fading out the display of the content C20 and the buttons B1 and B2.

  In addition, in the nineteenth state, if the upper end and the lower end of the display area A10 move to the outside of the area AR10 as a result of the upper scroll operation being performed in the nineteenth state, the content C20 and the content C20 are displayed as shown in the twentieth state. By fading in the display of the buttons B1 and B2, the content C20 is displayed again.

  When the upper end of the display area A10 moves to the inside of the area AR10 as a result of the downward scroll operation in the twentieth state, the terminal device 100 displays the content C20 as shown in the nineteenth state. You may cancel. That is, when the plurality of contents C20 and C30 relating to the same information can be displayed in the second display mode, the terminal device 100 cancels the display of one of the contents C20 to display the same screen or It is possible to prevent a situation in which the screen is filled with similar information and the user's impression is deteriorated.

  Here, the terminal device 100 may stop displaying the content C20 when an arbitrary position of the display area A10 moves to the inside of the area AR10. For example, the terminal device 100 may cancel the display of the content C20 when the upper end or the center point of the display area A10 moves inside the area AR10. Further, for example, the terminal device 100 may adopt different conditions depending on whether the display of the content C20 is canceled or displayed again. In addition, the terminal device 100 may adopt different conditions depending on the direction of the scroll operation.

  For example, when the upper end of the result display area A10 of the upward scroll operation moves to the inside of the area AR10, the terminal device 100 cancels the display of the content C20, and the lower end of the result display area A10 of the upward scroll operation is outside the area AR10. When moved to, the content C20 may be displayed again. Further, when the lower end of the downward scroll operation result display area A10 moves to the inside of the area AR10, the terminal device 100 cancels the display of the content C20, and the upper end of the downward scroll operation result display area A10 is outside the area AR10. When moved to, the content C20 may be displayed again.

  The above-described processing may be realized by comparing the position of the display area A10 and the position of the area AR10, and may be realized according to the scroll amount, for example. That is, the terminal device 100 cancels the display of the content C20 or redisplays the content C20 when a scroll operation of a preset amount is performed based on the position where the display area A10 is installed, the size of the image, and the like. You may.

  As described above, when a predetermined operation is performed on the web page C10 arranged in the first display mode, the terminal device 100 displays the web page C10 and the content C20 in the second display mode different from the first display mode. When the display area A10 of the web page C10 displayed in the second display mode is moved to the predetermined area AR10 and the content C20 and the content C30 have a predetermined relationship, the display of the content C20 is canceled. ..

[3-5. Regarding Variation of Second Display Process Performed by Terminal Device 100]
Here, in the above-described example, the terminal device 100 displays the buttons B1 and B2 when transitioning from the first display mode or the third display mode to the second display mode. However, the embodiment is not limited to this. For example, when the terminal device 100 transitions from the first display mode to the second display mode, the terminal device 100 displays the buttons B1 and B2, transitions from the first display mode to the third display mode, and then the web page C10. When the transition from the third display mode to the second display mode is triggered by the operation for, different contents may be displayed instead of the buttons B1 and B2.

  For example, when the terminal device 100 arranges the content C40 related to the content C20 on the back of the content C20 displayed in the fourth display size, and the operation is performed on the web page C10 displayed in the third display size. Displays the content C20, the web page C10, and the content C40 by increasing the display size of the web page C10 to the first display size and reducing the display size of the content C20 to the second display size. Good. More specifically, the content C40 having the second display size may be displayed.

  For example, in the example illustrated in FIG. 5, the terminal device 100 accepts delivery of the web page C10, the content C20, and the content C40 related to the content C20 and having the second display size. For example, the content C40 is content including text indicating the product name, price, etc. of the subject included in the content C20. To give a more specific example, the content C20 is a moving image of an actress wearing clothes and accessories, and the content C40 is text indicating the names of clothes and accessories, seller information, prices, and the like. It may be an image in which a link is set to a web content of an online shopping mall that sells accessories. In addition, the content C40 may be content (for example, a moving image or a plurality of images that switches with time) in which the content of information changes according to the reproduction state of the content C20. That is, the content C40 may be content of the content C20 that indicates information about clothes, accessories, and the like to be imaged at the reproduction position currently being reproduced.

  Then, the terminal device 100 displays the content C20 and the web page C10 in the third display state as shown in the twenty-first state by the above-described first display process and second display process. Further, the terminal device 100 arranges the content C40 on the back surface of the content C20 such that the upper right vertex overlaps the upper right vertex of the screen.

  In addition, when the scroll operation is performed on the web page C10, the terminal device 100 enlarges the display size of the web page C10 in the screen upper direction and also increases the display size of the content C20 as shown in the 22nd state. By gradually reducing, the area in which the content C40 is displayed is gradually enlarged. In addition, as shown in the twenty-third state, the terminal device 100 further reduces the display size of the content C20 and enlarges the area in which the content C40 is displayed, in accordance with a further upward scroll operation. Then, as shown in the twenty-fourth state, the terminal device 100 displays the contents C20 and C40 of the second display size and the web page C10 of the first display size. The 21st state corresponds to the 7th state shown in FIG.

[4. Modified Example of Display Process Performed by Terminal Device 100]
Hereinafter, a modified example of the display process executed by the terminal device 100 will be described.

[4-1. About displayed content]
The terminal device 100 may display the web page C10 and the contents C20 to C22, C30, and C40 of any display size. For example, the terminal device 100 may display the web page C10 and the contents C20 to C22, C30, and C40 based on the display size based on the screen size, regardless of the display size indicated by the data. For example, when the terminal device 100 displays the web page C10 and the content C20 in the first display mode, the terminal device 100 has a predetermined display size smaller than the display size (for example, the same display size as the screen) that is the reference of the web page C10. The content C20 may be displayed in a reduced size and the display size of the content C20 may be displayed in the fourth display size (for example, the display size in the horizontal direction is the same as the horizontal display size of the screen).

  In addition, the terminal device 100 calculates the size of the regions generated on the left and right of the content C10 when the content C10 with the reduced display size and the content C20 with the fourth display size are arranged in the first display mode, The contents C21 and C22 having the calculated area size may be generated each time. Here, the terminal device 100 cuts out the leftmost area of the content C20, enlarges the cutout area to generate the content C21 with a blurred contour, cuts out the rightmost area of the content C20, and cuts out the cutout area. It is also possible to generate the content C22 which is enlarged to have a blurred contour. Further, the terminal device 100 changes the display size and the aspect ratio into a plurality of display sizes and aspect ratios according to the size of the area in the first display mode in which the content C20 and the web page C10 are not arranged. The contents C21 and C22 may be generated and arranged. That is, the terminal device 100 may generate the contents C21 and C22 by cutting an arbitrary area of the content C20 and changing the aspect ratio and the display size of the cut area.

  A predetermined landing page may be set in the above-mentioned contents C20 to C40. Moreover, the terminal device 100 may display the content C20 on the entire screen when the content C20 to C40 are selected. Further, in the terminal device 100, links to different landing pages may be set for each of the contents C20, C21, C22, C30, and C40.

[4-2. Regarding transition of display mode]
Here, the terminal device 100 may transition the display mode to the third display mode not only when the button B1 is selected in the second display mode but also when the content C20 is selected, for example. .. That is, when an operation is performed on the content C20 displayed in the second display size, the terminal device 100 enlarges the display size of the content C20 to the fourth display size and displays the display size of the web page C10 in the third display. May be reduced to size.

[4-3. Display of web page C10]
Here, in order to further emphasize the content C20 in the first display mode, the terminal device 100 displays the web page C10 in a state in which the visibility is reduced, and in the second display mode and the third display mode, the visibility is displayed. You may display the web page C10 which returned to the original. For example, the terminal device 100, as the first display mode, displays the web page C10 with a reduced display size and a blurred outline, and when an operation is performed on the web page C10, the display size of the web page C10. May be enlarged and the outline of the web page C10 may be made clear.

[4-4. About thumbnail display]
Here, the terminal device 100 starts the first display process by displaying the thumbnail of the content C20 in place of the content C20, and during the period from the first display mode to the second display mode, the data of the content C20 is displayed. May be obtained. For example, the terminal device 100 acquires the content C20 after acquiring the thumbnail of the content C20 and the web page C10. Then, when the thumbnail of the content C20 is acquired, the terminal device 100 executes the first display process. For example, the terminal device 100 includes, around the web page C10, a thumbnail of the content C20, and a plurality of contents in which the display size of the thumbnail is changed and the outline is blurred (that is, the content corresponding to the contents C21 and C22). Place and display. When the content C20 is acquired, the terminal device 100 replaces the thumbnail and the content generated from the thumbnail with the content C20 and the plurality of contents C21 and C22 around the reduced web page C10. May be arranged and displayed.

[4-5. Regarding exception rules]
In the above-described third display process, the terminal device 100 did not transition from the second display mode and the third display mode to the first display mode. However, the terminal device 100 may provide an exception rule. For example, it is estimated that the user who taps the content C40 displayed in the fourth display process is interested in the information on the content C20 and C40. Therefore, when the content C40 is selected in the fourth display process, the terminal device 100 may transition the display mode from the second display mode to the first display mode, or the display mode may be the second display mode. May be changed to the third display mode.

[4-6. About initial display]
The terminal device 100 may set the second display mode or the third display mode as the initial display. For example, the terminal device 100 arranges and displays the web page C10 on the entire screen, and when the content C20 is distributed, the web page C10 and the content C20 are displayed in the second display mode instead of the first display mode. Is displayed. Then, as a result of the fourth display processing, the terminal device 100 changes the display mode from the second display mode to the first display mode when the content C30 is selected in the state where the display of the content C20 is canceled. May be.

[4-7. Regarding transition to initial display]
In the above-described example, when the terminal device 100 accepts the distribution of the web page C10, the terminal device 100 displays the web page C10 on the entire screen before accepting the distribution of the content C20, and when accepting the distribution of the content C20, the web page C10 is displayed. The first display mode is realized by gradually reducing the display size of page C10. However, the embodiment is not limited to this. For example, if the terminal device 100 displays the content C20 as the initial display after rotating or fading out the web page C10, the terminal device 100 displays any display mode other than the first display mode as the initial display. You may. Moreover, the terminal device 100 may change the display form of the web page C10 in an arbitrary manner.

  Here, in the terminal device 100, when the operation on the web page C10 is performed before the display mode becomes the initial display, that is, when the operation on the web page C10 is performed before the content C20 is acquired. May continue to display the web page C10 on the entire screen without changing the display mode of the web page C10. Further, the terminal device 100 changes the display mode of the web page C10, and when an operation is performed on the web page C10 during the transition of the display mode to the initial display, the display mode of the web page C10 is changed. The web page C10 may be gradually returned and displayed on the entire screen.

  For example, the terminal device 100 cancels the acquisition of the content C20 and displays the web page C10 in the first state when the scroll operation for the web page C10 is performed in the stage of the first state shown in FIG. You may continue. Further, when the scroll operation is performed on the web page C10 in the second state or the third state, the terminal device 100 may gradually return the display mode to the first state and continue to display the web page C10. ..

[4-8. Regarding playback mode of moving images]
Here, the terminal device 100 may reproduce the content C20 when the content C20 is selected in the first display mode to the third display mode. For example, the terminal device 100 may start the reproduction from the beginning of the moving content C20. Further, for example, the terminal device 100 may display a control bar that controls the reproduction of the content C20 together with the content C20. In addition, the terminal device 100 may repeatedly reproduce the content C20 in the first display mode to the third display mode. Good.

[4-9. Execution subject]
Although not described above, the terminal device 100 can realize the above-described display processing by an arbitrary method. For example, the terminal device 100 may realize the above-described display process by previously downloading an application that causes the terminal device 100 to execute the above-described display process and activating the application at an arbitrary timing.

  Further, the terminal device 100 accepts the distribution of the control information that causes a general-purpose program such as a web browser to execute the above-described display processing at the same time as the distribution of the web page C10 and the contents C20 to C40. Then, the terminal device 100 may perform the above-described display processing according to the control information.

  In addition, the terminal device 100 may acquire, as the control information, the application that implements the display process described above or the application itself that implements the display process described above according to the control information described above. For example, the terminal device 100 downloads an application that implements the above-described display processing according to a user's operation, and installs the application in the own device. When activated, such an application acquires the web page C10 and the content C20 in response to an operation from the user, and controls the terminal device 100 to implement the above-described display processing. Here, the application may receive the distribution of the control information or may be included in the application program in advance in order to realize the above-described display processing.

[5. Configuration of distribution system]
Hereinafter, the terminal device 100 and the like that realize the above-described display processing will be described. First, the configuration of the distribution system 1 according to the embodiment will be described with reference to FIG. FIG. 6 is a diagram illustrating a configuration example of the distribution system according to the embodiment. As shown in FIG. 6, the distribution system 1 includes a terminal device 100, an advertiser terminal 10, an advertisement distribution server 20, and a content distribution server 30. The terminal device 100, the advertiser terminal 10, the advertisement distribution server 20, and the content distribution server 30 are communicably connected via a network N by wire or wirelessly. The distribution system 1 shown in FIG. 6 may include a plurality of terminal devices 100, a plurality of advertiser terminals 10, a plurality of advertisement distribution servers 20, and a plurality of content distribution servers 30. Good.

  The terminal device 100 acquires the web page C10 from the content distribution server 30 according to the operation by the user, and when the web page C10 includes an acquisition command requesting acquisition of the contents C20 to C24, the contents C20 to C40. From the advertisement distribution server 20. Further, when the terminal device 100 receives the distribution of the control information for realizing the above-described display processing from the advertisement distribution server 20, the terminal apparatus 100 operates according to the control information and realizes the display processing.

  The advertiser terminal 10 is an information processing device used by the advertiser. For example, the advertiser terminal 10 is a desktop PC, a notebook PC, a tablet terminal, a mobile phone, a PDA, or the like. The advertiser terminal 10 submits to the advertisement distribution server 20 as advertisement content such as the content C20 according to the operation by the advertiser. For example, the advertiser terminal 10 submits the contents C20 to C40 as advertisement contents to the advertisement distribution server 20.

  Further, the advertiser terminal 10 submits a still image, a moving image, text data, a URL (Uniform Resource Locator) for acquiring a landing page, and the like to the advertisement distribution server 20 as the contents C20 to C40. For example, the advertiser registers the contents C20 to C40 via the advertiser terminal 10.

  Further, the advertiser may request the agency to submit the advertising content. In this case, the agency submits the advertisement content to the advertisement distribution server 20. In the following, the notation “advertiser” is a concept that includes not only the advertiser but also the agency, and the notation “advertiser terminal” refers to not only the advertiser terminal 10 but also the agency device used by the agency. It is assumed to be a concept including.

  The advertisement distribution server 20 is a server device that distributes the advertisement content submitted from the advertiser terminal 10. For example, when the advertisement distribution server 20 receives a distribution request for advertisement content from the terminal device 100, the advertisement distribution server 20 matches the user with the advertisement content based on the location of the terminal device 100, the attribute of the user, etc. The following advertising content is distributed to the terminal device 100. Further, the advertisement distribution server 20 distributes the control information for realizing the above-described display processing to the terminal device 100 together with the contents C20 to C40 which are advertisement contents. The control information is described in a script language such as JavaScript (registered trademark) or CSS, for example.

  The content delivery server 30 is a web server or the like that delivers the web page C10 to the terminal device 100. For example, the content distribution server 30 can be used as a portal site, news site, auction site, weather forecast site, shopping site, finance (stock price) site, route search site, map providing site, travel site, restaurant introduction site, web blog, etc. The web page C10 in which various related information is arranged in a tile shape is delivered to the terminal device 100. The content delivery server 30 may be a server that delivers a web page such as a portal site where various kinds of information are arranged.

  Here, the web page C10 distributed by the content distribution server 30 includes an acquisition command for instructing acquisition of the advertising content from the advertisement distribution server 20. For example, in the HTML file or the like forming the web page C10, the URL of the advertisement distribution server 20 and various scripts for acquiring the advertisement content and arranging and displaying it in the display area A10 are described as acquisition instructions. .. In this case, the terminal device 100 acquires the contents C20 to C40 from the advertisement distribution server 20 as advertisement contents by accessing the URL described in the HTML file or the like.

  The various data distributed from the content distribution server 30 to the terminal device 100 are actually HTML files and images forming a web page, moving images displayed together with the web page C10, and the like. The display area A10 may be described as a predetermined display area in an HTML file or the like forming the web page C10, and may be distributed as one of tiles, for example. In this way, when the display area A10 is distributed as one of the tiles, the acquisition command for acquiring the advertising content displayed in the display area A10 is distributed to the terminal device 100 together with the distribution of the display area A10. It will be.

[6. Ad delivery server configuration]
Next, the configuration of the advertisement distribution server 20 according to the embodiment will be described with reference to FIG. 7. FIG. 7 is a diagram illustrating a configuration example of the advertisement distribution server according to the embodiment. As shown in FIG. 7, the advertisement distribution server 20 has a communication unit 21, a storage unit 22, and a control unit 23.

  The communication unit 21 is realized by, for example, a NIC (Network Interface Card) or the like. Then, the communication unit 21 is connected to the network N by wire or wirelessly, and transmits and receives information to and from the terminal device 100, the advertiser terminal 10, and the content distribution server 30.

  The storage unit 22 is realized by, for example, a semiconductor memory device such as a RAM (Random Access Memory) or a flash memory (Flash Memory), or a storage device such as a hard disk or an optical disk. The storage unit 22 also stores an advertisement database 24, which is a database that stores various types of information regarding advertisement content submitted from the advertiser terminal 10.

  Here, FIG. 8 is a diagram illustrating an example of information stored in the advertisement database according to the embodiment. In the example shown in FIG. 8, the advertisement database 24 has items such as an advertiser ID, advertisement content, the number of impressions, the guaranteed number of impressions, and consideration. The advertisement database 24 may further store information for matching the content with the user and information such as CTR (Click Through Rate).

  The “advertiser ID” indicates identification information for identifying the advertiser or the advertiser terminal 10. The “advertisement content” indicates content submitted from the advertiser terminal 10, that is, content related to advertisement such as the content C20 to C40. Note that FIG. 4 shows an example in which conceptual information such as “C20 to C40” is stored in the “advertisement content”, but in reality, individual images and moving images intended to convey common information to the user. The URL where each content such as image, voice and image, text data, game data, game format advertisement, or the like, or a file path name indicating the storage location thereof is stored.

  In the advertisement database 24, in addition to the contents C20 to C40, display instructions for instructing execution of the above-described display processing are registered as advertisement content. The display instruction includes, for example, at which position the contents C20 to C40 should be arranged and displayed, the reproduction timing of the contents C20, the first display size to the fourth display size, and the layout in the first display form to the third display form. , What kind of operation changes the display mode, how the display mode of the web page C10 is changed, the position of the area AR10 with respect to the screen, and the display area A10 inside the area AR10. It includes setting values such as which position the display of the content C20 should be canceled and which position of the display area A10 should be redisplayed outside the area AR10. Note that the above-described display instruction is assumed to be arbitrarily set by the advertiser when the advertiser registers the advertising content, for example.

  The “impression number” indicates the number of times the advertising content is displayed. More specifically, the “impression number” indicates the number of times the contents C20 to C40 have been displayed, the number of times the content C20 has been reproduced, and the like. The “impression guarantee number” indicates the number of times the advertisement content is guaranteed to be paid for. Further, the “compensation” indicates the reward paid by the advertiser when the advertising content is displayed by the “impression guarantee number”. That is, the advertisement delivery server 20 is a server that delivers the content related to the advertisement in an impression guarantee type.

  That is, FIG. 8 shows an example in which the advertiser identified by the advertiser ID “B10” has submitted the contents C20 and C30 as advertisement contents. Further, in FIG. 8, the number of impressions of the contents C20 and C30 is “10000”, the guaranteed number of impressions is “20000”, and the charge amount when the content C20 and C30 is displayed by the guaranteed number of impressions is “aaa”. Is shown.

  When the content related to the advertisement is distributed in the click-billing format in which the fee is charged each time the advertisement content is selected, the number of times the content is selected and the charge amount when the content is selected are stored in the advertisement database 24. Etc. are registered. Further, when the advertisement content is selected in the bid format and the selected advertisement content is delivered when the delivery request is received, the advertisement database 24 shows the advertisement fee set as a reward per impression by the advertiser. The bid price, CTR, etc. are registered.

  Returning to FIG. 7, the description will be continued. The control unit 23 is realized, for example, by a CPU (Central Processing Unit), an MPU (Micro Processing Unit), or the like that executes various programs stored in a storage device inside the advertisement distribution server 20 using a RAM as a work area. To be done. Further, the control unit 23 is realized by, for example, an integrated circuit such as an ASIC (Application Specific Integrated Circuit) or an FPGA (Field Programmable Gate Array).

  As shown in FIG. 7, the control unit 23 includes a submission reception unit 25, a request reception unit 26, an advertisement selection unit 27, and a distribution unit 28, and has functions and actions of information processing described below. Realize or execute. Note that the internal configuration of the control unit 23 is not limited to the configuration shown in FIG. 7, and may be another configuration as long as it is a configuration for performing information processing described later. The connection relationship between the processing units included in the control unit 23 is not limited to the connection relationship illustrated in FIG. 7, and may be another connection relationship.

  The manuscript reception unit 25 receives, from the advertiser terminal 10, a manuscript designation and a display instruction of the contents C20 to C40, which are advertising contents, as well as a consideration. In such a case, the submission acceptance unit 25 registers the contents C20 to C40, the display instruction, the advertiser ID, and the value of the received consideration in association with each other in the advertisement database 24.

  The request receiving unit 26 receives an advertisement content acquisition request from the terminal device 100. For example, the request receiving unit 26 receives an HTTP request as a request for acquiring advertisement content.

  The advertisement selecting unit 27 selects the distribution candidate advertisement contents from the advertisement database 24 when the request receiving unit 26 receives the advertisement content acquisition request. For example, the advertisement selection unit 27 matches the advertisement content to be distributed from the advertisement content registered in the advertisement database 24 based on the position of the terminal device 100 and the attribute of the user.

  In such matching, the advertisement content is selected so that the number of impressions is larger than the guaranteed number of impressions. For example, the advertisement selection unit 27 preferentially selects the advertisement content having the largest difference between the guaranteed number of impressions and the number of impressions. The advertisement selection unit 27 may preferentially select advertisement content having a high bid price or CTR, or advertisement content having a high bid price or CTR.

  Further, when the web page is a search page, the advertisement selecting unit 27 may use an advertisement distribution method called a search-linked advertisement that extracts advertisement content that matches the search keyword specified in the search page. Further, the advertisement selecting unit 27 may use an advertisement distribution method called targeting distribution that extracts advertisement content that matches the user's attribute information (psychographic attribute, demographic attribute, etc.). Then, the advertisement selection unit 27 outputs the advertisement content selected as the distribution target to the distribution unit 28.

  The distribution unit 28 distributes the control information to the terminal device 100 together with the advertisement content selected by the advertisement selection unit 27. Specifically, when the distribution unit 28 receives the advertisement content selected by the advertisement selection unit 27, the distribution unit 28 extracts the display instruction included in the received advertisement content. Then, the distribution unit 28 generates control information for causing the terminal device 100 to execute the display process having the content indicated by the extracted display instruction. After that, the distribution unit 28 distributes the generated control information and the advertising content to the terminal device 100.

[7. Content distribution server configuration]
Next, the configuration of the content distribution server 30 according to the embodiment will be described with reference to FIG. FIG. 9 is a diagram showing a configuration example of the content distribution server according to the embodiment. As shown in FIG. 9, the content distribution server 30 has a communication unit 31, a content storage unit 32, and a control unit 33.

  The communication unit 31 is realized by, for example, a NIC or the like. Then, the communication unit 31 is connected to the network N by wire or wirelessly, and transmits and receives information to and from the terminal device 100 and the advertisement distribution server 20.

  The content storage unit 32 is realized by, for example, a semiconductor memory device such as a RAM or a flash memory, or a storage device such as a hard disk or an optical disk. Then, the content storage unit 32 stores a web page that is an example of content. For example, the content storage unit 32 stores an HTML file forming a web page, a still image or a moving image displayed on the web page.

  The control unit 33 is realized by, for example, a CPU, an MPU, or the like executing various programs (corresponding to an example of a distribution program) stored in a storage device inside the content distribution server 30 using a RAM as a work area. .. The control unit 33 is realized by, for example, an integrated circuit such as ASIC or FPGA.

  As shown in FIG. 9, the control unit 33 includes a reception unit 34 and a distribution unit 35, and realizes or executes the functions and actions of information processing described below. Note that the internal configuration of the control unit 33 is not limited to the configuration shown in FIG. 9, and may be another configuration as long as it is a configuration for performing information processing described later. The connection relationship between the processing units included in the control unit 33 is not limited to the connection relationship illustrated in FIG. 9 and may be another connection relationship.

  The reception unit 34 receives a web page acquisition request from the terminal device 100. For example, the reception unit 34 receives an HTTP request as a web page acquisition request.

  The delivery unit 35 delivers the web page to the terminal device 100 when the acceptance unit 34 receives the web page acquisition request. Specifically, the distribution unit 35 acquires the acquisition-requested web page from the content storage unit 32 from the content storage unit 32, and distributes the acquired web page to the terminal device 100. In such a case, when the terminal device 100 receives the web page C10, the terminal device 100 transmits a distribution request for the advertisement content to the advertisement distribution server 20, and displays the received advertisement content as a response. Then, the terminal device 100 executes a display process of changing the advertising content according to the operation of the user.

[8. Configuration of terminal device]
Next, the configuration of the terminal device 100 according to the embodiment will be described with reference to FIG. FIG. 10 is a diagram illustrating a configuration example of the terminal device according to the embodiment. As shown in FIG. 10, the terminal device 100 includes a communication unit 110, an input unit 120, an output unit 130, a physical sensor 140, and a control unit 150.

  The communication unit 110 is realized by, for example, a NIC or the like. Then, the communication unit 110 is connected to the network N by wire or wirelessly, and transmits and receives information to and from the advertisement distribution server 20 and the content distribution server 30.

  The input unit 120 is an input device that receives various operations from a user. For example, the input unit 120 is realized by a keyboard, a mouse, operation keys, or the like. The output unit 130 is a display device for displaying various types of information, that is, a screen. For example, the output unit 130 is realized by a liquid crystal display or the like. When the touch panel is adopted as the terminal device 100, the input unit 120 and the output unit 130 are integrated. In the following description, the output unit 130 may be described as a screen.

  The physical sensor 140 is a sensor that detects the physical state of the terminal device 100. For example, the physical sensor 140 is a gyro sensor that measures the inclination of the terminal device 100 in the three axis directions. The physical sensor 140 is not limited to the gyro sensor, and any sensor such as an acceleration sensor, a temperature sensor, a volume sensor, and a brightness sensor can be applied.

  The control unit 150 is realized by, for example, a CPU, an MPU, or the like executing various programs (corresponding to an example of an information display program) stored in a storage device inside the terminal device 100 using a RAM as a work area. .. For example, these various programs correspond to application programs called web browsers. Further, the control unit 150 is realized by, for example, an integrated circuit such as an ASIC or FPGA.

  As illustrated in FIG. 10, the control unit 150 includes a request unit 151, an operation control unit 152, and a display processing unit 153, and implements or executes the information processing function or action described below. The internal configuration of the control unit 150 is not limited to the configuration shown in FIG. 10, and may be another configuration as long as it is a configuration for performing information processing described later. The connection relationship between the processing units included in the control unit 150 is not limited to the connection relationship illustrated in FIG. 10, and may be another connection relationship.

  When receiving the URL of the web page C10 from the operation control unit 152, the request unit 151 transmits an acquisition request for the web page C10 indicated by the received URL to the content distribution server 30. Further, when the web page C10 received from the content distribution server 30 includes an acquisition command, the request unit 151 transmits an acquisition request for advertisement content to the advertisement distribution server 20.

  The operation control unit 152 executes various controls according to the user's operation received via the input unit 120. For example, when the user performs a display operation of the web page C10 on the input unit 120, the operation control unit 152 outputs the URL of the web page C10 to be displayed to the request unit 151. Further, the operation control unit 152 outputs, to the display processing unit 153, the contents of the user's operation such as the scroll operation and the tap operation received via the input unit 120.

  The display processing unit 153 displays the received web page and advertisement content on the output unit 130, and executes the display processing described above. For example, the display processing unit 153 causes the control unit 150 to execute the acquisition command distributed with the web page C10 and the control information distributed with the advertising content, so that the display unit 153 displays the acquisition unit 154 as shown in FIG. It operates as the unit 155 and the display control unit 156 to execute display processing. The acquisition unit 154, the display unit 155, and the display control unit 156 are realized by, for example, the CPU, the MPU, or the like executing the control information using the RAM as the work area.

  The acquisition unit 154 acquires the web page C10 and the contents C20 to C40. For example, the acquisition unit 154 acquires the web page C10. In such a case, the acquisition unit 154 acquires the contents C20 to C40 from the advertisement distribution server 20 via the request unit 151. For example, the acquisition unit 154 acquires the content C20 that is a moving image and the contents C30 and C40 that are still images.

  Further, the acquisition unit 154 acquires the web page C10, and acquires the content C20 triggered by the acquisition of the web page C10. For example, the acquisition unit 154 acquires the content of the domain different from that of the web page C10 according to the acquisition instruction of the content C20 included in the web page C10.

  The display unit 155 displays each content. More specifically, the display unit 155 displays the web page C10 and the contents C20 to C40 on the screen under the control of the display control unit 156, and reproduces the contents C20 and the contents C21 to C22 at a predetermined timing. To do. For example, the display unit 155 displays the web page C10 and the contents C20 to C40 in the first display mode to the third display mode under the control of the display control unit 156.

  The display control unit 156 realizes a display process by controlling the display mode of the web page C10 and the contents C20 to C40 by the display unit 155. For example, when the web page C10 is acquired, the display control unit 156 arranges and displays the web page C10 on the entire screen. Then, when the content C20 is acquired, the display control unit 156 causes the content C20 to be displayed after gradually changing the display mode of the web page C10. For example, when the content C20 is acquired, the display control unit 156 gradually changes the display mode of the web page C10 and then displays the web page C10 and the content C20. More specifically, when the content C20 is acquired, the display control unit 156 gradually reduces the display size of the web page C10 to a predetermined display size and reduces the display size of the web page C10. The content C20 is arranged and displayed in the designated area.

  For example, when the content C20 is acquired, the display control unit 156 displays the web page C10 and the content C20 by arranging the content C20 on the back side of the web page C10 and reducing the display size of the web page C10. To do. More specifically, when the content C20 is acquired, the display control unit 156 gradually reduces the display size of the web page C10 to a predetermined display size, and the display size is reduced around the web page C10. A content C20 that is a moving image and a plurality of contents C21 and C22 that are moving images whose display size is changed and whose contours are blurred are arranged to display the web page C10 and each of the contents C20 to C22. .. For example, the display control unit 156 arranges the content C20 at the upper end of the screen, and arranges the web page C10 in which the display size is reduced by a predetermined ratio in substantially the center of the area of the screen where the content C20 is not arranged, The web page C10 and the contents C20 to C22 are displayed with the plurality of contents C21 and C22 arranged at both ends of the area in the horizontal direction of the screen.

  That is, as the first display mode, the display control unit 156 displays, on the screen having the display area with the vertically long aspect ratio, the content C20 having the horizontally long aspect ratio, the web page C10 having the vertically long aspect ratio, and the vertically long aspect ratio. The contents C21 and C22 are displayed by being arranged. Then, the display control unit 156 causes the contents C20 to C22 to be reproduced. As a result, the display control unit 156 displays the first display mode as the initial display.

  Here, when displaying the contents C21 to C22 in the first display mode, the display control unit 156, before changing the display mode of the web page C10, the content C20 and the web page whose display size is reduced by a predetermined ratio. C10 and are placed in the screen. Then, the display control unit 156 arranges a plurality of contents C21 and C22 whose display size is changed to a display size corresponding to the size of the area where the content C20 and the web page C10 are not arranged on the screen. That is, the display control unit 156 determines the display size of the contents C21 and C22 according to the size of the area for displaying the contents C21 and C22, and displays the contents C21 and C22 having the determined display size. For example, the display control unit 156 extracts a part of the content C20 and sets the display size and the aspect ratio of the extracted part to the size of the area of the screen where the content C20 and the web page C10 are not arranged. A plurality of contents C21 and C22 whose display sizes and aspect ratios are changed are generated and arranged.

  Further, when an operation is performed on the web page C10 whose display size has been reduced, the display control unit 156 enlarges the display size of the web page C10 to display the content C20 and the plurality of contents C21, C22. Reduce the size of the area. For example, in the first display mode, the display control unit 156 arranges the web page C10 in front of the content C20 and the plurality of contents C21 and C22 when the scroll operation is performed on the web page C10 with the reduced display size. The display size of the web page C10 may be gradually increased. In addition, the display control unit 156 may increase the display size of the web page C10 to a display size corresponding to the amount of scroll operation, or may automatically increase the display size to a predetermined display size.

  In addition, the display control unit 156 cancels the display of the contents C21 and C22, expands the display size of the web page C10 to a predetermined first display size, and sets the display size of the content C20 to a predetermined smaller display size. Reduce to the second display size. As a result, the display control unit 156 will display the web page C10 and the content C20 in the second display mode. Further, in the second display mode, the display control unit 156 causes the web page C10 to scroll without changing the display size of the content C20 and the web page C10 when the scroll operation on the web page C10 is further performed. ..

  Further, the display control unit 156 reduces the display size of the web page C10 to the third display size and enlarges the display size of the content C20 to the fourth display size when selected in the second display mode. The icon, that is, the button B1 is displayed. Then, when the button B1 is selected, or when the reproduction of the content C20 is finished in the first display mode, the display control unit 156 enlarges the display size of the web page C10 to the third display size and also the content C20. By reducing the display size of to the fourth display size, the web page C10 and the content C20 are displayed in the third display mode. In addition, the display control unit 156 expands the display size of the web page C10 to the first display size when the operation for the web page C10 displayed in the third display mode is performed, and reduces the display size of the content C20. The display mode is returned to the second display mode by reducing the display size to the second display size.

  That is, the display control unit 156 changes the display mode of the plurality of contents to the second display mode when a predetermined operation is performed on the content while the plurality of contents are displayed in the first display mode, Even if a predetermined operation is performed on the content in the second display mode, the control is performed so as not to change the second display mode to the first display mode.

  Further, the display control unit 156 changes the display mode to the third display mode when a predetermined operation is performed in the second display mode. For example, the display control unit 156 displays at least the web page C10 and the content C20 in the first display mode. Further, the display control unit 156 changes the first display mode to the second display mode when the web page C10 displayed in the first display mode is operated, and displays the web displayed in the second display mode. When the operation is performed on page C10, the second display mode is changed to the third display mode. For example, when the scroll operation in the screen up direction is performed on the web page C10 displayed in the first display mode, the first display mode is changed to the second display mode. Further, when the upper end of the web page C10 is displayed as a result of the scroll operation in the screen downward direction on the web page C10 displayed in the second display mode, the display control unit 156 displays the second display mode in the third display. Change to the mode.

  Further, the display control unit 156 changes the third display mode to the second display mode when the scroll operation in the screen up direction is performed on the web page C10 displayed in the third display mode. Further, the display control unit 156 changes the first display mode to the third display mode when the reproduction of the content C20 displayed in the first display mode is completed.

  It should be noted that the display control unit 156 executes the following processing when displaying the content C40 in the second display mode. First, the display control unit 156 arranges the content C40 of the second display size on the back of the content C20 displayed of the fourth display size, and when an operation is performed on the web page C10 displayed of the third display size. Expands the display size of the web page C10 to the first display size and reduces the display size of the content C20 to the second display size, so that the web page C10 having the first display size and the content having the second display size are displayed. C20 and content C40 are displayed.

  Here, when an operation is performed on the content C20 in the second display mode, the display control unit 156 enlarges the display size of the content C20 to the fourth display size and sets the display size of the web page C10 to the third display size. The display mode may be changed to the third display mode by reducing the display size to. Further, when the display control unit 156 reduces the display size in the first display mode and displays the web page C10 with a blurred contour, the display mode is changed to the second display mode or the third display mode. May increase the display size of the web page C10 and sharpen the outline of the web page C10.

  In addition, when the acquisition unit 154 acquires the thumbnail of the content C20, the display control unit 156 changes the thumbnail of the content C20 and a plurality of thumbnails of which the outline is blurred and the display size of the thumbnail is changed around the web page C10. Place and display content and. Then, when the acquisition unit 154 acquires the content C20, the display control unit 156 arranges and displays the content C20 and the plurality of contents C21 and C22 around the reduced web page C10. May be.

  Further, the display control unit 156 displays an icon for changing the display mode to the first display mode in the second display mode, and when such an icon is selected, the second display mode is changed to the first display mode. You may perform the process which is changed to.

  Further, when the operation on the web page C10 is performed before the content C20 is acquired, that is, before reaching the first display mode which is the initial display, the display control unit 156 determines the display mode of the web page C10. The web page C10 may be kept displayed without being changed. Further, the display control unit 156 displays the web page C10 in which the display mode is restored when an operation is performed on the web page C10 while gradually changing the display mode of the web page C10. Good.

  Further, when the display area A10 is arranged in the web page C10 and the content C30 to be arranged and displayed in the display area A10 is distributed, the display control unit 156 causes the following processing to be executed. First, the display control unit 156 displays the web page C10 in the first display mode to the third display mode with the content C30 arranged in the display area A10 of the web page C10.

  Then, the display control unit 156 moves the display area A10 to the predetermined area AR10 based on the screen by the scroll operation in the second display mode, and the content C30 and the content C20 display information related to the same target. When the content C20 has a predetermined relationship such as having the content, the display of the content C20 is canceled. For example, the display control unit 156 cancels the display of the content C20 when a predetermined position in the display area A10 moves into the screen. Further, the display control unit 156 causes the content C20 to be displayed again when the display area A10 is separated from the predetermined area AR10 after the display of the content C20 is stopped.

  Note that the display control unit 156 changes the display mode from the second display mode to the first display mode when the content C30 is selected in the state where the display of the content C20 is canceled, and the web page C10 and the content C20 are displayed. And may be displayed.

[9. Process flow of terminal device 100]
Next, the procedure of the display process executed by the terminal device 100 that has executed the control information will be described with reference to FIGS. 11 and 12. FIG. 11 is a first flowchart showing an example of the flow of display processing executed by the terminal device according to the embodiment. FIG. 12 is a second flowchart showing an example of the flow of display processing executed by the terminal device according to the embodiment.

  In the examples shown in FIGS. 11 and 12, the content C20 is described as a moving image, and the contents C21 and C22 are described as blurred moving images. In addition, in the examples illustrated in FIGS. 11 and 12, an example of the process of continuously executing the above-described display process is described, but the terminal device 100 may perform, for example, an operation of transitioning from the web page C10 to another web page. When the process is performed, the process shown in FIGS. 11 and 12 is ended, and the process is newly restarted.

  For example, the terminal device 100 requests the content distribution server 30 to distribute the web page C10 in response to a user operation, and receives the web page C10 from the content distribution server 30 (step S101). In such a case, the terminal device 100 displays the entire web page C10 screen (step S102). Then, when the distributed web page C10 includes the acquisition command, the terminal device 100 transmits a request (distribution request) for the content C20 or the like to the advertisement distribution server 20 (step S103).

  Here, the terminal device 100 determines whether or not the content C20, which is a moving image, has been received (step S104). When the terminal device 100 determines that the moving image is not received (step S104: No), the terminal device 100 executes step S104 again.

  Further, when the terminal device 100 receives the moving image (step S104: Yes), the terminal device 100 is a moving image having a display size corresponding to the size of the screen and a blurred moving image with a blurred contour, that is, the content C21. , C22 are generated (step S105). Then, the terminal device 100 arranges the moving image and the two blurred moving images on the back surface of the web page C10 (step S106).

  Subsequently, the terminal device 100 gradually reduces the display size of the web page C10 and displays the moving image and the two blurred moving images together with the web page C10 in the first display mode (step S107). That is, the terminal device 100 displays the web page C10 and the contents C20 to C22 in the first display mode as an initial display.

  Here, the terminal device 100 determines whether or not the reproduction of the moving image has ended (step S108). Then, when the reproduction of the moving image is completed (step S108: Yes), the terminal device 100 cancels the display of the blurred moving image and enlarges the display size of the web page C10 to display the moving image in the third display mode. The image and the web page C10 are displayed (step S109), and the process proceeds to the next process.

  On the other hand, when the reproduction of the moving image is not completed (step S108: No), the terminal device 100 determines whether or not an operation is performed on the web page C10 (step S110). Then, when an operation is performed on the web page C10 (step S110: Yes), the terminal device 100 cancels the display of the blurred moving image, reduces the display size of the content C20 that is the moving image, and reduces the size of the web page C10. By enlarging the display size of, the moving image and the web page C10 are displayed in the second display mode (step S111), and the process proceeds to the next process. On the other hand, when the operation on the web page C10 is not performed (step S110: No), the terminal device 100 executes step S108.

  Here, when the terminal device 100 executes step S109, the terminal device 100 determines whether or not an operation is performed on the web page C10 (step S112), and when it is determined that the operation is performed (step S112: Yes). Then, it is determined whether or not the reproduction of the moving image is completed (step S113). In addition, when the reproduction of the moving image is completed (step S113: Yes), the terminal device 100 reduces the display size of the moving image and enlarges the display size of the web page C10, and thus in the second display mode, The moving image and the web page C10 are displayed (step S114).

  Further, when the terminal device 100 executes step S111 or step S114, the terminal device 100 scrolls the web page C10 according to the scroll operation (step S115). Then, the terminal device 100 determines whether or not the content related to the moving image, that is, the display area A10 in which the content C30 is arranged has moved into the predetermined area AR10 (step S116). Then, when the display area A10 has moved into the predetermined area AR10 (step S116: Yes), the terminal device 100 stops displaying the moving image (step S117). Subsequently, the terminal device 100 determines whether or not the display area A10 has moved outside the predetermined area AR10 (step S118), and when the display area A10 has moved (step S118: Yes), the moving image in the second display mode is displayed. And a web page are displayed (step S119).

  Subsequently, the terminal device 100 determines whether or not the upper end of the web page C10 is displayed (step S120), and when it is displayed (step S120: Yes), the moving image and the web page are displayed in the third display mode. Is displayed (step S121), and step S112 is executed. If the upper end of the web page C10 is not displayed (step S120: No), the terminal device 100 executes step S115. In addition, the terminal device 100, when the display area A10 has not moved into the predetermined area AR10 (step S116: No), or when the display area A10 has not moved outside the predetermined area AR10 (step S118: No), and step S120 is executed. In addition, when the operation of the web page is not performed in the second display mode (step S112: No), or when the reproduction of the moving image is not completed (step S113: No), the terminal device 100 is step S112. To execute.

[10. Modification example)
In the above, an example of the display process by the terminal device 100 has been described using the display modes illustrated in FIGS. 1 to 5. However, the embodiment is not limited to this. Hereinafter, a modified example of the display process executed by the terminal device 100 will be described. The display process described below is realized by, for example, the process performed by the acquisition unit 154, the display unit 155, and the display control unit 156, but the embodiment is not limited to this.

[10-1. About content]
The terminal device 100 described above displays the contents C20 to C40 that are advertising contents. However, the embodiment is not limited to this. For example, the content C20 and the content C21 and C22 may be moving images having different contents, or may be moving images having different reproduction positions in the same moving image. Further, the contents C30 and C40 may be contents that have no relationship with the contents C20.

  The contents C20 to C40 may be distributed by the same server as the server that distributed the web page C10, or may be distributed by different servers. That is, any mode can be adopted as the mode of the process of delivering the web page C10 or the contents C20 to C40 when executing the above-described display process.

[10-2. About content]
In the above example, the terminal device 100 has described the example in which the web page C10 and the contents C20 to C40 are displayed. However, the embodiment is not limited to this. For example, the terminal device 100 may display other content (hereinafter, referred to as “content C10”) instead of the web page C10. Moreover, the contents C20 to C40 are not limited to the contents related to the advertisement. For example, the terminal device 100 may display any content C10 to C40 including a character string other than an advertisement, a pattern, an image, a moving image, etc. by the above-described display processing. Further, the terminal device 100 may display the contents C10 to C40 including a game or the like, or may display the contents C10 to C40 including a so-called playable advertisement. In addition, the terminal device 100 may display the contents C10 to C40 including audio. The character strings, patterns, images, moving images, games, sounds, etc. included in the contents C10 to C40 are not limited to those related to advertisement.

  Further, when the terminal device 100 displays the content C10 that is the game content instead of the web page C10, the terminal device 100 may display auxiliary content such as a game menu or a tutorial as the content C20 to C40. In addition, the terminal device 100 may execute the above-described display processing when displaying a web page in an interactive format created by a technique such as flash or CSS when executing a game.

  Further, the terminal device 100 may display the contents C20 to C40 together with the content of the SNS (Social Networking Service), the screen of the messenger application, the screen of the camera application, and any other content, and execute the above-described display processing. .. In addition to the web page C10, the terminal device 100 may display any content such as a game, a map, a music playback screen, a video playback screen, and the like.

[10-3. Implementation unit]
Here, the terminal device 100 executes the above-described first display process to fourth display process together. However, the embodiment is not limited to this. For example, the terminal device 100 may individually execute the above-described first display process to fourth display process.

  For example, if the terminal device 100 has content to be displayed other than the web page C10 and acquires the content triggered by the reception of the web page C10, the terminal device 100 displays the web page C10 and the content in any display mode. Therefore, the above-described first display process may be executed. That is, the terminal device 100 first displays the web page C10 on the entire surface of the screen, and then, when other content is acquired, changes the display mode of the web page C10 so that the web page C10 and the other content are displayed. Should be displayed.

  In addition, the terminal device 100 may execute only the above-described second display process without executing the first display process, the third display process, and the fourth display process. That is, if the terminal device 100 displays the contents C20 to C22 and the web page C10 in the above-described first display mode, the terminal device 100 may not display the second display mode and the third display mode. For example, when the operation of selecting the web page C10 or the scroll operation is performed in the first display mode, the terminal device 100 gradually increases the display size of the web page C10 and displays the web page C10 on the entire screen. May be.

  Further, the terminal device 100 may execute the third display process without executing the first display process and the fourth display process. That is, when the terminal device 100 switches the first display mode to the third display mode, when the display mode is switched from the first display mode which is the initial display to the second display mode or the third display mode, , It suffices not to switch to the first display mode.

  Further, the terminal device 100 may execute the fourth display process without executing the first display process to the third display process. That is, the terminal device 100 displays the content together with the web page C10 and scrolls the web page C10. As a result, the content related to the displayed content and the content arranged in the web page C10 is displayed on the screen. If it is possible to display the content, the display of the displayed content may be canceled.

  In addition, the terminal device 100 may execute the above-described first to fourth display processes in any combination. Further, such a combination can be arbitrarily set by the advertiser as a display instruction when the advertisement content is registered in the advertisement distribution server 20. Then, the advertisement distribution server 20 generates control information that causes the terminal device 100 to execute the combination of processes set by the advertiser, and distributes the generated control information to the terminal device 100. As a result, the terminal device 100 can combine and execute the above-described arbitrary processes according to the settings of the advertiser.

[10-4. About control information]
The terminal device 100 described above executes the above-mentioned display process using the control information distributed by the advertisement distribution server 20 together with the contents C20 to C40. However, the embodiment is not limited to this. For example, the terminal device 100 receives the control information described above together with the web page C10 from the content distribution server 30 and receives the control instruction together with the contents C20 to C40 from the advertisement distribution server 20. Then, the terminal device 100 may execute the control information received from the content distribution server 30 and execute the display process in accordance with the received control instruction.

  In addition, the terminal device 100 may realize the above-described processing by previously downloading an application that causes the terminal device 100 to execute the above-described display processing and the like and executing the application.

[10-5. Device configuration〕
In the above embodiment, the distribution system 1 includes the advertisement distribution server 20 and the content distribution server 30, but the advertisement distribution server 20 and the content distribution server 30 are formed as one device. Good. In this case, the advertisement distribution server 20 illustrated in FIG. 6 includes, for example, the content storage unit 32, the reception unit 34, and the distribution unit 35 illustrated in FIG. 9. Then, when the advertisement distribution server 20 receives a web page acquisition request from the terminal device 100, the advertisement distribution server 20 distributes to the terminal device 100 a web page that does not include an acquisition instruction together with the advertising content.

  Further, in the above-described embodiment, an example in which the contents C20 to C40 are distributed from the advertisement distribution server 20 to the terminal device 100 has been shown, but even if the content distribution server 30 acquires the contents C20 to C40 from the advertisement distribution server 20. Good. In this case, the request receiving unit 26 of the advertisement distribution server 20 receives an acquisition request for the contents C20 to C40 from the content distribution server 30. Further, the advertisement distribution server 20 distributes the contents C20 to C40 to the content distribution server 30. Further, the content distribution server 30 may distribute the content C20 to C40 acquired from the advertisement distribution server 20 together with a web page that does not include an acquisition command to the terminal device 100 to realize the above-described display processing.

[10-6. About logs]
Here, the terminal device 100 may take a log indicating whether or not the contents C20 to C40 are displayed or a log of the contents selected by the user. More specifically, the terminal device 100 switches the playback position, the first display mode to the third display mode, whether or not the contents C20 to C40 are displayed, whether or not the contents C20 to C21 are reproduced, and the moving image. A log indicating whether or not the image has been reproduced and whether or not a reproduction operation or a stop operation has been performed may be taken.

  In addition, the terminal device 100 may measure the number of times the moving image is displayed, the number of times the moving image is selected, the reproduction time, and the like. In addition, the terminal device 100 may acquire a log such as whether or not the switching from the second display mode to the third display mode is performed, in which display mode the moving image is reproduced, and the like. Further, the terminal device 100 may take a log such as whether or not the contents C20 to 40 are selected, how many times the display mode is switched, and the like.

  For example, when the terminal device 100 ends the display of the web page C10 without the user performing an upward scroll operation from the initial display, or when the web page C10 is not displayed in the first display mode which is the initial display. Alternatively, a log indicating that the content C20 has not been displayed may be acquired. On the other hand, when the reproduction of the content C20 is disclosed in the first display mode, the terminal device 100 may take a log indicating that, and the scroll operation for the web page C10 is performed in the first display mode. In this case, a log indicating that the display mode has been switched from the first display mode to the second display mode may be taken.

  The log acquired by the terminal device 100 in this way is useful for updating the number of impressions and CTR of the contents C20 to C40, the charging process for displaying the contents C20 to C40, and reporting the advertising effect to the advertiser. It will be a log. For example, when the content C20 is reproduced as a result of the display process, it is predicted that the user has an interest in the content C20. Further, when the display time of the content C20 is long, or when the switching between the second display mode and the third display mode is repeated, it is predicted that the user has a stronger interest in the content C20. To be done.

  For this reason, whether the user is interested in the contents C20 to C40 regarding the log indicating the number of times of displaying the contents C20 to C40, the display time, the reproduction time, the change in the display mode, the log indicating the contents of various operations, and the like. It can be an indicator of whether or not. Further, the number of times the content C20 is reproduced by one access, the number of times the content C20 is operated, and the like can be used as an index indicating the degree of recognition of the advertisement by the user.

  Therefore, the advertisement distribution server 20 may update the number of impressions, change the billing amount, and the like by using each acquired log. For example, the advertisement distribution server 20 may change the billing amount according to the display count, display time, reproduction count, reproduction time, reproduction position, etc. of the contents C20 to C40.

  Further, the log acquired by the terminal device 100 may be used to change the content arranged on the landing page. For example, the terminal device 100 acquires the same landing page when the content C21 is selected and when the content C22 is selected, and the content of the acquired log and the like to the server that distributes the landing page. May be notified and the content placed on the landing page may be changed.

[10-7. Operation record of terminal device]
In addition, the terminal device 100 described above may transmit to the advertisement distribution server 20 a record of how many times the user has operated the terminal device 100 in the display mode described above. Specifically, in the terminal device 100, the content and the number of scroll operations when the contents C20 to C40 are displayed, the selection operation of the user, the position where the user selects the contents C20 to C40, the reproduction operation and the stop operation. Record the number of times.

  In addition, the terminal device 100 performs a transmission operation from the terminal device 100 regarding the number of scroll operations, the number of reloads, the content of the above-described display processing, or the information that specifies the content C20 to C40 such as the content of the content C20 to C40 ( For example, various operations performed by the user on the terminal device 100, such as writing to SNS, etc., can be recorded. Then, the terminal device 100 transmits information regarding the operation history to the advertisement distribution server 20.

  In such a case, the advertisement distribution server 20 collects the information regarding the operation history distributed from the terminal device 100, and further acquires the information obtained by analyzing the information. For example, the advertisement distribution server 20 determines the number of scroll operations, the number of times display processing has been performed, the type of landing page displayed, and the landing when the contents C20 to C40 are distributed together with the control information and when the contents are not distributed. Information such as the type of content placed on the page and the index of advertising effectiveness such as CTR is acquired.

  Here, the history of the operations performed on the web page C10 when the contents C20 to C40 are distributed together with the control information can be an index indicating the advertising effect. That is, in the web page C10 in which the contents C20 to C40 accompanied by the control information according to the embodiment are displayed, the contents C20 to C40 are displayed by the operation of the user, the display mode is changed, or the contents C20 to C40 are changed. Not only the landing page is displayed, but also the operation history itself, which is how much the user operates the web page C10 (that is, how much the user changes the display mode of the screen). It can be said that the index indicates the interest of the content C20 to C40 of the person.

  For example, the advertisement distribution server 20 determines the content of the scroll operation, the number of times of the scroll operation, the number of times of detecting the reproduction operation or the stop operation, the number of times of reproducing the content C20, the number of times of displaying the contents C20 to C40, the display size of the web page C10 and the content. By comparing the number of times the display size of C20 is changed, the staying time of the web page C10, and the like, when the contents C20 to C40 with the control information according to the embodiment are displayed, the contents C20 to C40 try to widely convey. Information can be provided, i.e. an indicator of how much interest in the advertisement has been generated.

  Therefore, the advertisement distribution server 20 transmits the information about the operation history of the terminal device 100 to the advertiser terminal 10 to report the index of the advertising effect on the web page C10 on which the contents C20 to C40 according to the embodiment are displayed. Can be In addition, the advertisement distribution server 20 may directly transmit the information and the log regarding the operation history of the terminal device 100 to the advertiser terminal 10.

  Accordingly, the advertisement distribution server 20 can show the advertiser the usefulness of the display mode of the contents C20 to C40 with the control information according to the embodiment in the terminal device 100.

[10-8. Other]
Further, of the processes described in the above embodiment, all or part of the processes described as being automatically performed may be manually performed, or the processes described as manually performed may be performed. All or part of the process can be automatically performed by a known method. In addition, the processing procedures, specific names, information including various data and parameters shown in the above-mentioned documents and drawings can be arbitrarily changed unless otherwise specified. For example, the various information shown in each drawing is not limited to the illustrated information.

  Further, each constituent element of each illustrated device is functionally conceptual, and does not necessarily have to be physically configured as illustrated. That is, the specific form of distribution / integration of each device is not limited to that shown in the drawings, and all or part of the device may be functionally or physically distributed / arranged in arbitrary units according to various loads or usage conditions. It can be integrated and configured.

  Further, the respective embodiments described above can be appropriately combined within a range in which the processing content is not inconsistent.

[10-9. program〕
Further, the terminal device 100 according to the above-described embodiment is realized by, for example, a computer 1000 configured as shown in FIG. FIG. 13 is a diagram illustrating an example of the hardware configuration. The computer 1000 is connected to an output device 1010 and an input device 1020, and an arithmetic device 1030, a primary storage device 1040, a secondary storage device 1050, an output IF (Interface) 1060, an input IF 1070, and a network IF 1080 are connected by a bus 1090. Have.

  The arithmetic unit 1030 operates based on a program stored in the primary storage device 1040 or the secondary storage device 1050, a program read from the input device 1020, or the like, and executes various processes. The primary storage device 1040 is a memory device such as a RAM that temporarily stores data used by the arithmetic device 1030 for various calculations. The secondary storage device 1050 is a storage device in which data used by the arithmetic device 1030 for various calculations and various databases are registered, and is realized by a ROM (Read Only Memory), an HDD, a flash memory, or the like.

  The output IF 1060 is an interface for transmitting information to be output to an output device 1010 that outputs various kinds of information such as a monitor and a printer. For example, a USB (Universal Serial Bus) or a DVI (Digital Visual Interface), It is realized by a connector of a standard such as HDMI (registered trademark) (High Definition Multimedia Interface). The input IF 1070 is an interface for receiving information from various input devices 1020 such as a mouse, a keyboard, and a scanner, and is realized by, for example, USB.

  The input device 1020 is, for example, an optical recording medium such as a CD (Compact Disc), a DVD (Digital Versatile Disc), a PD (Phase change rewritable Disk), a magneto-optical recording medium such as an MO (Magneto-Optical disk), or a tape. It may be a device that reads information from a medium, a magnetic recording medium, a semiconductor memory, or the like. The input device 1020 may also be an external storage medium such as a USB memory.

  The network IF 1080 receives data from another device via the network N and sends the data to the arithmetic device 1030, and also transmits data generated by the arithmetic device 1030 via the network N to another device.

  The arithmetic device 1030 controls the output device 1010 and the input device 1020 via the output IF 1060 and the input IF 1070. For example, the arithmetic device 1030 loads a program from the input device 1020 or the secondary storage device 1050 onto the primary storage device 1040, and executes the loaded program.

  For example, when the computer 1000 functions as the terminal device 100, the arithmetic device 1030 of the computer 1000 realizes the function of the control unit 150 by executing the program loaded on the primary storage device 1040.

[11. effect〕
As described above, the terminal device 100 acquires the web page C10 (that is, the first content), and acquires the content C20 (that is, the second content) when the web page C10 is acquired. Then, when the web page C10 is acquired, the terminal device 100 arranges and displays the web page C10 on the entire screen, and when the content C20 is acquired, the display mode of the web page C10 is gradually changed. After that, the content C20 is displayed.

  When the content C20 is acquired, the terminal device 100 gradually changes the display mode of the web page C10 and then displays the web page C10 and the content C20. For example, when the content C20 is acquired, the terminal device 100 gradually reduces the display size of the web page C10 to a predetermined display size, and the content C20 is displayed in the area generated by reducing the display size of the web page C10. Is placed and displayed.

  Here, the terminal device 100 acquires, as the content C20, content in a domain different from that of the web page C10. Further, the terminal device 100 acquires the content C20 according to the acquisition instruction of the content C20 included in the web page C10.

  When the content C20 is acquired, the terminal device 100 arranges the content C20 on the back side of the web page C10 and reduces the display size of the web page C10 to display the web page C10 and the content C20. .. For example, when the content C20 is acquired, the terminal device 100 gradually reduces the display size of the web page C10 to a predetermined display size, and the content C20 and the content C20 are displayed around the reduced web page C10. The display size of the content C20 is changed, and a plurality of contents C21 and C22 with blurred contours are arranged to display each content.

  In addition, the terminal device 100 acquires the content C20 that is a moving image. In addition, the terminal device 100 reduces the display size of the content C20 and enlarges the display size of the web page C10 when an operation is performed on the web page C10 after changing the display mode of the web page C10. Further, when the operation on the web page C10 is performed before the content C20 is acquired, the terminal device 100 displays the web page C10 without changing the display mode. Further, when the operation on the web page C10 is performed while the display mode of the web page C10 is gradually changed, the terminal device 100 displays the web page C10 in which the display mode is restored.

  In this way, the terminal device 100 can promptly allow a user who wants to browse the web page C10 to browse the web page C10, and when the content C20 is acquired, displays the content C20. .. Further, the terminal device 100 displays the content C20 in a complicated display mode. In addition, the terminal device 100 makes it easier for a user who has displayed the content C20 but wants to browse the web page C10 to browse the web page C10 than the content C20 with the simplest operation possible. As a result, the terminal device 100 prevents the user's impression of the content C20 from deteriorating and displays the content C20 while changing the display mode of the web page C10. Therefore, the appeal effect of the information related to the content C20 can be improved. You can

  As described above, some of the embodiments of the present application have been described in detail based on the drawings, but these are examples, and various modifications based on the knowledge of those skilled in the art, including the modes described in the section of the disclosure of the invention, It is possible to implement the present invention in other forms with improvements.

  Also, the above-mentioned "section (module, unit)" can be read as "means" or "circuit". For example, the delivery unit can be read as delivery means or delivery circuit.

DESCRIPTION OF SYMBOLS 1 distribution system 10 advertiser terminal 20 advertisement distribution server 21, 31, 110 communication part 22 storage part 23, 33, 150 control part 24 advertisement database 25 admission reception part 26 request reception part 27 advertisement selection part 28 distribution part 30 content distribution Server 32 Content storage unit 34 Reception unit 35 Distribution unit 100 Terminal device 120 Input unit 130 Output unit 140 Physical sensor 151 Request unit 152 Operation control unit 153 Display processing unit 154 Acquisition unit 155 Display unit 156 Display control unit

Claims (19)

On the computer,
An acquisition procedure of acquiring the first content and acquiring the second content when the first content is acquired,
When the first content is acquired, the first content is arranged and displayed on the entire screen, and when the second content is acquired, the display size of the first content is gradually changed to a predetermined display size. And a display procedure of arranging and displaying the second content in an area generated by reducing the display size of the first content . On the computer,
An acquisition procedure of acquiring the first content and acquiring the second content when the first content is acquired,
When the first content is acquired, the first content is arranged and displayed on the entire screen, and when the second content is acquired, the second content is arranged on the back side of the first content. A display procedure for displaying the first content and the second content by gradually reducing the display size of the first content ,
Information display program for executing. On the computer,
An acquisition procedure of acquiring the first content and acquiring the second content when the first content is acquired,
When the first content is acquired, the first content is arranged and displayed on the entire screen, and when the second content is acquired, after gradually changing the display mode of the first content, When an operation is performed on the first content while the second content is displayed and the display mode of the first content is gradually changed , the first content whose display mode has been restored is displayed. Display procedure and
Information display program for executing. In the display procedure, when the second content is acquired, the display mode of the first content is gradually changed and then the first content and the second content are displayed. The information display program according to any one of Items 1 to 3 . The acquisition procedure, the as the second content, the information display program according to any one of claims 1-4, characterized in that to obtain the contents of a different domain than the first content. The acquisition procedure, the following acquisition command of the second content included in the first content, claim 1-5 information display program according to any one of and acquires the second content .. In the display procedure, when the second content is acquired, the display size of the first content is gradually reduced to a predetermined display size, and the second content is displayed around the first content whose display size is reduced. 7. A content and a plurality of third contents whose display sizes of the second content are changed and whose contours are blurred are arranged to display each content. Information display program described in 3. The information display program according to any one of claims 1 to 7, wherein the acquisition procedure acquires the second content that is a moving image. The display procedure reduces the display size of the second content and reduces the display size of the first content when an operation is performed on the first content after changing the display mode of the first content. The information display program according to claim 1, wherein the information display program is enlarged. The display procedure displays the first content without changing the display mode when an operation is performed on the first content before the second content is acquired. The information display program described in any one of An acquisition unit that acquires the first content and acquires the second content upon the acquisition of the first content;
When the first content is acquired, the first content is arranged and displayed on the entire screen, and when the second content is acquired, the display size of the first content is gradually changed to a predetermined display size. And a display unit for arranging and displaying the second content in an area generated by reducing the display size of the first content . An information display method executed by an information display device, comprising:
An acquisition step of acquiring the first content and acquiring the second content triggered by the acquisition of the first content;
When the first content is acquired, the first content is arranged and displayed on the entire screen, and when the second content is acquired, the display size of the first content is gradually changed to a predetermined display size. And a display step of arranging and displaying the second content in an area generated by reducing the display size of the first content . A distribution unit for distributing control information to the terminal device,
An acquisition procedure of acquiring the first content and acquiring the second content when the first content is acquired,
When the first content is acquired, the first content is arranged and displayed on the entire screen, and when the second content is acquired, the display size of the first content is gradually changed to a predetermined display size. And controlling the terminal device to execute a display procedure of arranging and displaying the second content in an area generated by reducing the display size of the first content .
A delivery device characterized by the above. An acquisition unit that acquires the first content and acquires the second content upon the acquisition of the first content;
When the first content is acquired, the first content is arranged and displayed on the entire screen, and when the second content is acquired, the second content is arranged on the back side of the first content. A display unit that displays the first content and the second content by gradually reducing the display size of the first content.
An information display device comprising: An information display method executed by an information display device, comprising:
An acquisition step of acquiring the first content and acquiring the second content triggered by the acquisition of the first content;
When the first content is acquired, the first content is arranged and displayed on the entire screen, and when the second content is acquired, the second content is arranged on the back side of the first content. A display step of displaying the first content and the second content by gradually reducing the display size of the first content,
An information display method comprising: A distribution unit for distributing control information to the terminal device,
An acquisition procedure of acquiring the first content and acquiring the second content when the first content is acquired,
When the first content is acquired, the first content is arranged and displayed on the entire screen, and when the second content is acquired, the second content is arranged on the back side of the first content. A display procedure for displaying the first content and the second content by gradually reducing the display size of the first content,
Controlling the terminal device to execute
A delivery device characterized by the above. An acquisition unit that acquires the first content and acquires the second content upon the acquisition of the first content;
When the first content is acquired, the first content is arranged and displayed on the entire screen, and when the second content is acquired, after gradually changing the display mode of the first content, When an operation is performed on the first content while the second content is displayed and the display mode of the first content is gradually changed, the first content whose display mode has been restored is displayed. With the display section to display
An information display device comprising: An information display method executed by an information display device, comprising:
An acquisition step of acquiring the first content and acquiring the second content triggered by the acquisition of the first content;
When the first content is acquired, the first content is arranged and displayed on the entire screen, and when the second content is acquired, after gradually changing the display mode of the first content, When an operation is performed on the first content while the second content is displayed and the display mode of the first content is gradually changed, the first content whose display mode has been returned to the original content is restored. Display process to display
An information display method comprising: A distribution unit for distributing control information to the terminal device,
An acquisition procedure of acquiring the first content and acquiring the second content when the first content is acquired,
When the first content is acquired, the first content is arranged and displayed on the entire screen, and when the second content is acquired, after gradually changing the display mode of the first content, When an operation is performed on the first content while the second content is displayed and the display mode of the first content is gradually changed, the first content whose display mode has been restored is displayed. Display procedure and
Controlling the terminal device to execute
A delivery device characterized by the above.

Images