JP6580095B2 - 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 arranged in a web page, the content having the same display size as the display area is acquired as the content to be arranged and displayed in the display area, and the acquired content is stored in the display area. A technique for arranging and displaying is known. Further, a technique is known in which a predetermined content is arranged in a predetermined display area, and when the timing at which the display area enters the visible area is detected, the display mode of the content is changed.

JP 2011-128204 A

  However, in the above-described conventional technology, it may not be said that the effect of appealing information related to the content is necessarily high. For example, in the above-described conventional technology, content having the same display size as the display area is merely displayed in the visible area, and the user may not be interested.

  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.

  An information display program according to the present application provides a display procedure for displaying first content having a predetermined display area and second content different from the first content on a computer, and the display area is based on a screen by a scroll operation. And a display control procedure for canceling the display of the second content when the third content and the second content arranged in the display region have a predetermined relationship. It is made to perform.

  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 a second display process and a 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 illustrating 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 a 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 illustrating an example of information stored in the advertisement database according to the embodiment. FIG. 9 is a diagram illustrating 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 illustrating an example of a flow of display processing executed by the terminal device according to the embodiment. FIG. 12 is a second flowchart illustrating an example of a flow of display processing executed by the terminal device according to the embodiment. FIG. 13 is a diagram illustrating an example of a hardware configuration.

  Hereinafter, an embodiment for implementing an information display program, an information display device, an information display method, and a distribution device according to the present application (hereinafter referred to as “embodiment”) will be described in detail with reference to the drawings. 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. In the following embodiments, the same portions are denoted by the same reference numerals, and redundant description is omitted.

[1. Example of terminal device]
First, an example of display processing executed by the terminal device 100, which is an example of an information display device, will be described with reference to FIGS. In the following description, as the display process executed by the terminal device 100, when the delivery of the web page C10, which is web content, and the contents C20, C30, and C40 are received, the contents C20 to C40 are displayed together with the web page C10. An example of processing to be performed will be described. In the following description, the display process executed by the terminal device 100 is the first display process executed when the delivery of the web page C10 is accepted, and the web page C10 and the content C20 in the first display mode to the third display mode. The second display process for displaying C30, 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 will be described separately.

  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 a second display process and a 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 illustrating a variation of the second display process executed by the terminal device according to the embodiment. In the example 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 in the first state to the 24th state.

  In the following description, it is a reference position when the web page C10 and the contents C20 to C40 are displayed on the screen, and is arranged at the uppermost position on the screen when the web page C10 and the contents C20 to C40 are displayed. The end to be performed is described as the upper end of the web page C10 or the contents C20 to C40. Of the ends generated when the web page C10 and the contents C20 to C40 are displayed on the screen, the lowermost end on the screen is described as the lower end of the web page C10 and the contents C20 to C40.

  In the following description, the direction in which the upper ends of the web page C10 and the contents C20 to C40 are displayed on the screen of the terminal device 100 is referred to as the screen upward direction, and the web page C10 and the contents C20 to C40 are displayed on the screen. The direction in which the lower end of the screen is displayed is referred to as the screen lower direction. In addition, the direction in which the left end of the web page C10 and the contents C20 to C40 is displayed on the screen of the terminal device 100 is referred to as the screen left direction, and the right side of the web page C10 and the contents C20 to C40 is displayed on the screen. The direction in which the edge is displayed is described as the right direction 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 portable terminal device that can communicate with an arbitrary server device via a wireless communication network such as 3G (Generation) or LTE (Long Term Evolution). . The terminal device 100 is a screen such as a liquid crystal display and has a touch panel function. The terminal device 100 can be used to perform a tap operation, a slide operation, a scroll operation, or the like with a finger or a stylus from a user. -Accept various operations for C40. In the following description, an operation performed on an area of the screen where the web page C10 is displayed may be referred to as an operation for the web page C10.

  Here, the screen of the terminal device 100 is assumed to have a rectangular screen. More specifically, the screen of the terminal device 100 is assumed to have a vertically long screen in which the length in the vertical direction is longer than the length in the horizontal direction. In the following description, an example in which the terminal device 100 is used in a state where the screen is vertically long is described, but the embodiment is not limited to this, and the terminal device 100 is used in a state where the screen is horizontally long. May be.

  The web page C10 is a web page in which, for example, news, weather forecast, received mail index and contents, photo viewer, and other various contents are arranged, such as HTML (Hyper Text Markup Language) and XML (Extensible Markup Language). 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 forecasts, received mail indexes and contents, photo viewers, and other various contents are arranged in independent tiles. This content can be updated. In addition, tiles in which content related to advertisements is arranged are inserted into the web page C10 as needed. In addition, the size of each tile arrange | positioned on the web page C10, an arrangement position, and the number of the tiles arrange | positioned may be changed automatically for every tile, and may be changed according to a user's 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. The web page C10 is a web page whose vertical display size is longer than the vertical display size of the output unit 130 (for example, see FIG. 10) of the terminal device 100 (hereinafter, referred to as “vertically long”). Yes, it is assumed that the content and order of the content arranged in the tile are changed according to the attribute of the user of the terminal device 100, the content of the content arranged in the tile selected by the user, the input search keyword, and the like.

  Further, 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 content different from the web page C10, and is, for example, a moving image in which the horizontal display size is the same as the horizontal display size of the screen of the terminal device 100. The content C20 is a moving image having an aspect ratio (aspect ratio) that is horizontally long. As long as the content C20 is a moving image that can be played back by the terminal apparatus 100, a moving image of an arbitrary format such as a GIF (Graphics Interchange Format) moving image or an MPEG (Moving Picture Experts Group) can be adopted.

  Here, any content can be applied to the content C20. 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 related to a predetermined product, service, brand, company, or other content to the user.

  Here, the advertisement content is not limited to a commercial or non-profit advertisement, but is a recruitment of volunteers, a public advertisement, a notification to the public, a part of information on the web page C10, and other arbitrary contents. In other words, advertising content is not only content that includes so-called advertising-related information, but also includes information that is of interest to users and that is included in advertising content, or content that is related to advertising content (for example, landing pages). As long as the information is widely notified, images, moving images, characters, figures, symbols, hyperlinks, and other arbitrary contents can be applied. In other words, any content can be applied as the advertising content as long as it is content that is more interesting to the user than the web page C10.

  The content C20 is content in a domain different from that of the web page C10. That is, the content C20 is content distributed 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 be displayed together with the web page C10 together with the web page C10 (step S1). 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). And the terminal device 100 displays the content C20 on a screen with the web page C10.

[2. Overview of display processing executed by terminal device 100]
Here, as a conventional technique, a technique for displaying a web page and advertisement content by arranging the advertisement content in a predetermined display area of the web page is known. Further, a technique is known in which a web page and advertising content are displayed side by side on an initial screen for displaying the web page after the web page and advertising content are distributed.

[2-1. Overview of first display process]
However, with the above-described conventional technology, the user's impression of the advertising content may be deteriorated. For example, when the terminal device 100 accepts the distribution of the web page C10, the terminal device 100 requests the advertisement distribution server 20 to distribute the content C20. However, if the content C20 is a content having a relatively large file size such as a moving image or the like, it may take time until the web page C10 and the content C20 are displayed because time is required for distribution.

  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 when the web page C10 is acquired. 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 terminal device 100 gradually changes the display mode of the web page C10. Later, the content C20 is displayed.

  Here, the terminal device 100 may employ any timing as an opportunity (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 includes not only the state in which the previous data of the web page C10 has been completely acquired, but also data that exceeds a predetermined value that may be considered that the web page C10 has been acquired among the data of the web page C10. The content C20 may be acquired in response to the reception. For example, the terminal device 100 may display the content C20 when the main data (for example, a frame or the like) is received from the content C20. That is, the terminal device 100 confirms that an arbitrary state related to the acquisition of the web page C10 is satisfied, for example, when it is confirmed that the web page C10 is acquired or when the acquisition of the web page C10 is started. If the condition is satisfied and the content C20 is acquired when the condition is satisfied, the acquisition of the content C20 may be started at a timing when an arbitrary condition is satisfied.

  That is, when the web page C10 is acquired, the terminal device 100 performs initial display for displaying the web page C10 on the entire screen before acquiring the content C20. 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 then the web page C10 and the content C20 are displayed. Display.

  As a result of such processing, the terminal device 100 starts displaying the web page C10 before distribution of the content C20. Therefore, as a result of improving the response on the display, the impression of the user who is trying to view the web page C10 is improved. Reduce exacerbations. 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. Therefore, as a result of generating the user's interest in the content C20, The appeal effect of the information regarding the content C20 can be improved.

[2-2. Outline of second display process]
Further, in the above-described conventional technology, the web page and the advertisement content are simply displayed, and it may not be said that the information appealing effect regarding the advertisement 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 advertisements. A mode of jacking is conceivable.

  However, when other contents are arranged around the web page C10 with a reduced display size, these contents must be created in advance, which is troublesome. More specifically, when a plurality of contents are arranged 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 an advertiser burden.

  Therefore, the terminal device 100 executes the following second display process following the above-described first display process. First, the terminal device 100 acquires the web page C10 and the content C20. Then, as a first display mode, the terminal device 100 changes the display size of the content C20 and the content C20 around the web page C10 whose display size has been reduced and has a contour (a contour of an imaging target, a boundary due to pixels, or the like). A plurality of contents C21 and C22 with unclear are arranged and each content is displayed.

  For example, the terminal device 100 acquires 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 unclear outlines. Then, the terminal device 100 displays the web page C10, the content C20, and the content C21 and C22 in the first display mode. Note that the content C21 and C22 may be generated in advance from the content C20 received from the advertiser by the advertisement distribution server 20, and distributed to the terminal device 100 together with the content C20.

  Thus, the terminal device 100 arranges and displays the content C20 and the content C21 and C22 generated from the content C20 around the web page C10. For this reason, since the terminal device 100 displays each content C20-C22 in the aspect which jacks a screen, it can improve the appeal effect of the information which concerns on the content C20-C22. Further, in order to realize an aspect of jacking the screen, the terminal device 100 can arrange and display content generated from one content around the web page C10 without registering a plurality of content. it can. For this reason, the terminal device 100 can reduce the effort for implement | achieving the aspect of jacking a screen.

  Further, the terminal apparatus 100 displays the web page C10 with a reduced display size, displays the content C20, and further displays the contents C21 and C22 whose contents C20 are changed in display size and whose outline is unclear. To do. As a result, the terminal device 100 lowers the visibility of the web page C10 and the contents C21 and C22 as compared with the content C20, and as a result, relatively emphasizes the content C20 and displays the content C20 as the main content. For this reason, even when a plurality of contents are displayed at the same time, the terminal device 100 prevents the user's consciousness from being distributed to the contents C20 to C22, thereby improving the information appealing effect regarding the contents C20. Can do.

[2-3. Outline of third display process]
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 about to browse the web page C10. In the case of being performed, 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 web page C10 displayed in the first display mode is scrolled up in the screen upward direction. 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 increases the display size of the web page C10, thereby increasing the content C20 and the plurality of contents C20. The size of the area where the contents C21 and C22 are displayed is reduced. As a specific example, the terminal device 100, when a scroll operation in the upward direction on the screen (hereinafter referred to as “up scroll operation”) is performed on the web page C10 with a reduced display size, the content C20. And the web page C10 is arrange | positioned in front of the some content C21 and C22, and the display size of the web page C10 is expanded.

  Then, the terminal device 100 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 first size smaller than the second display size. Reduce to 2 display size. For example, the terminal device 100 cancels the display of the contents C21 and C22 displayed at both ends of the web page C10, and the web page C10 is displayed 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 expands the area where the web page C10 is displayed. Thus, when the user is going to browse the web page C10, from the first display mode in which the content C20 is displayed as the main content, 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, it is estimated that the user is interested in the content C20 represented in the second display mode, or that 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 scrolling operation that is a scrolling downward operation on 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, it is considered that the user's impression of the content C20 is 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 user's interest has shifted from the content C20 to the web page C10. For this reason, even if it is estimated that the user is not browsing the web page C10, if the display mode is changed from the second display mode to the first display mode, the user's impression of the content C20 May get worse.

  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 when a 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 performs the second display. Even if a predetermined operation is performed on the content in the mode, the change from the second display mode to the first display mode is not performed.

  That is, the terminal device 100 displays the web page C10 and the contents 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. When changed, the change from the second display mode to the first display mode is prohibited regardless of any operation performed on the web page C10 or the content C20 in the second display mode. As a result, the terminal device 100 can prevent deterioration of the user's impression of the content C20.

  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. Depending on operations other than the operations on the page C10 and the content C20, the web page C10 and the contents C20 to C22 may be displayed again in the first display mode. For example, when an operation for updating the content being browsed is performed (for example, when an update button on the browser is pressed), the terminal device 100 again uses the web page C10 and the contents C20 to C22 as the initial display. You may display in a display mode.

[2-4. Outline of fourth display process]
In addition, when an upward 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, in the web page C10, a display area in which advertisement content or the like is arranged may be set, 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 contents C20 to C22. And the terminal device 100 arrange | positions and displays the content C30 in the display area of the web page C10.

  Here, the aspect which improves the appeal effect of the information regarding content C20 and C30 by arranging the content of content C20 and content C30 can be considered. For example, the terminal device 100 may be distributed with contents C20 and C30, which are advertisement contents having information related to the same target, such as the same product, service, and company, that is, 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 relevance occupy most of the screen, and there is a possibility that the impression of the user browsing the web page C10 with respect to the contents C20 and C30 is 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. Further, when displaying the web page C10, the terminal device 100 displays the content with the content C30 arranged in the 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 the scroll operation, and the content C30 and the content C20 arranged in the display area have a predetermined relationship. Cancel the display of C20.

  For example, the terminal device 100 scrolls the web page C10 on which the content C30 is arranged in response to the scroll operation. Then, as a result of the scroll operation, the terminal device 100 moves a predetermined position of the display area (for example, an upper end, a center portion, or a lower end portion) to the inside of 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 narrowed more than necessary by the content C20 and C30 having the same information. As a result, the terminal device 100 can prevent deterioration of the user's impression of the contents C20 and C30.

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

[3-1. Example of first display process and second display process executed by terminal device 100]
First, the 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 receiving the delivery 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 delivery of the content C20.

  Here, it is assumed that the terminal device 100 has received 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 content C21 and C22, which are moving images in which the display size is changed and the outline is unclear, from the content C20. More specifically, the terminal device 100 displays the display size of the remaining area generated when the web page C10 whose display size is reduced by a predetermined rate and the content C20 are arranged at predetermined positions in the screen. Calculate based on screen size (number of pixels). And the terminal device 100 produces | generates the content C21 and C22 of 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.

  And the terminal device 100 arrange | positions content C20-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, and the left end of the content C21 overlaps the left end of the screen. Also, 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, 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 illustrated in the second state. More specifically, the terminal device 100 overlaps the lower end of the web page C10 with the lower end of the screen, and gradually reduces the display size of the web page C10 while 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, thereby reducing the size of the area in which the web page C10 is displayed, and the contents C20 to C22 are displayed. Increase the area of the area. 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, so that the first display mode in which the contents C20 to C22 are arranged around the web page C10 is performed. Realize.

  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 whose display size is reduced by a predetermined ratio in the approximate center of the area where the content C20 is not arranged in the screen. A first display mode in which a plurality of contents C21 and C22 are arranged at both ends in the horizontal direction is displayed as an initial display. For this reason, since 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, information on the contents C20 to C22 is displayed. The appeal effect can be improved.

  In addition, 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 the 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 executed 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, the terminal device 100 has a content C20 with an aspect ratio, a web page C10 with an aspect ratio, and a content C21 with an aspect ratio on a screen having a display area with an aspect ratio. , C22 are arranged and displayed.

  Here, when the terminal device 100 performs an up-scrolling operation with the user's finger F10 on the area of the screen where the web page C10 is displayed, as shown in the sixth state, the web page While gradually increasing the display size of C10, the area where the web page C10 is displayed is expanded in the horizontal direction of the screen. That is, the terminal device 100 gradually decreases the size of the area where the contents C21 and C22 are displayed by gradually increasing the display size of the web page C10 without changing the display size of the content C20.

  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 upward direction on the screen 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 a region generated by reducing the display size of the content C20, the predetermined button B1 , B2 is displayed in the second display mode, and the web page C10 and the content C20 are displayed.

  Further, the terminal device 100 displays a button B1 for displaying a moving image in a predetermined display size as the predetermined button B1, and displays a button B2 for deleting the moving image as the predetermined button B2. 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.

  And the terminal device 100 displays the content C20 and the web page C10 by the 3rd display mode shown to a 7th 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, as shown in the seventh state, when the up scroll operation is performed on the web page C10 in the third display mode, the terminal device 100 displays the display area of the web page C10 as shown in the eighth state. While expanding the width (that is, the display size on the screen) in the upward direction on the screen, 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 the display mode is changed, the display mode is changed from the second display mode to the third display mode.

  In addition, in the 1st display mode shown in the 5th state, terminal device 100 continues reproduction of contents C20-C22 with a 1st display mode, when a user does not operate web page C10. For example, when the reproduction of the contents C20 to C22 is completed, the terminal device 100 automatically changes the display mode from the first display mode to the third display mode as illustrated in FIG. Let That is, when the reproduction of the contents C20 to C22 is completed, the terminal device 100 changes the display mode from the fifth state to the seventh state through the sixth state.

  Note 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 for a predetermined amount or more in the fifth state, and the display mode is changed from the fifth state. You may change gradually according to scroll amount to the 7th state. That is, the terminal device 100 may expand the display size of the web page C10 to the display size corresponding to the scroll amount. 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 is described as the first display size, and the display size of the content C20 in the third display mode is described as the second display size. In the following description, the display size of the web page C10 in the second display mode is described as the third display size, and the display size of the content C20 in the second display mode is described as the fourth display size.

  As described above, in the second display mode, the terminal device 100 changes the display size of the web page C10 to the third size when the web page C10 having the first display size and the content C20 having the second display size are selected. The button B1, which is a predetermined icon for reducing the display size to the display size of the content C20 to the fourth display size, is displayed. Further, in the first display mode, when the reproduction of the content C20 that is a moving image is finished, the terminal device 100 stops the display of the contents C21 and C22 and expands the display size of the web page C10 to the third display size. At the same time, the display size 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.

  Further, 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. By reducing the display size to the second display size, the display mode is changed from the third display mode to the second display mode.

  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, and the like are displayed in the second display mode. More specifically, the terminal device 100 displays at least the web page C10 and the content C20 as the initial display in the first display mode, 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 an operation is performed on the content C20 displayed in the second display mode, the second display mode is changed to the third display mode.

  As described above, when the display mode changes from the first display mode to the second display mode or the third display mode, the terminal device 100, as shown in FIG. 2B or FIG. The display mode is not changed to the first display mode. That is, when the terminal device 100 changes the display mode from the first display mode to the second display mode or the second display mode, the terminal device 100 can display the web page C10 and the content C20 only in the second display mode or the third display mode. Display is performed, and 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 executed 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. For example, as illustrated in the eleventh state, the terminal device 100 displays the content C20 and the web page C10 in the second display mode. Here, as illustrated in the eleventh state, the terminal device 100 displays the content C20 or the web page C10 as illustrated in the twelfth state when an upward scroll operation is performed on the web page C10 in the second display mode. The web page C10 is scrolled upward in the screen according to the upward scroll operation without changing the display size.

  Further, as shown in the twelfth state, the terminal device 100 changes the display size of the content C20 or the web page C10 as shown in the thirteenth state when the scroll operation is performed on the web page C10. 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 upper end of the web page C10 is displayed and the terminal device 100 further performs a downward scroll operation on the web page C10, as shown in the fourteenth state, the terminal device 100 The display area of page C10 is moved downward on 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 expands 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, so that the second display mode is displayed. Is changed to the third display mode. The 15th state shown in FIG. 3 corresponds to the 8th state shown in FIG. 2, and the 16th state shown in FIG. 3 corresponds to the 7th state shown in FIG.

  That is, when a scroll operation in the upward direction on the screen is performed on the content C20 displayed in the first display mode, the terminal device 100 displays the first display mode in the second direction while moving the content C20 in the upward direction on the screen. When the upper end of the content C20 is displayed as a result of the scroll operation in the screen downward direction with respect to the content C20 displayed in the second display mode, the second display mode is changed to the third display mode. More specifically, when the terminal device 100 finishes reproducing the content C20 displayed in the first display mode, or when a predetermined operation is performed on the web page C10 displayed in the second display mode. Displays the content C30 having a display size larger than that displayed in the second display mode and the web page C10 having a display size smaller than that displayed in the second display mode as the third display mode.

  In addition, as illustrated in FIG. 2, when the scroll operation is performed on the web page C10 content displayed in the third display mode in the upward direction on the screen, the terminal device 100 displays the third display mode in the second display mode. Change to aspect. In addition, when the reproduction of the content C20 displayed in the first display mode ends, the terminal device 100 changes the first display mode to the third display mode.

[3-4. Example of fourth display process executed 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 accepts the delivery of the web page C10 in which the display area A10 is set from the content delivery server 30. In such a case, the terminal device 100 accepts the distribution of the content C30 related to the same target as the content C20 from the advertisement distribution server 20 together with the content C20. The content C30 is content having the same display size as the display area A10. Further, the content C30 may be a moving image like the content C20, or may be any 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 first display process and the second display process described above, and as shown in the seventeenth state, the content C20 and the web are displayed 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 the distribution of the contents C20 and C30 is accepted, the terminal device 100 arranges the contents C20 and the contents C21 and C22 on the back of the web page C10. The content C30 is arranged in the display area A10 of the web page C10. And the terminal device 100 displays the web page C10 and the content C20-C22 by a 1st display mode as an initial display, and displays the web page C10 and the content C20 by a 2nd display mode according to a user's operation.

  Here, the terminal device 100 sets a predetermined area AR10 based on the screen. More terminally, the terminal device 100 sets the area where the web page C10 is displayed in the second display mode as the area AR10. Such an area AR10 is set by control information distributed together with the web page C10 and the contents C20 and C30. Then, when the up scroll operation is performed as shown in the seventeenth state, the terminal device 100 scrolls the web page C10 in the upward direction of the screen 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 region A10 moving upward in the screen by the scroll operation. The seventeenth state corresponds to the ninth state shown in FIG.

  Then, in the eighteenth state, when the terminal device 100 is further scrolled upward, the lower end of the display area A10 moves to the inside of the area AR10, that is, when the entire content C30 is displayed. As shown in the nineteenth 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 expands the display size of the web page C10 to the entire screen. Note that such a display mode is, for example, that the display area of the content C10 is set to the entire screen in the second display mode, the display position of the content C10 is shifted downward, and the content C20 or button is 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.

  Further, in the nineteenth state, when the upper scrolling operation is further performed in the nineteenth state and the upper end and the lower end of the display area A10 move to the outside of the area AR10, the terminal apparatus 100 The content C20 is displayed again by fading in the display of the buttons B1 and B2.

  When the upper end of the display area A10 moves to the inside of the area AR10 as a result of the scrolling operation performed in the twentieth state, the terminal device 100 displays the content C20 as shown in the nineteenth state. You may cancel it. That is, in the second display mode, when the plurality of contents C20 and C30 related 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, so that the screen is the same or It is possible to prevent a situation where the screen is filled with similar information and the user's impression is deteriorated.

  Here, the terminal device 100 may cancel the display of 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 center point of the display area A10 moves to the inside of the area AR10. For example, the terminal device 100 may employ different conditions depending on whether the display of the content C20 is canceled or displayed again. Further, the terminal device 100 may employ different conditions depending on the direction of the scroll operation.

  For example, when the upper end of the display area A10 as a result of the up scroll operation moves to the inside of the area AR10, the terminal device 100 stops displaying the content C20, and the lower end of the display area A10 as a result of the up scroll operation is outside the area AR10. The content C20 may be displayed again when it is moved to. Further, when the lower end of the display area A10 as a result of the downward scroll operation moves to the inside of the area AR10, the terminal device 100 stops displaying the content C20, and the upper end of the display area A10 as a result of the downward scroll operation is outside the area AR10. The content C20 may be displayed again when it is moved to.

  Note that the processing described above may be realized by comparing the position of the display area A10 and the position of the area AR10, for example, according to the scroll amount. That is, the terminal device 100 cancels the display of the content C20 or redisplays it 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, or the like. Or 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 and displayed in the second display mode moves 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. Variation of second display process executed 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 an operation on, a different content 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 an 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 expanding 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. Also 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 distribution of the web page C10, the content C20, and the content C40 that is related to the content C20 and has 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. As a more specific example, the content C20 is a moving image of an actress who wears clothes and accessories, and the content C40 includes text indicating clothes and accessories names, seller information, prices, clothes, It may be an image in which a link is set to web contents in 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 change over time) whose information content changes according to the playback state of the content C20. That is, the content C40 may be content indicating information on clothes, accessories, and the like that are to be imaged at the currently reproduced playback position in the content C20.

  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 first display process and the second display process described above. Furthermore, the terminal device 100 arranges the content C40 on the back of the content C20 so that the upper right vertex is superimposed on the upper right vertex of the screen.

  In addition, when a scroll operation is performed on the web page C10, the terminal device 100 expands the display size of the web page C10 in the upward direction on the screen and increases the display size of the content C20 as shown in the twenty-second state. By gradually reducing, the area where the content C40 is displayed is gradually enlarged. Further, as shown in the twenty-third state, the terminal device 100 further reduces the display size of the content C20 and expands the area in which the content C40 is displayed in response to a further upward scroll operation. Then, as shown in the twenty-fourth state, the terminal device 100 displays the contents C20 and C40 having the second display size and the web page C10 having the first display size. The twenty-first state corresponds to the seventh state shown in FIG.

[4. Modification of display processing executed by terminal device 100]
Hereinafter, a modification of the display process executed by the terminal device 100 will be described.

[4-1. About the content to be displayed)
The terminal device 100 may display a web page C10 and contents C20 to C22, C30, and C40 having an arbitrary display size. For example, the terminal device 100 may display the display size based on the size of the screen as a reference regardless of the display size indicated by the data of the distributed web page C10 and the contents C20 to C22, C30, and C40. For example, when displaying 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 basis of the web page C10. In addition to displaying in a reduced state, 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 size of the screen).

  Further, the terminal device 100 calculates the size of the region 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 off the left end area of the content C20, generates the content C21 with the cut out area enlarged to make the outline unclear, cuts out the right end area of the content C20, and cuts out the cut out area. You may produce | generate the content C22 which expanded and made the outline unclear. Further, the terminal device 100 changes the display size and the aspect ratio to a display size and an aspect ratio corresponding to the size of the area where the content C20 and the web page C10 are not arranged in the screen in the first display mode. 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 display size of the cut area.

  Note that a predetermined landing page may be set in the contents C20 to C40 described above. Moreover, the terminal device 100 may display the content C20 on the entire screen when the content C20 to C40 is 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. (Changes in display mode)
Here, the terminal device 100 may change the display mode to the third display mode not only when the button B1 is selected in the second display mode but also when, for example, the content C20 is selected. . That is, when an operation is performed on the content C20 displayed in the second display size, the terminal device 100 expands 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. You may reduce 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 with reduced visibility. In the second display mode and the third display mode, the terminal device 100 displays the visibility. You may display the web page C10 which returned to the original. For example, as the first display mode, the terminal device 100 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 is displayed. And the outline of the web page C10 may be sharpened.

[4-4. (About thumbnail display)
Here, the terminal device 100 displays the thumbnail of the content C20 instead of the content C20, thereby starting the first display process, and the data of the content C20 during the period from the first display mode to the second display mode. 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. And the terminal device 100 performs a 1st display process, when the thumbnail of the content C20 is acquired. For example, around the web page C10, the terminal device 100 displays a thumbnail of the content C20 and a plurality of contents whose thumbnails are changed in size and whose outline is unclear (that is, contents corresponding to the contents C21 and C22). Arrange and display. When the content C20 is acquired, the terminal device 100 replaces the content generated from the thumbnail or the thumbnail with the content C20, the plurality of content C21, and C22 around the web page C10 whose display size is reduced. May be displayed.

[4-5. (Exceptions)
In the third display process described above, 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 has tapped the content C40 displayed in the fourth display process is interested in the information regarding the content C20 and C40. Therefore, when the content C40 is selected in the fourth display process, the terminal device 100 may change the display mode from the second display mode to the first display mode, or the display mode may be the second display mode. You may make a transition from 3 to the third display mode.

[4-6. (About initial display)
Note that the terminal device 100 may use 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 not displayed in the first display mode but in the second display mode. Is displayed. Then, when the content C30 is selected in the state where the display of the content C20 is canceled as a result of the fourth display process, the terminal device 100 changes the display mode from the second display mode to the first display mode. May be.

[4-7. (Transition to initial display)
In the example described above, when the terminal device 100 accepts the delivery of the web page C10, the terminal device 100 displays the web page C10 on the entire screen before accepting the delivery of the content C20, and when accepting the delivery of the content C20, The first display mode was realized by gradually reducing the display size of the 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 as the initial display in addition to the first display mode. It's okay. Moreover, the terminal device 100 may change the display form of the web page C10 in an arbitrary manner.

  Here, the terminal device 100 is operated when the operation on the web page C10 is performed before the display mode to be the initial display, that is, when the operation is performed on the web page C10 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. In addition, when the terminal device 100 changes the display mode of the web page C10 and changes the display mode to the initial display, when an operation is performed on the web page C10, the display mode of the web page C10 is changed. The web page C10 may be displayed on the entire screen by gradually returning to the original state.

  For example, when the scroll operation is performed on the web page C10 in the stage of the first state illustrated in FIG. 1, the terminal device 100 cancels the acquisition of the content C20 and causes the web page C10 to be displayed in the first state. You may continue. In addition, 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. About the 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 playback from the beginning of the moving content C20. For example, the terminal device 100 may display a control bar that controls the reproduction of the content C20 together with the content C20. Further, the terminal device 100 may repeatedly reproduce the content C20 in the first display mode to the third display mode. When the display mode is changed, the terminal device 100 repeats playback from the position where playback was performed from the beginning or until then. Also good.

[4-9. About the execution subject)
In addition, although description was abbreviate | omitted above, the terminal device 100 can implement | achieve the display process mentioned above by arbitrary methods. For example, the terminal device 100 may realize the display processing described above by downloading an application that causes the terminal device 100 to execute the display processing described above in advance and starting the application at an arbitrary timing.

  In addition, the terminal device 100 accepts distribution of control information that causes a general-purpose program such as a web browser to execute the display process described above, simultaneously with the distribution of the web page C10 and the contents C20 to C40. Then, the terminal device 100 may perform the display process described above according to the control information.

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

[5. Distribution system configuration)
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 a 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 connected to be communicable via a network N by wire or wireless. 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 in accordance with the operation by the user, and when the acquisition instruction for requesting acquisition of the content C20 to C24 is included in the web page C10, the content C20 to C40. Is acquired from the advertisement distribution server 20. Further, when the terminal device 100 receives distribution of control information for realizing the above-described display processing from the advertisement distribution server 20, the terminal device 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 an advertisement content such as the content C20 to the advertisement distribution server 20 in accordance with an operation by the advertiser. For example, the advertiser terminal 10 submits content C20 to C40 to the advertisement distribution server 20 as advertisement content.

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

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

  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 the advertisement content distribution request from the terminal device 100, the advertisement distribution server 20 performs matching between the user and the advertisement content based on the location of the terminal device 100, the user's attributes, and the like. Is distributed to the terminal device 100. Further, the advertisement distribution server 20 distributes the control information for realizing the display process described above to the terminal device 100 together with the contents C20 to C40 which are advertisement contents. This control information is described in a script language such as JavaScript (registered trademark) or CSS.

  The content distribution server 30 is a web server or the like that distributes the web page C10 to the terminal device 100. For example, the content distribution server 30 is used for 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. A web page C10 in which various related information is arranged in a tile shape is distributed to the terminal device 100. The content distribution server 30 may be a server that distributes web pages such as a portal site where various types of information are arranged.

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

  Note that various data distributed from the content distribution server 30 to the terminal device 100 are actually HTML files and images that form web pages, moving images that are 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. Thus, when the display area A10 is distributed as one of the tiles, an acquisition command for acquiring advertisement content to be 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. Configuration of advertisement distribution server]
Next, the configuration of the advertisement distribution server 20 according to the embodiment will be described with reference to FIG. FIG. 7 is a diagram illustrating a configuration example of the advertisement distribution server according to the embodiment. As illustrated in FIG. 7, the advertisement distribution server 20 includes 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). The communication unit 21 is connected to the network N by wire or wirelessly, and transmits / receives information to / 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 element such as a RAM (Random Access Memory) or a flash memory, or a storage device such as a hard disk or an optical disk. Further, the storage unit 22 stores an advertisement database 24 that is a database in which various types of information related to advertisement content submitted from the advertiser terminal 10 is stored.

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

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

  In addition to the contents C20 to C40, a display instruction for instructing execution of the above-described display process is registered in the advertisement database 24 as advertisement contents. The display instruction includes, for example, the position where the content C20 to C40 is arranged and displayed, the reproduction timing of the content C20, the first display size to the fourth display size, and the layout in the first display mode to the third display mode. , What operation is performed, the display mode is changed, the display mode of the web page C10 is changed, the position of the area AR10 with respect to the screen, the display area A10 inside the area AR10 Settings such as which position the display of the content C20 is canceled when it enters and which position of the display area A10 moves outside the area AR10 are included. Note that the display instruction described above is arbitrarily set by the advertiser when the advertiser registers advertising content, for example.

  “Number of impressions” indicates the number of times the advertisement content is displayed. More specifically, the “number of impressions” indicates the number of times content C20 to C40 has been displayed, the number of times content C20 has been reproduced, and the like. The “number of guaranteed impressions” indicates the number of times the advertising content is guaranteed for the consideration. The “consideration” indicates a reward paid from the advertiser when the advertisement content is displayed by the “number of guaranteed impressions”. That is, the advertisement distribution server 20 is a server that distributes the content related to the advertisement in an impression guaranteed type.

  That is, FIG. 8 shows an example in which the advertiser identified by the advertiser ID “B10” submits the contents C20 and C30 as advertisement contents. In FIG. 8, the number of impressions of the contents C20 and C30 is “10000”, the number of impression guarantees is “20000”, and the charge amount when the contents C20 and C30 are displayed for the number of guaranteed impressions is “aaa”. An example is shown.

  In addition, when distributing the content related to the advertisement in the click charging format in which the fee is charged every time the advertisement content is selected, the advertisement database 24 stores the number of times the content is selected and the amount charged when the content is selected. Etc. are registered. Further, when the advertisement request is selected in a bid format when the distribution request is received and the selected advertisement content is distributed, the advertisement database 24 has an advertisement fee set by the advertiser as a reward per impression. Bid price, CTR, etc. are registered.

  Returning to FIG. 7, the description will be continued. The control unit 23 is realized by, for example, a CPU (Central Processing Unit), an MPU (Micro Processing Unit), or the like executing various programs stored in a storage device inside the advertisement distribution server 20 using the RAM as a work area. Is done. The control unit 23 is realized by an integrated circuit such as an application specific integrated circuit (ASIC) or a field programmable gate array (FPGA).

  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 functions and functions of information processing described below. Realize or execute. Note that the internal configuration of the control unit 23 is not limited to the configuration illustrated in FIG. 7, and may be another configuration as long as information processing described later is performed. Further, 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 submission accepting unit 25 accepts submission and display instructions for the contents C20 to C40, which are advertisement contents, from the advertiser terminal 10 together with the designation of the price. In such a case, the submission accepting unit 25 registers the contents C20 to C40, the display instruction, the advertiser ID, and the accepted value in the advertisement database 24 in association with each other.

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

  When the request reception unit 26 receives an advertisement content acquisition request, the advertisement selection unit 27 selects an advertisement content as a distribution candidate from the advertisement database 24. For example, the advertisement selection unit 27 performs matching of advertisement contents to be distributed from advertisement contents registered in the advertisement database 24 based on the position of the terminal device 100 and user attributes.

  In such matching, advertisement content is selected such that the number of impressions is greater than the guaranteed number of impressions. For example, the advertisement selection unit 27 preferentially selects advertisement content having the largest difference between the guaranteed number of impressions and the number of impressions. Note that 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 and CTR.

  In addition, when the web page is a search page, the advertisement selection 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 selection unit 27 may use an advertisement distribution method called targeting distribution that extracts advertisement contents that match user attribute information (such as psychographic attributes and demographic attributes). Thereafter, the advertisement selection unit 27 outputs the advertisement content selected as the distribution target to the distribution unit 28.

  The distribution unit 28 distributes control information to the terminal device 100 together with the advertisement content selected by the advertisement selection unit 27. Specifically, when receiving the advertisement content selected by the advertisement selection unit 27, the distribution unit 28 extracts a display instruction included in the received advertisement content. And the delivery part 28 produces | generates the control information for making the terminal device 100 perform the display process of the content which the extracted display instruction | indication shows. Thereafter, the distribution unit 28 distributes the generated control information and advertisement 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 illustrating a configuration example of the content distribution server according to the embodiment. As illustrated in FIG. 9, the content distribution server 30 includes a communication unit 31, a content storage unit 32, and a control unit 33.

  The communication part 31 is implement | achieved by NIC etc., for example. The communication unit 31 is connected to the network N by wire or wirelessly and transmits / receives information to / 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. And the content memory | storage part 32 memorize | stores the web page which is an example of a content. For example, the content storage unit 32 stores an HTML file that forms a web page, a still image or a moving image displayed on the web page.

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

  As illustrated in FIG. 9, the control unit 33 includes a reception unit 34 and a distribution unit 35, and realizes or executes information processing functions and operations described below. The internal configuration of the control unit 33 is not limited to the configuration illustrated in FIG. 9, and may be another configuration as long as the information processing described later is performed. Further, 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 accepting unit 34 accepts 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 distribution unit 35 distributes the web page to the terminal device 100 when the web page acquisition request is received by the reception unit 34. Specifically, the distribution unit 35 acquires the acquisition request target 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 receiving the web page C10, the terminal device 100 transmits an advertisement content distribution request to the advertisement distribution server 20, and displays the received advertisement content as a response. And the terminal device 100 performs the display process which changes advertisement content according to a user's operation.

[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 illustrated 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 a NIC or the like, for example. The communication unit 110 is connected to the network N by wire or wireless, and transmits / receives information to / 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 the user. For example, the input unit 120 is realized by a keyboard, a mouse, an operation key, 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. In addition, when a touch panel is employ | adopted for the terminal device 100, the input part 120 and the output part 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 triaxial direction. Note that the physical sensor 140 is not limited to a gyro sensor, and an arbitrary 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, for example, by executing various programs (corresponding to an example of an information display program) stored in a storage device inside the terminal device 100 using the RAM as a work area by a CPU, an MPU, or the like. . For example, these various programs correspond to application programs called web browsers. The control unit 150 is realized by an integrated circuit such as an ASIC or FPGA, for example.

  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 realizes or executes functions and operations of information processing described below. The internal configuration of the control unit 150 is not limited to the configuration illustrated in FIG. 10, and may be another configuration as long as the information processing described below is performed. Further, 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 the request unit 151 receives 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, the request unit 151 transmits an advertisement content acquisition request to the advertisement distribution server 20 when the acquisition command is included in the web page C10 received from the content distribution server 30.

  The operation control unit 152 executes various controls according to user operations 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 the content of the user operation such as the scroll operation and the tap operation received via the input unit 120 to the display processing unit 153.

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

  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 content C20 that is a moving image, and contents C30 and C40 that are still images and the like.

  In addition, the acquisition unit 154 acquires the web page C10, and acquires the content C20 when the web page C10 is acquired. For example, the acquisition unit 154 acquires content of a domain different from that of the web page C10 in accordance with an acquisition command for 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 according to control by the display control unit 156, and reproduces the content C20 and the contents C21 to C22 at a predetermined timing. 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 according to the control of the display control unit 156.

  The display control unit 156 realizes display processing 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. And when the content C20 is acquired, the display control part 156 displays the content C20, after changing the display mode of the web page C10 gradually. For example, when the content C20 is acquired, the display control unit 156 displays the web page C10 and the content C20 after gradually changing the display mode of the web page C10. 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 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 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 around the web page C10 with the reduced display size, The content C20 that is a moving image and the contents C21 and C22 that are a plurality of moving images whose outlines are changed and the display size of the content C20 are changed are arranged to display the web page C10 and 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 with the display size reduced by a predetermined ratio in the approximate center of the area where the content C20 is not arranged on the screen. The web page C10 and the contents C20 to C22 are displayed in a state where a plurality of contents C21 and C22 are arranged at both ends of the region in the horizontal direction of the screen.

  That is, as the first display mode, the display control unit 156 displays content C20 having an aspect ratio of landscape, a web page C10 having an aspect ratio of portrait, and an aspect ratio of portrait on a screen having a display area having an aspect ratio of portrait. The contents C21 and C22 are arranged and displayed. Then, the display control unit 156 reproduces the contents C20 to C22. 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 reduces the display size of the content C20 and the display size by a predetermined ratio before changing the display mode of the web page C10. C10 is placed in the screen. Then, the display control unit 156 arranges the plurality of contents C21 and C22 whose display size is changed to the display size corresponding to the size of the area where the content C20 and the web page C10 are not arranged in 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 aspect ratio of the extracted part to the size of the area where the content C20 and the web page C10 are not arranged in the screen. A plurality of contents C21 and C22 changed to the corresponding display size and aspect ratio are generated and arranged.

  Further, when an operation is performed on the web page C10 whose display size is reduced, the display control unit 156 displays the content C20 and the plurality of contents C21 and C22 by increasing the display size of the web page C10. Reduce the size of the area. For example, when a scroll operation is performed on the web page C10 whose display size is reduced 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. The display size of the web page C10 may be gradually enlarged. Further, the display control unit 156 may enlarge the display size of the web page C10 to a display size corresponding to the amount of scroll operation, or may automatically enlarge 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 reduces the display size of the content C20 to a predetermined smaller than the first display size. Reduce to the second display size. As a result, the display control unit 156 displays the web page C10 and the content C20 in the second display mode. Further, in the second display mode, the display control unit 156 scrolls the web page C10 without changing the display size of the content C20 and the web page C10 when the scroll operation is further performed on the web page C10. .

  In addition, when selected in the second display mode, the display control unit 156 reduces the display size of the web page C10 to the third display size and increases the display size of the content C20 to the fourth display size. An icon, that is, 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 expands the display size of the web page C10 to the third display size, and the content C20. By reducing the display size to the fourth display size, the web page C10 and the content C20 are displayed in the third display mode. In addition, when an operation is performed on the web page C10 displayed in the third display mode, the display control unit 156 increases the display size of the web page C10 to the first display size, and reduces the display size of the content C20. By reducing to the second display size, the display mode is returned to the second display mode.

  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 when 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, control is performed so that the change from the second display mode to the first display mode is not performed.

  Further, when a predetermined operation is performed in the second display mode, the display control unit 156 changes the display mode to the third 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, when an operation is performed on the web page C10 displayed in the first display mode, the display control unit 156 changes the first display mode to the second display mode and displays the web displayed in the second display mode. When an operation is performed on the page C10, the second display mode is changed to the third display mode. For example, when a scroll operation in the upward direction on the screen is performed on the web page C10 displayed in the first display mode, the first display mode is changed to the second display mode. In addition, when the upper end of the web page C10 is displayed as a result of the scroll operation in the downward direction on the web page C10 displayed in the second display mode, the display control unit 156 displays the second display mode as the third display mode. Change to aspect.

  Moreover, the display control part 156 changes a 3rd display mode to a 2nd display mode, when the scroll operation to the screen upward direction with respect to the web page C10 displayed by the 3rd display mode is performed. In addition, when the reproduction of the content C20 displayed in the first display mode is finished, the display control unit 156 changes the first display mode to the third display mode.

  In the second display mode, the display control unit 156 performs the following processing when displaying the content C40. First, the display control unit 156 arranges the content C40 of the second display size behind the content C20 displayed in the fourth display size, and an operation is performed on the web page C10 displayed in 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 increases 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 mode. In addition, the display control unit 156 reduces the display size and displays the web page C10 with a blurred outline in the first display mode, and changes the display mode to the second display mode or the third display mode. May enlarge 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, the thumbnail display size, and the outline of the content C20 around the web page C10. Place and display content. Then, when the content C20 is acquired by the acquisition unit 154, the display control unit 156 arranges and displays the content C20 and the plurality of contents C21 and C22 around the web page C10 whose display size is reduced. May be.

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

  In addition, the display control unit 156 changes the display mode of the web page C10 when an operation is performed on the web page C10 before the content C20 is acquired, that is, before reaching the first display mode that is the initial display. The web page C10 may be continuously displayed without being changed. In addition, when an operation is performed on the web page C10 while the display mode of the web page C10 is gradually changed, the display control unit 156 displays the web page C10 whose display mode has been restored. Also good.

  In addition, when the display area A10 is arranged in the web page C10 and the content C30 arranged and displayed in the display area A10 is distributed, the display control unit 156 executes the following processing. First, the display control unit 156 displays the web page C10 in the first display mode to the third display mode in a state where the content C30 is 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 are related to the same target. If it has a predetermined relationship, such as having it, 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 to the screen. In addition, after the display of the content C20 is stopped, the display control unit 156 causes the content C20 to be displayed again when the display area A10 moves away from the predetermined area AR10.

  If the content C30 is selected while the display of the content C20 is canceled, the display control unit 156 changes the display mode from the second display mode to the first display mode, and the web page C10 and the content C20. May be displayed.

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

  In the example illustrated in FIGS. 11 and 12, the content C20 is described as a moving image, and the contents C21 and C22 are described as a blurred moving image. Further, in the examples illustrated in FIGS. 11 and 12, an example of the process of continuously executing the display process described above has been described. However, the terminal device 100 performs, for example, an operation of transitioning from the web page C10 to another web page. 11 is completed, the process shown in FIGS. 11 and 12 is terminated, and the process is newly executed from the beginning.

  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 acquired instruction is included in the distributed web page C10, the terminal device 100 transmits a request (distribution request) for the content C20 and 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). If the terminal device 100 determines that no moving image has been received (step S104: No), the terminal device 100 executes step S104 again.

  Further, when the terminal device 100 receives a 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 an unclear outline, that is, the content C21. , C22 is generated (step S105). And the terminal device 100 arrange | positions a moving image and 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 the 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, thereby moving 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, if the playback of the moving image has not ended (step S108: No), the terminal device 100 determines whether an operation has been performed on the web page C10 (step S110). When the operation on the web page C10 is performed (step S110: Yes), the terminal device 100 stops displaying the blurred moving image, reduces the display size of the content C20 that is the moving image, and also displays the web page C10. By expanding the display size, 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, the terminal device 100 performs step S108, when operation with respect to the web page C10 is not performed (step S110: No).

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

  Moreover, the terminal device 100 scrolls the web page C10 according to scroll operation, when step S111 or step S114 is performed (step S115). Then, the terminal device 100 determines whether or not the content related to the moving image, that is, the display area A10 where the content C30 is arranged has moved into the predetermined area AR10 (step S116). When the display area A10 moves into the predetermined area AR10 (step S116: Yes), the terminal device 100 cancels the display of 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). If the display area A10 has moved (step S118: Yes), the moving image is displayed in the second display mode. A web page is displayed (step S119).

  Subsequently, the terminal device 100 determines whether or not the upper end of the web page C10 has been displayed (step S120), and when 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. Moreover, the terminal device 100 performs step S115, when the upper end of the web page C10 is not displayed (step S120: No). Further, the terminal device 100 does not move the display area A10 into the predetermined area AR10 (step S116: No) or does not move the display area A10 outside the predetermined area AR10 (step S118: No), Step S120 is executed. Further, the terminal device 100, when the operation on the web page is not performed in the second display mode (step S112: No), or when the reproduction of the moving image is not finished (step S113: No), step S112. Execute.

[10. (Modification)
In the above, an example of display processing by the terminal device 100 has been described using the display modes illustrated in FIGS. However, the embodiment is not limited to this. Hereinafter, a modification of the display process executed by the terminal device 100 will be described. Note that the display processing described below is realized by, for example, processing 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 displayed the contents C20 to C40 that are advertisement contents. However, the embodiment is not limited to this. For example, the content C20 and the content C21 and C22 may be different moving images, or may be different moving images of the same moving image at different playback positions. The contents C30 and C40 may be contents that have no relationship with the content 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 from different servers. In other words, when executing the display process described above, any aspect can be adopted as the aspect of the process of distributing the web page C10 and the contents C20 to C40.

[10-2. About content)
In the example described above, the example in which the terminal device 100 displays the web page C10 and the contents C20 to C40 has been described. 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. Further, 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 character strings other than advertisements, patterns, images, moving images, and the like by the display process described above. Moreover, the terminal device 100 may display content C10 to C40 including a game or the like, or may display content C10 to C40 including a so-called playable advertisement. Moreover, the terminal device 100 may display the contents C10 to C40 including sound. Note that character strings, patterns, images, moving images, games, sounds, and the like included in the contents C10 to C40 are not limited to those related to advertisements.

  Further, when displaying 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. Further, the terminal device 100 may perform the above-described display processing when displaying an interactive web page created by a technique such as flash or CSS when the game is executed.

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

[10-3. About implementation units)
Here, the terminal device 100 performed the 1st display process-the 4th display process mentioned above collectively. However, the embodiment is not limited to this. For example, the terminal device 100 may individually execute the first display process to the fourth display process described above.

  For example, if there is content to be displayed other than the web page C10 and the content is acquired when the web page C10 is received, the terminal device 100 displays the web page C10 and the content in an arbitrary display mode. Therefore, the first display process described above may be executed. That is, the terminal device 100 first displays the web page C10 on the entire screen, and when other content is acquired thereafter, the display mode of the web page C10 is changed to change the web page C10 and other content. May be displayed.

  Further, the terminal device 100 may execute only the second display process described above without executing the first display process, the third display process, and the fourth display process. That is, the terminal device 100 may not display the second display mode or the third display mode as long as the contents C20 to C22 and the web page C10 are displayed in the first display mode described above. For example, when an operation for selecting the web page C10 or a 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.

  The terminal device 100 may execute the third display process without executing the first display process or the fourth display process. That is, when switching the first display mode to the third display mode, the terminal device 100 switches the display mode from the first display mode, which is the initial display, to the second display mode or the third display mode. The switching to the first display mode may not be performed.

  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 as a result of scrolling the web page C10, the content related to the displayed content and the content arranged in the web page C10 is displayed on the screen. If it can be displayed, the display of the displayed content may be canceled.

  Note that the terminal device 100 may execute the above-described first display process to fourth display process in any combination. Further, such a combination can be arbitrarily set by the advertiser as a display instruction when registering the advertisement content in the advertisement distribution server 20. Then, the advertisement distribution server 20 generates control information that causes the terminal device 100 to execute a 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 advertiser settings.

[10-4. About control information)
The terminal device 100 described above has performed the above-described display process using 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 from the content distribution server 30 together with the web page C10, and receives a control instruction from the advertisement distribution server 20 along with the contents C20 to C40. Then, the terminal device 100 may execute the control information received from the content distribution server 30, and may execute display processing according to the received control instruction.

  Further, the terminal device 100 may realize the above-described processing by downloading in advance 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. However, the advertisement distribution server 20 and the content distribution server 30 are formed as a single device. Also 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. And the advertisement delivery server 20 delivers the web page which does not contain an acquisition command to the terminal device 100 with an advertising content, when the acquisition request of a web page is received from the terminal device 100. FIG.

  Further, in the above-described embodiment, the 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 the content distribution server 30 may acquire 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 a web page that does not include an acquisition command to the terminal device 100 together with the contents C20 to C40 acquired from the advertisement distribution server 20 to realize the display processing described above.

[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 content 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 content C20 to C40 is displayed, whether or not the content C20 to C21 has been played, A log indicating whether an image has been reproduced or whether a reproduction operation or a stop operation has been performed may be taken.

  Further, the terminal device 100 may measure the number of times that a moving image is displayed, the number of times it is selected, the time that it is played back, and the like. Further, 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 has been performed and in which display mode the moving image has been reproduced. 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 performing an upward scroll operation from the initial display, or when the terminal device 100 does not display the web page C10 in the first display mode that is the initial display. A log indicating that the content C20 is not 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 is switched from the first display mode to the second display mode may be taken.

  The log acquired by the terminal device 100 in this manner is useful when the number of impressions of the contents C20 to C40, the update of the CTR, the billing process for the display of the contents C20 to C40, etc., and reporting the advertising effect to the advertiser, etc. It becomes a log. For example, when the content C20 is reproduced as a result of the display process, it is predicted that the user has shown interest in the content C20. In addition, when the display time of the content C20 is long, or when switching between the second display mode and the third display mode is performed many times, it is predicted that the user has a stronger interest in the content C20. Is done.

  For this reason, the log indicating the display count, display time, reproduction time, display mode change, log indicating various operation details, etc. of the contents C20 to C40, is the user interested in the contents C20 to C40? It can be an indicator of no. In addition, 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 an index indicating the degree of recognition of the user's advertisement.

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

  Further, the log acquired by the terminal device 100 may be used for changing the content arranged on the landing page. For example, when the terminal device 100 selects the content C21 and when the content C22 is selected, the terminal device 100 acquires the same landing page, and the acquired log content to the server that distributes the landing page, etc. And the content to be arranged on the landing page may be changed.

[10-7. Terminal device operation record)
Further, the terminal device 100 described above may transmit a record of how much the user has operated the terminal device 100 to the advertisement distribution server 20 in the above-described display mode. Specifically, the terminal device 100 displays the content and number of scroll operations when the contents C20 to C40 are displayed, the user's selection operation, the position where the user has selected the contents C20 to C40, the playback 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 for information specifying the contents C20 to C40 such as the number of scroll operations, the number of reloads, the contents of the display process described above, or the contents C20 to C40. For example, various operations performed on the terminal device 100 by the user, such as writing to an SNS, can be recorded. Then, the terminal device 100 transmits information related to the operation history to the advertisement distribution server 20.

  In such a case, the advertisement distribution server 20 aggregates information related to the operation history distributed from the terminal device 100, and further acquires information obtained by analyzing the information. For example, the advertisement distribution server 20 includes the number of scroll operations, the number of times display processing is performed, the type of landing page displayed and the landing for the cases where the contents C20 to C40 are distributed together with the control information and the cases where the contents are not distributed. Information such as the type of content placed on the page and information on comparison of advertising effect indicators such as CTR are acquired.

  Here, the history of 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 on 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 user's operation, the display mode is changed, or the contents C20 to C40 are displayed. Not only the landing page is displayed, but also the operation history itself indicating how much the user has performed on the web page C10 (that is, how much the user has changed the display mode of the screen) is used. It can be said that the index indicates the interest of the person in the content C20 to C40.

  For example, the advertisement distribution server 20 determines the content of the scroll operation, the number of scroll operations, the number of times the playback operation or stop operation has been detected, the number of times the content C20 has been played, the number of times the content C20 to C40 has been displayed, 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 accompanied by the control information according to the embodiment are displayed, the contents C20 to C40 try to convey widely. Information, i.e. an indication of how much interest has been generated for the advertisement, can be provided.

  Therefore, the advertisement delivery server 20 transmits information related to the operation history of the terminal device 100 to the advertiser terminal 10, thereby indicating a report indicating an advertisement effect index for the web page C <b> 10 on which the content C <b> 20 to C <b> 40 according to the embodiment is displayed. It can be. Note that the advertisement distribution server 20 may transmit information and a log regarding the operation history of the terminal device 100 to the advertiser terminal 10 as they are.

  Thereby, the advertisement delivery server 20 can show the advertiser the usefulness of the display mode of the contents C20 to C40 accompanied by the control information according to the embodiment of the terminal device 100.

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

  Further, each component of each illustrated apparatus is functionally conceptual, and does not necessarily need to be physically configured as illustrated. In other words, the specific form of distribution / integration of each device is not limited to that shown in the figure, and all or a part thereof may be functionally or physically distributed or arbitrarily distributed in arbitrary units according to various loads or usage conditions. Can be integrated and configured.

  In addition, the above-described embodiments can be appropriately combined within a range in which processing contents do not contradict each other.

[10-9. program〕
Further, the terminal device 100 according to the embodiment described above is realized by a computer 1000 having a configuration as shown in FIG. 13, for example. FIG. 13 is a diagram illustrating an example of a 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 via a bus 1090. Have

  The arithmetic device 1030 operates based on a program stored in the primary storage device 1040 and the secondary storage device 1050, a program read from the input device 1020, and 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 arithmetic operations. The secondary storage device 1050 is a storage device in which data used for various calculations by the calculation device 1030 and various databases are registered, and is realized by a ROM (Read Only Memory), HDD, 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 types of information such as a monitor and a printer. For example, USB (Universal Serial Bus), DVI (Digital Visual Interface), This is realized by a standard connector 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, a USB.

  The input device 1020 includes, for example, an optical recording medium such as a CD (Compact Disc), a DVD (Digital Versatile Disc), and a PD (Phase change rewritable disk), a magneto-optical recording medium such as an MO (Magneto-Optical disk), and 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 be an external storage medium such as a USB memory.

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

  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 implements the function of the control unit 150 by executing a program loaded on the primary storage device 1040.

[11. effect〕
As described above, the terminal device 100 displays the web page C10 (that is, the first content) having the predetermined display area A10 and the content C20 (that is, the second content) that is different from the web page C10. Then, the terminal device 100 moves the display area A10 to a predetermined area AR10 based on the screen by a scroll operation, and the content C30 (that is, the third content) and the content C20 arranged in the display area A10 are displayed. If it has a predetermined relationship, the display of the content C20 is canceled.

  For this reason, since the terminal device 100 prevents a display mode in which the screen is unnecessarily occupied by the related contents C20 and C30, the deterioration of the user's impression on the contents C20 and C30 is prevented. The appeal effect of such information can be improved.

  Further, the terminal device 100 cancels the display of the content C20 when a predetermined position in the display area A10 moves to the screen. Further, when the content C20 and the content C30 have information relating to the same target as the predetermined relationship, the terminal device 100 cancels the display of the content C20.

  In addition, after the display of the content C20 is stopped, the terminal device 100 displays the content C20 again when the display area A10 moves away from the predetermined area AR10. Further, the terminal device 100 displays the web page C10 and the content C20 arranged in a predetermined first display mode as an initial display, and when a predetermined operation is performed on the web page C10, Displays the web page C10 and the content C20 in different second display modes, the display area A10 of the web page C10 displayed in the second display mode moves to the predetermined area AR10, and the content C20 and the content C30 , The display of the content C20 is canceled.

  In addition, as an initial display, the terminal device 100 changes the content C20 around the web page C10 whose display size has been reduced, and a plurality of contents C21 and C22 (the first content C20, C22, C22, C22, C22, C22, C22) 4 contents) are displayed in the first display mode. Then, when a scroll operation is performed on the web page C10 displayed in the first display mode, the terminal device 100 stops displaying the fourth content, and expands the display size of the web page C10 to a predetermined display size. At the same time, each content is displayed in the second display mode in which the display size of the content C20 is reduced. In the second display mode, the display area A10 moves to a predetermined area AR10 based on the screen, and the content C20 and the content C30 are displayed. , The display of the content C30 is canceled.

  In addition, when the content C30 is selected in a state where the display of the content C20 is canceled, the terminal device 100 displays the web page C10 and the content C20 in the first display mode. Further, when the upper end of the web page C10 displayed in the second display mode is displayed by the scroll operation, the terminal device 100 reduces the display size of the web page C10 and increases the display size of the content C20. Each content is displayed in the third display mode.

  In addition, the terminal device 100 displays the content C20 that is a moving image. When the display of the content C20 is canceled and the content C30 is selected, the terminal device 100 changes the display size of the content C20 and the content C20 around the web page C10 whose display size is reduced. In addition, each content is displayed in a display mode in which a plurality of contents C21 and C22 with unclear outlines are arranged.

  By the process described above, the terminal device 100 can display various contents C20 to C30 in a complicated manner, so that it is possible to improve the information appeal effect regarding the contents C20 to C30.

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

  Moreover, the above-mentioned “section (module, unit)” can be read as “means”, “circuit”, and the like. For example, the distribution unit can be read as distribution means or a distribution circuit.

DESCRIPTION OF SYMBOLS 1 Distribution system 10 Advertiser terminal 20 Advertising distribution server 21, 31, 110 Communication part 22 Storage part 23, 33, 150 Control part 24 Advertising database 25 Submission 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 (13)

On the computer,
When the first content having a predetermined display area and the second content different from the first content are displayed and the display area is moved into the screen by a scroll operation, the third content is displayed in the display area. Display procedure to display further in the arranged state ,
In a state where the first content and the second content and the third content is displayed, the display area by further scrolling is moved to a predetermined area relative to the screen, and, before Symbol third content If the content and the content of the second content has a predetermined relationship is canceled the display of the second content, to execute a display control procedure Ru to display the third content and the first content Information display program for. 2. The information display program according to claim 1, wherein the display control procedure cancels display of the second content when a predetermined position in the display area moves into the screen. The display control procedure cancels the display of the second content when the second content and the third content have information related to the same target as the predetermined relationship. Item 3. The information display program according to Item 1 or 2. The display control procedure is to display the second content again when the display area is separated from the predetermined area after canceling the display of the second content. The information display program as described in any one of these. The display procedure displays the first content and the second content arranged in a predetermined first display mode as an initial display,
In the display control procedure, when a predetermined operation is performed on the first content, the first content and the second content are displayed in a second display mode different from the first display mode. When the display area of the first content displayed in the two display mode moves to the predetermined area, and the second content and the third content have a predetermined relationship, The information display program according to claim 1, wherein display is canceled. In the display procedure, as an initial display, the second content, and a plurality of fourth contents whose outlines are blurred while changing the display size of the second contents, are displayed around the first content whose display size is reduced. Each content is displayed in the first display mode in which
In the display control procedure, when a scroll operation is performed on the first content displayed in the first display mode, the display of the fourth content is canceled and the display size of the first content is set to a predetermined display size. Each of the contents is displayed in a second display mode in which the display size of the second content is reduced, the display area is moved to a predetermined area based on a screen in the second display mode, and The information display program according to any one of claims 1 to 5, wherein when the second content and the third content have a predetermined relationship, the display of the third content is canceled. In the display control procedure, when the display of the second content is canceled and the third content is selected, the first content and the second content are displayed in the first display mode. The information display program according to claim 5 or 6, wherein In the display control procedure, when the upper end of the first content displayed in the second display mode is displayed by scroll operation, the display size of the first content is reduced and the display size of the second content is reduced. Each information is displayed in the expanded 3rd display mode. The information display program as described in any one of Claims 5-7 characterized by the above-mentioned. The information display program according to any one of claims 1 to 8, wherein the display procedure displays second content that is a moving image. When the display of the second content is stopped and the third content is selected, the display control procedure includes the second content and the second content around the first content with a reduced display size. Each content is displayed in the display mode which has arranged the plurality of 4th contents which changed the display size of the 2nd contents, and made the outline unclear. Any one of Claims 1-9 characterized by the above-mentioned. The information display program described. When the first content having a predetermined display area and the second content different from the first content are displayed and the display area is moved into the screen by a scroll operation, the third content is displayed in the display area. A display unit for further display in the arranged state ;
In a state where the first content and the second content and the third content is displayed, the display area by further scrolling is moved to a predetermined area relative to the screen, and, before Symbol third content If the content and the content of the second content has a predetermined relationship is canceled the display of the second content, to have a display control unit Ru to display said third content to the first content An information display device. An information display method executed by the information display device,
When the first content having a predetermined display area and the second content different from the first content are displayed and the display area is moved into the screen by a scroll operation, the third content is displayed in the display area. A display process for further display in the arranged state ;
In a state where the first content and the second content and the third content is displayed, the display area by further scrolling is moved to a predetermined area relative to the screen, and, before Symbol third content If the content and the content of the second content has a predetermined relationship, said second and cancel the display of the content, to include a display control step of Ru to display said third content and the first content An information display method characterized by the above. A distribution unit for distributing control information to the terminal device;
The distribution unit distributes control information to the terminal device,
When the first content having a predetermined display area and the second content different from the first content are displayed and the display area is moved into the screen by a scroll operation, the third content is displayed in the display area. Display procedure to display further in the arranged state ,
In a state where the first content and the second content and the third content is displayed, the display area by further scrolling is moved to a predetermined area relative to the screen, and, before Symbol third content If the content and the content of the second content has a predetermined relationship is canceled the display of the second content, to execute a display control procedure Ru to display the third content and the first content Controlling the terminal device,
A distribution apparatus characterized by that.

Images