JP6444338B2 - Information display program, information display apparatus, information display method, distribution apparatus, and distribution method - Google Patents

Description

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

  Conventionally, a technique for displaying a plurality of information on an arbitrary information display device such as a smart device such as a smartphone or a tablet PC (Personal Computer), a desktop PC, or the like is known. As an example of such a technique, a technique for generating interest in content by displaying predetermined content on a screen and changing the display mode of the content according to an operation from a user is known. For example, a technique is known that displays a web page and content related to an advertisement on a screen, and enlarges the area for displaying the content when a user performs a scroll operation of the web page.

JP 2014-049095 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 prior art, when the scroll operation of the web page is performed, the area for displaying the content is increased, so that the impression of the content of the user watching the web page may be deteriorated.

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

The information display program according to the present application includes a display procedure for displaying a second content different from the first content in front of the first content, and a second operation when the moving operation is performed on the first content. A control procedure for changing the size of the area in which the first content is displayed by gradually narrowing the edge of the area in which the second content is displayed without moving the content. Features.

  According to one aspect of the embodiment, there is an effect that the effect of appealing information related to the content can be improved.

FIG. 1 is a diagram illustrating an example of a terminal device according to the embodiment. FIG. 2 is a diagram illustrating a configuration example of a distribution system according to the embodiment. FIG. 3 is a diagram illustrating a configuration example of the advertisement distribution server according to the embodiment. FIG. 4 is a diagram illustrating an example of information stored in the advertisement database according to the embodiment. FIG. 5 is a diagram illustrating a configuration example of the content distribution server according to the embodiment. FIG. 6 is a diagram illustrating a configuration example of the terminal device according to the embodiment. FIG. 7 is a diagram illustrating an example of setting the arrangement area and the visible area. FIG. 8 is a diagram illustrating a first variation of display processing executed by the terminal device according to the embodiment. FIG. 9 is a diagram for explaining a variation in setting the arrangement area and the visible area. FIG. 10 is a diagram illustrating a second variation of the display process executed by the terminal device according to the embodiment. FIG. 11 is a flowchart illustrating an example of a flow of display processing executed by the terminal device according to the embodiment. FIG. 12 is a hardware configuration diagram illustrating an example of a computer that realizes the function of the advertisement distribution server.

DESCRIPTION OF EMBODIMENTS Hereinafter, a mode for implementing an information display program, an information display device , an information display method , a distribution device, and a distribution method according to the present application (hereinafter referred to as “embodiment”) will be described in detail with reference to the drawings. To do. In addition, the information display program, the information display device , the information display method , the distribution device, and the distribution method 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 100]
First, an example of processing executed by the terminal device 100, which is an example of an information display device, will be described with reference to FIG. FIG. 1 is a diagram illustrating an example of a terminal device according to the embodiment. FIG. 1 shows an example in which a web page C10 and content C20 are displayed by the terminal device 100.

  A terminal device 100 illustrated in FIG. 1 is a smart device such as a smartphone or a tablet, and can communicate with an arbitrary server device via a wireless communication network such as 3G (Generation) or LTE (Long Term Evolution). It is a portable terminal device. The terminal device 100 includes an output unit 130 such as a liquid crystal display. The terminal device 100 is assumed to employ a touch panel. That is, the user of the terminal device 100 performs various operations by touching the display surface of the output unit 130 (hereinafter sometimes referred to as a screen) with a finger or a stylus.

  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). This is a web page described in. Here, it is assumed that a blank C11 having the same size as the display size of the content C20 or any content that does not need to be visually recognized by the user is inserted at the top of the web page C10.

  In the following description, it is assumed that the web page C10 is a so-called portal site web page. 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 of the terminal device 100, and includes a plurality of “news 1” to “news 5”. Assume that content related to news is arranged.

  The web page C10 is, for example, news, weather forecasts, received mail indexes and contents, photo viewers, and other various contents arranged in independent tiles. For each content arranged in tiles, for example, It may be content that can be operated and updated. In such a case, the size and arrangement position of each tile arranged on the web page C10 may be automatically changed for each tile, or may be changed according to a user operation. The web page C10 may be a web page described in HTML (Hyper Text Markup Language), XML (Extensible Markup Language), or the like. Such a web page C10 includes an input field for inputting a search keyword, links to other web pages, and the like.

  The content C20 is content displayed together with the web page C10, for example, content related to an advertisement (hereinafter referred to as advertisement content). For example, the content C20 is a content composed of a plurality of contents C21 to C23.

  More specifically, the content C21 is an image including a range from the upper end to one third of the image displayed as the content C20. Content C22 is an image including a range from the upper end to two-thirds of the image displayed as content C20. The content C23 is an image including the entire range of images displayed as the content C20.

  Note that the content C20 may be configured by a plurality of independent contents, or may be configured as a single content that is different as a whole by combining a plurality of independent contents. Further, the content C20 may be composed of an arbitrary number of contents.

  Further, as will be described later, the content C20 is set by the CSS (Cascading Style Sheets), HTML5, and other scripts that can describe dynamic content, as a result of setting the arrangement position and the display position, so that the user's operation, etc. This is a content whose display mode changes. For example, the content C20 is content that includes images, characters, figures, symbols, moving images, and the like that are controlled by a user operation such as display, deletion, enlargement, reduction, movement, rotation, reproduction, and pause. Note that the content C20 may be a web page described in HTML, XML, or the like, like the web page C10.

  Here, the content relating to the advertisement is not limited to the commercial or non-profit advertisement, but also recruits volunteers, public advertisements, notification to the public, part of the information related to the web page C10, and other arbitrary contents. . That is, the content C20 is not only included in content including so-called advertisement-related information but also included in information included in the content C20 or content related to the content C20 (for example, a landing page) that interests the user. As long as the information is widely notified, images, moving images, characters, figures, symbols, hyperlinks, and other arbitrary contents can be applied.

  Upon receiving the distribution of the web page C10, the terminal device 100 transmits a distribution request to the advertisement distribution server 20 that distributes the content related to the advertisement. And the terminal device 100 will display the web page C10 and the content C20, if the delivery of the content C20 is received from the advertisement delivery server 20 as a content which concerns on an advertisement.

[2. Processing executed by terminal device 100]
Here, in the prior art, when the scroll operation of the web page C10 is performed, an area for displaying predetermined content is enlarged. However, in such a conventional technique, as the content area is expanded, an area where the web page C10 is displayed (hereinafter referred to as a display area of the web page C10) is narrowed, so the user is watching the web page. In such a case, the user's impression of the content may deteriorate, and the appeal effect of the information related to the content may not be exhibited appropriately.

  Conventionally, display processing has been performed in which the number of impressions of the content is improved by arranging the content within the range where the initial display is performed in the web page C10. However, if the user scrolls the web page C10 before distributing the content, the number of impressions is counted as the content being viewed even though the user has not actually viewed the content. .

  Further, if the content continues to be displayed when scrolling the web page C10, the user's impression of the content may be deteriorated. On the other hand, since billing for advertisement distribution is performed for browsing and selection by the user, it is desirable that the content related to the advertisement be performed in a manner that is easily noticeable to the user.

[2-1. Display processing)
Therefore, the terminal device 100 performs the following display process. First, the terminal device 100 displays the web page C10 and the content C20. Then, when the scroll operation of the web page C10 is performed, the terminal device 100 does not move the content C20, and is displayed in the area displayed in the content C20 (described as a display area of the content C20, and so on). Is narrowed in the direction in which the scroll operation is performed, so that the area of the area where the web page C10 is displayed is enlarged.

  More specifically, the terminal device 100 displays the web page C10 at the upper end of the screen and arranges and displays the content C20 in front of the web page C10. Here, since the blank C11 having the same size as the display size of the content C20 is inserted at the top of the web page C10, the terminal device 100 determines that the upper end of the web page C10 not having the blank C11 is the lower end of the content C20. The initial screen arranged so as to touch is displayed.

  Here, the upper end of the web page C10 or the content C20 is a reference position when the web page C10 or the content C20 is displayed on the screen, and is the most on the screen when the web page C10 or the content C20 is displayed. It is an end arranged on the upper side. Further, the lower end of the web page C10 or the content C20 is an end arranged at the lowermost position on the screen among the ends generated when the web page C10 or the content C20 is displayed on the screen.

Then, when a scroll operation for moving the web page C10 in the upward direction on the screen (hereinafter referred to as an up scroll operation) is performed, the terminal device 100 scrolls the web page C10 and sets the display area of the content C20. The screen gradually narrows from the bottom to the top. Here, the screen upward direction is a direction in which the upper end of the web page C10 or the content C20 is displayed on the screen of the terminal device 100, and the screen downward direction is the lower end of the web page or the content C20 on the screen. Is the direction in which. In other words, the terminal device 100 gradually narrows the width of the display area of the content C20 by moving the lower end of the content C20 gradually upward in accordance with the scroll operation without moving the upper end of the content C20.

  Here, when the content C20 is configured by the plurality of contents C21 to C23, the terminal device 100 individually narrows the display areas of the contents C21 to C23 at different timings for each of the contents C21 to C23. For example, the terminal device 100 configures the content C20 by arranging the content C22 on the back of the content C21 and arranging the content C23 on the back of the content C22 so that the top ends of the contents C21 to C23 are aligned. .

  Then, when an upward scroll operation is performed, the terminal device 100 moves the lower end of the display area of the content C23 gradually upward on the screen without moving the content C23, thereby displaying the display area of the content C23. Gradually narrows toward the top of the screen. Further, when the display area of the content C23 is narrowed and the content C23 is hidden behind the content C22, the terminal device 100 displays the content C22 when the further scroll operation is performed after the content C23 is not displayed. By moving the lower end of the display area of the content C22 gradually upward on the screen without moving it, the display area of the content C22 is gradually narrowed upward on the screen.

  If the display area of the content C22 is narrowed and the content C22 is hidden behind the content C21 and the content C22 is not displayed after the terminal C 100 is further displayed, the terminal device 100 displays the content C21. Without moving, the display area of the content C21 is gradually narrowed in the upward direction on the screen. As a result, the terminal device 100 gradually narrows the display area of the content C20 and expands the display area of the web page C10 without moving the content C20 according to the scroll operation of the web page C10.

  The terminal device 100 displays the content C20 by arranging the images obtained by dividing the content C20 into three equal parts as the contents C21 to C23, and simultaneously narrows the display area of each of the contents C21 to C23. You may perform the display which narrows the display area of C20 gradually.

  In addition, the terminal device 100 provides a difference at the timing when the display areas of the contents C21 to C23 start to be narrowed. For example, after the content C23 is no longer displayed, the terminal device 100 displays the content C22 without narrowing the display area until the amount of the upward scroll operation exceeds a predetermined threshold, and the amount of the upward scroll operation is the predetermined amount. When the threshold value is exceeded, the display area of the content C22 starts to be narrowed.

  In addition, the terminal device 100 narrows the display area of the content C21 after the entire amount of content C22 is not displayed, and the scroll amount until the display of the content C22 starts to be narrowed after the entire content C23 is not displayed. You may employ | adopt a different value for the scroll amount until it starts. As described above, the terminal device 100 can be configured in any manner as long as the display area of the content C20 is gradually reduced without moving the content C20 in response to the scroll operation on the web page C10. The display area may be reduced in size.

  Further, the terminal device 100 may display a predetermined landing page when the user selects the content C20. Here, the terminal device 100 may display different landing pages for each of the contents C21 to C23, and the number of displayed contents among the contents C21 to C23 and the ratio of the displayed area of the contents C20. Different landing pages may be displayed according to the above. Further, when the contents C21 to C23 are not displayed, the terminal device 100 may perform a process of not displaying the landing page even if the user taps the position where the contents C21 to C23 are arranged. .

[2-2. About display processing methods)
Here, the terminal device 100 can implement the display process described above by an arbitrary method. For example, the terminal device 100 may monitor the scroll amount, and when the monitored scroll amount exceeds a predetermined threshold, the display area of the content C20 may be gradually narrowed according to the scroll operation. Further, for example, the terminal device 100 determines whether or not a predetermined position in the web page C10 is located on the screen upward direction from the lower end of the content C20. Then, when a predetermined position in the web page C10 is positioned on the screen upper side than the lower end of the content C20, the terminal device 100 moves the lower end of the content C20 to the predetermined position on the screen upward. May be.

  Further, the terminal device 100 may realize the display process described above by using a script such as CSS. For example, the terminal device 100 arranges the content C20 in an arrangement area that is an area fixed at the upper end of the screen. Further, the terminal device 100 sets a visible area, which is an area in which the content C20 is displayed in a visible state, as a parent element of the content C20 from the upper end of the web page C10 to a predetermined position.

  Here, when the arrangement area of the content C20 is set, the terminal device 100 attempts to arrange and display the content C20 on the arrangement area. However, when the visible region as the parent element is set, the terminal device 100 makes the content C20 visible only within the visible region. For this reason, the terminal device 100 makes only the range where the content C20 is arranged and the content C20 is visible, that is, the range where the arrangement region and the visible region overlap, among the content C20, and displays on the screen. Will be displayed.

  For example, in the initial screen, the entire arrangement area is included in the visible area of the content C20, that is, the arrangement area and the visible area match. Therefore, the terminal device 100 displays the entire content C20 on the initial screen. On the other hand, when the upward scroll operation is performed, the visible region moves in accordance with the scroll operation of the web page C10. When the lower end of the content C20 moves in the screen upper direction than the lower end of the arrangement area, a wrinkle occurs between the arrangement area and the visible area, so that only the range in which the arrangement area and the visible area match in the content C20. Will be displayed.

  As a result, since the range from the lower end of the arrangement area to the lower end of the visible area in the content C20 becomes invisible, the terminal device 100 gradually narrows the display area from the lower end without moving the content C20. The web page C10 arranged on the back side of C20 is displayed. That is, the invisible state here is not realized by the transparency of the content C20 being operated by a program or script, but is realized by a phenomenon that a range not included in the visible area is not displayed in the arrangement area. Is done.

  Here, the terminal device 100 may individually set the visible area and the arrangement area for each of the contents C21 to C23. For example, the terminal device 100 sets the arrangement areas of the contents C21 to C23 in order from the upper end of the screen, and sets the visible areas with the lower ends set at different positions. More specifically, the terminal device 100 is configured so that the width between the lower end and the lower end of each visible region is wider than the width of the content C21 in the order of the content C23, the content C22, and the content C21 from the upper end of the web page C10. Set the bottom of each visible region. Then, the terminal device 100 displays a range included in the visible region among the contents C21 to C23.

  When the setting described above is performed, the terminal device 100 moves the lower end of the visible area of the content C23 in the upper direction of the screen from the lower end of the arrangement area of the content C23 by the scroll operation. The contents C23 are gradually narrowed to make the content C23 invisible. Further, when the scroll operation is further performed, the terminal device 100 moves the lower end of the visible area of the content C22 in the upper direction of the screen from the lower end of the arrangement area of the content C22. Narrow the content C22 to make it invisible. When the scroll operation is further performed, the terminal device 100 moves the lower end of the visible area of the content C21 in the upper direction of the screen from the lower end of the arrangement area of the content C21. Narrow the content C21 to make it invisible.

  In this way, the terminal device 100 sets the arrangement area of the content C20 and the visible area that is the parent element of the content C20, so that the content C20 is not moved in accordance with the scroll operation of the web page C10. The display area can be gradually narrowed. As a result, the terminal device 100 can easily realize the above-described display processing without performing complicated processing such as determining the scroll amount and the position of the content C10.

[2-3. (Direction of scroll operation)
Note that the terminal device 100 may gradually expand the display area of the content C20 when a scroll operation for moving the web page C10 in the downward direction on the screen (hereinafter referred to as a downward scroll operation) is performed. . For example, when the scrolling operation is performed after the display area of the content C20 is narrowed, the terminal device 100 moves the lower end of the content C20 display area downward without moving the content C20. Thus, the display area of the content C20 may be expanded.

[2-4. Example of processing executed by terminal device 100]
Hereinafter, an example of display processing executed by the terminal device 100 will be described with reference to FIG. In the following description, the terminal device 100 starts to narrow the display areas of the plurality of contents C21 to C23 at different timings, so that the display process of the contents C20 composed of the contents C21 to C23 is gradually reduced. An example will be described separately for the first state to the sixth state. In the following description, the lower end of the visible area of the content C23 is arranged at the upper end position of “News 1” included in the web page C10, and the lower end of the visible area of the content C22 is included in the web page C10 “News 2”. ”And the lower end of the visible area of the content C21 are arranged at the upper end of“ News 3 ”included in the web page C10.

  First, the terminal device 100 accepts the delivery of the web page C10 and the content C20. In such a case, as shown in the first state, the terminal device 100 arranges the contents C21 to C23 from the upper end of the screen and arranges and displays the web page C10 from the upper end of the screen, thereby displaying the web page C10 and the content C20. Display the initial screen with

  Here, when the user's finger F10 performs an upward scroll operation on the web page C10, the terminal device 100 scrolls the web page C10 in the upward direction on the screen. Then, when the upper end of “news 1” included in the web page C10 moves to the upper side of the screen from the lower end of the content C23, that is, the upper end of the visible area of the content C23 is the terminal area 100 of the arrangement area of the content C23. When the screen moves upward from the lower end, as shown in the second state, the display area of the content C23 starts to narrow in accordance with the position of the upper end of “News 1”.

  Then, the terminal device 100 gradually narrows the display area of the content C23 according to the upward scroll operation, and makes the content C23 invisible as shown in the third state. In the example shown in the third state, although the entire content C23 is not invisible, the visible range is arranged on the back of the content C22. It is not displayed on the screen and becomes invisible.

  Here, the terminal device 100 only scrolls the web page C10 without narrowing the display area of the content C22 even if an upward scroll operation is performed. Then, as a result of the upward scroll operation, the terminal device 100 moves the upper end of “News 2” included in the web page C10 to the upper side of the screen from the lower end of the content C22, that is, the visible region of the content C22. When the upper end of the content C22 moves to the upper side of the screen than the lower end of the arrangement area of the content C22, as shown in the fourth state, the display area of the content C22 starts to narrow in accordance with the position of the upper end of “News 2”. Then, in accordance with the upward scroll operation, the terminal device 100 gradually narrows the display area of the content C22, makes the content C22 invisible like the content C23, and displays only the content C21 as shown in the fifth state.

  Similarly, the terminal device 100 only scrolls the web page C10 without narrowing the display area of the content C21 even if an upward scroll operation is performed. Then, as a result of the scrolling operation performed on the terminal device 100, the upper end of “news 3” included in the web page C10 moves to the upper side of the screen from the lower end of the content C21, that is, the visible region of the content C21. When the upper end of the content C21 moves to the upper side of the screen than the lower end of the arrangement area of the content C21, the display area of the content C21 is gradually narrowed according to the up scroll operation. Then, when the upper end of “news 3” included in the web page C10 moves to the upper end of the screen, the terminal device 100 makes the content C21 invisible as shown in the sixth state.

  In addition, when the downward scroll operation is performed, the terminal device 100 gradually expands the display areas of the contents C21 to C23 in the order of the contents C21 to C23, as shown from the sixth state to the first state. Thus, the content C20 may be displayed. Further, for example, the terminal device 100 may display a button or the like for hiding the content C20, and when the button is selected, the entire content C20 may be hidden. Further, after the entire content C20 is hidden, the terminal device 100 may keep the content C20 in a non-display state even if a downward scroll operation or the like is performed.

  As described above, when the user continues to perform the upward scroll operation, the terminal device 100 gradually makes the content C20 invisible and widens the display area of the web page C10. More specifically, the terminal device 100 narrows the display area of the content C23 according to the scroll operation, and when the scroll operation is performed by a predetermined amount after the content C23 becomes invisible, the process of narrowing the display area of the content C22 is performed. To start.

  In addition, when the scroll operation is performed by a predetermined amount after the content C22 becomes invisible, the terminal device 100 starts a process of narrowing the display area of the content C21. By executing such processing, the terminal device 100 does not simply narrow the display area of the contents C21 to C23 according to the scroll operation, but rather complicated the display area of the contents C21 to C23 at different timings. In such a display mode, the contents C21 to C23 are made invisible.

  As a result, the terminal device 100 can give notice to the content C20 while preventing deterioration of the user's impression of the content C20. As a result, since the terminal device 100 can guide a user who is interested in the content C20 to the content C20, it is possible to improve the appeal of information related to the content C20.

  Further, since the terminal device 100 does not immediately hide the content C20 even if the user performs an up-scrolling operation immediately from the initial screen, the terminal device 100 does not immediately hide the content C20, while preventing the user's impression from deteriorating. A view can be secured.

  In addition, when an upward scroll operation is performed, the terminal device 100 does not move the content C20 upward, and moves the lower end of the content C20 gradually upward in a complicated manner. Hide. For this reason, the terminal device 100 can make a user's interest with respect to the content C20.

[2-5. 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 above-described processing by downloading an application that causes the terminal device 100 to execute the above-described display processing in advance and executing the application at an arbitrary timing.

  In addition, the terminal device 100 accepts distribution of control information that causes the display processing described above to be performed simultaneously with the distribution of the web page C10 and the content C20. Then, the terminal device 100 performs the display process described above according to the control information. Hereinafter, the terminal device 100 that executes the display process illustrated in FIG. 1 according to such control information will be described.

[3. 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. 2 is a diagram illustrating a configuration example of a distribution system according to the embodiment. As shown in FIG. 2, 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. 2 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 is an information processing device used by a user who browses a web page. For example, the terminal device 100 is a mobile phone such as a smartphone, a tablet terminal, a PDA (Personal Digital Assistant), a desktop PC (Personal Computer), a notebook PC, or the like. The terminal device 100 acquires the web page C10 from the content distribution server 30 according to the operation by the user, and displays the acquired web page C10. Moreover, the terminal device 100 acquires the content C20 from the advertisement delivery server 20, when the acquisition command mentioned later is included with the web page C10. 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 the content C20 to the advertisement distribution server 20 as the 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, and the like to the advertisement distribution server 20 as the content C20.

  Note that an 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 content C20 that is the advertisement content. This control information is described in a script language such as JavaScript (registered trademark) or CSS (Cascading Style Sheets). Note that the offset amount of the display area may be distributed as control information, or may be distributed as information separate from the control information.

  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 example, the URL of the advertisement distribution server 20 is described as an acquisition command in an HTML file or the like that forms the web page C10. In this case, the terminal device 100 acquires the content C20 as the advertisement content from the advertisement distribution server 20 by accessing the URL described in the HTML file or the like.

  Note that the various types of 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 displayed along with web pages, and the like.

[4. 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. 3 is a diagram illustrating a configuration example of the advertisement distribution server according to the embodiment. As illustrated in FIG. 3, 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. 4 is a diagram illustrating an example of information stored in the advertisement database according to the embodiment. In the example illustrated in FIG. 4, 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 an advertisement such as the content C 20. Although FIG. 4 shows an example in which conceptual information such as “C20” to “C60” is stored in “advertising content”, actually, individual images that are intended to convey common information to the user In addition, a URL where each content is located, such as a moving 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 content C20, a display instruction for instructing a change in the display mode of the content C20 is registered in the advertisement database 24 as the advertising content. Such a display instruction includes the setting values of the visible area and the arrangement area of the contents C21 to C23 constituting the content C20.

  For example, in the advertisement database 24, the number of pixels indicating the range of the visible region such as “0 to 1000 pixels” and “300 to 1000 pixels” with respect to the upper end of the web page C10 is registered for each content C21 to C23. In the advertisement database 24, the number of pixels indicating the range of the arrangement area such as “0 to 100 pixels” or “100 to 200 pixels” with respect to the upper end of the screen is registered for each content C 21 to C 23. The terminal device 100 can change the display mode of the content C20 in an arbitrary mode by combining the setting of the visible region and the setting of the arrangement region.

  In addition, the display instruction includes information indicating a user operation, a state of the terminal device 100, or the like that triggers the transition of the content C20 to the landing page. The display instruction is arbitrarily set by the advertiser when the advertiser registers the advertising content, for example.

  “Number of impressions” indicates the number of times the advertisement content is displayed. 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. 4 shows an example in which the advertiser identified by the advertiser ID “B10” submits the content C20 as the advertising content. Also, in FIG. 4, the number of impressions of the advertising content “C20” is “10000”, the number of impression guarantees is “20000”, and the charge amount when the content “C20” is displayed for the number of guaranteed impressions is “aaa” An example is shown. Here, the advertisement distribution server 20 may count the number of impressions for each of the contents C21 to C23.

  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. 3, 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 the 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. 3, the control unit 23 includes a submission receiving unit 25, a request receiving 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. 3, 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. 3, and may be another connection relationship.

  The submission receiving unit 25 receives submission of advertising content from the advertiser terminal 10. Specifically, the submission accepting unit 25 accepts the submission of the advertising content together with the designation of the consideration. The submission accepting unit 25 accepts the content C20 and a display instruction. In such a case, the submission accepting unit 25 registers the content C20 and the display instruction in the advertisement database 24 together with the advertiser ID and the accepted value of the consideration.

  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. Then, the advertisement selection unit 27 outputs the advertisement content selected as the distribution target to the distribution unit 28.

  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).

  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. Such control information includes, for example, information indicating the positions of the visible areas and arrangement areas of the contents C21 to C23. Thereafter, the distribution unit 28 distributes the generated control information and advertisement content to the terminal device 100.

[5. 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. 5 is a diagram illustrating a configuration example of the content distribution server according to the embodiment. As shown in FIG. 5, 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. 5, 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. 5, and may be another configuration as long as the information processing described later is performed. In addition, the connection relationship between the processing units included in the control unit 33 is not limited to the connection relationship illustrated in FIG. 5, 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 and distributes the acquired web page to the terminal device 100.

  Further, the distribution unit 35 generates a web page C10 and distributes the generated web page C10 to the terminal device 100. In such a case, when receiving the web page C10, the terminal device 100 transmits an advertisement 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.

[6. Configuration of terminal device]
Next, the configuration of the terminal device 100 according to the embodiment will be described with reference to FIG. FIG. 6 is a diagram illustrating a configuration example of the terminal device according to the embodiment. As illustrated in FIG. 6, 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 information. 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 a 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. 6, the control unit 150 includes a request unit 151, an operation control unit 152, and a display control unit 153, and realizes or executes functions and operations of information processing described below. Note that the internal configuration of the control unit 150 is not limited to the configuration illustrated in FIG. 6, and may be other configurations as long as the configuration performs information processing to be described later. Further, the connection relationship between the processing units included in the control unit 150 is not limited to the connection relationship illustrated in FIG. 6, 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. The operation control unit 152 also outputs to the display control unit 153 the contents of user operations such as scroll operations and tap operations received via the input unit 120.

  The display control unit 153 executes processing for displaying the received web page and advertisement content on the output unit 130. For example, the display control unit 153 operates as an arrangement unit 154, a display unit 155, and a region control unit 156 as illustrated in FIG. 6 by the control unit 150 executing control information distributed together with the advertisement content. Execute display processing. The placement unit 154, the display unit 155, and the area control unit 156 are realized by executing control information using the RAM as a work area by a CPU, an MPU, or the like, for example.

  The arrangement unit 154 arranges the contents C21 to C23 side by side. For example, when the arrangement unit 154 receives a plurality of contents C21 to C23 as the content C20, the arrangement unit 154 changes the contents C21 to C23 to the contents C21 to C23 so that the contents C21 to C23 are displayed as the contents C20. It arranges in each arrangement area. In addition, the arrangement unit 154 arranges the web page C10 on the back surface of each content C21 to C23.

  The display unit 155 displays the web page C10 and the content C20. Specifically, the display unit 155 displays the contents C21 to C23 and the web page C10 arranged by the arrangement unit 154. Moreover, the display part 155 scrolls the web page C10 according to scroll operation. And the display part 155 displays only the range contained in the corresponding visible region among each content C21-C23.

  The area control unit 156 scrolls the display areas of the contents C21 to C23 without moving the contents C21 to C23 by moving the visible areas of the contents C21 to C23 according to the scroll operation of the web page C10. Narrow in the direction that was done. As a result, the area control unit 156 enlarges the width of the display area of the web page C10.

  More specifically, the area control unit 156 moves the visible area set for each of the contents C21 to C23 according to the scroll operation, like the web page C10. As a result, the area control unit 156 gradually narrows the display areas of the contents C21 to C23 individually from the screen downward direction to the upward direction in accordance with the upward scroll operation.

  Here, in the visible areas C21b to C23b of the contents C21 to C23, different positions are set as lower ends. For this reason, the area control unit 156 narrows the display areas of the contents C21 to C23 at different timings by moving each visible area. In addition, the visible areas of the contents C21 to C23 are set at the lower ends in the order of the contents C23, the contents C22, and the contents C21 with reference to the upper end of the web page C10. For this reason, the area control unit 156 starts to narrow the display areas of the contents C21 to C23 in the order of the contents C23, the contents C22, and the contents C21.

  Moreover, when the space | interval is provided between the lower end of visible region C23b and the lower end of visible region C22b, and between the lower end of visible region C22b and the lower end of visible region C21b, the terminal device 100 performs the following display processing. Do. That is, the terminal device 100 does not narrow the display area of the content C22 for a while even after the scroll operation is performed after the content C23 becomes invisible, and after the scroll operation is performed by a predetermined amount, The process for narrowing the display area is started. Further, the terminal device 100 does not narrow the display area of the content C21 for a while even after the scroll operation is performed after the content C22 becomes invisible, and after the scroll operation is performed by a predetermined amount, The process for narrowing the display area is started.

  Thus, the terminal device 100 narrows the display areas of the plurality of contents C21 to C23 in stages at different timings. For this reason, when the terminal device 100 displays, for example, vertically long content or the like, the terminal device 100 not only displays the entire content but also gradually narrows the display area according to the scroll operation. Therefore, it is possible to improve the appeal effect of the information related to the content while preventing the deterioration of the impression on the content.

[7. (Setting example of arrangement area and visible area)
Here, FIG. 7 is a diagram illustrating an example of setting the arrangement area and the visible area. For example, in the example shown in FIG. 7A, the arrangement area C21a of the content C21, the arrangement area C22a of the content C22, and the arrangement area C23a of the content C23 are set from the upper end of the web page C10. In the example shown in FIG. 7A, the visible region C23b of the content C23 is set from the upper end of the web page, and the visible region C22b of the content C22 having a longer distance from the lower end than the visible region C23b is set. The visible region C21b of the content C21 having a longer distance to the lower end than the region C22b is set.

  In such a case, as shown in FIG. 7B, the terminal device 100 arranges the contents C21 to C23 at the upper end of the screen of the output unit 130, and arranges the web page C10 on the back thereof. In the example shown in FIG. 7B, dotted lines schematically showing the visible regions C21b to C23b are arranged between the contents C21 to C23 and the web page C10. And the terminal device 100 moves the web page C10 and each visible region C21b-C23b according to scroll operation, as shown to (C) in FIG.

  Here, the lower end of the visible region C22b is set in the lower screen direction than the lower end of the visible region C23b, and the lower end of the visible region C21b is set in the lower screen direction than the lower end of the visible region C21b. As a result, the terminal device 100 moves the lower end of the visible area C23b shown in FIG. 7D in the upward direction on the screen, so that the content C23 arranged in the arrangement area C23a is gradually invisible from the lower end to the upper end. Put it in a state.

  Further, the terminal device 100 makes the content C23 placed in the placement region C22a by moving the lower end of the visible region C22b shown in FIG. , Gradually invisible from the lower end to the upper end. Then, after making the content C22 invisible, the terminal device 100 moves the lower end of the visible area C21b shown in (F) of FIG. 7 in the upward direction on the screen, so that the content C21 arranged in the arrangement area C21a is moved. , Gradually invisible from top to bottom.

  In addition, when the terminal device 100 arranges the content C23 including the content C22 in part on the back of the content C22 and gradually becomes invisible from the lower end of the content C23 toward the upper side of the screen, the terminal device 100 Borders can be displayed seamlessly. However, the terminal device 100 may display different ranges of the content C20 as the contents C21 to C23. For example, when displaying the content C20 divided into three equal parts from the upper end as the contents C21 to C23, the terminal device 100 may arrange the arrangement areas C21a to C23a side by side from the upper end of the screen. Even when such a setting is performed, the terminal device 100 can realize the same display mode as when the setting illustrated in FIG. 7 is performed.

[8. Variations in display processing)
In the above, an example of the display process by the terminal device 100 has been described using the display mode illustrated in FIG. However, the embodiment is not limited to this. Hereinafter, variations of display processing 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 display unit 155 and the region control unit 156, but the embodiment is not limited to this.

[8-1. First variation]
The terminal device 100 described above displays each content C21 to C23 on the initial screen by setting a visible region starting from the upper end of the web page C10. Moreover, the terminal device 100 described above overlaps the visible areas of the contents C21 to C23 and shifts the position of the lower end of each visible area, thereby narrowing the display area at different timings. However, the embodiment is not limited to this.

  For example, the user may set the arrangement area of the content C20 at the upper end of the screen and set the visible area in the middle of the web page C10. When such a setting is made, the arrangement area of the content C20 and the visible area do not overlap on the initial screen, so the content C20 is not displayed and only the web page C10 is displayed. Then, when an upward scroll operation is performed, the terminal device 100 gradually expands the display area by moving the lower end of the display area upward without moving the content C20, and further performs an upward scroll operation. Is performed, the content C20 is displayed in response to gradually narrowing the display area upward in the screen.

  As a result, since the terminal device 100 displays only the web page C10 without displaying the content C20 on the initial screen, it does not prevent the user from browsing the web page C10. Can be prevented. In addition, when the scroll operation is performed, the terminal device 100 gradually displays the content C20 from the lower end to the upper end, and then gradually hides the content C20 from the lower end to the upper end. For this reason, the terminal device 100 can improve the appeal power of the information related to the content C20 while preventing the impression of the content C20 from deteriorating.

  Further, for example, the user sets the arrangement areas of the plurality of contents C31 and C32 having the same display size at the same position, and sets the lower end of the visible area of the content C31 and the upper end of the visible area of the content C32 to contact each other. May be. When such setting is performed, the terminal device 100 displays the content C31 by gradually expanding the display area of the content C31 from the screen lower direction to the screen upper direction in accordance with the up scroll operation.

  In addition, when an upward scroll operation is further performed, the terminal device 100 moves the lower end of the display area of the content C31 upward in the screen, and at the same time displays the content C32 in the area where the content C31 is displayed. Move the top edge of the area up on the screen. Further, the terminal device 100 gradually narrows the display area of the content C32 when an upward scroll operation is further performed. By performing such processing, the terminal device 100 can switch the content C31 to the content C32 in the same area on the screen according to the scroll operation.

[8-1-1. (Setting of visible area and arrangement area)
Hereinafter, an example of a variation of the display process will be described with reference to FIG. FIG. 8 is a diagram illustrating a first variation of display processing executed by the terminal device according to the embodiment. In the following description, an example of display processing in which the terminal device 100 switches content within the same area will be described by dividing it into a first state to a sixth state.

  For example, as illustrated in FIG. 8, the terminal device 100 accepts a delivery of a web page C10 that does not have a blank C11 at the upper end and a content C30 that includes content C31 to C33 having the same display size. Here, it is assumed that each of the contents C31 to C33 is a content related to an advertisement, like the contents C21 to C23.

  Here, the arrangement areas of the contents C31 to C33 are set to the same area on the screen, and the visible areas of the contents C31 to C33 are set so as not to overlap each other. For example, FIG. 9 is a diagram illustrating a variation in setting the arrangement area and the visible area. In the example shown in FIG. 9A, C30a, which is the arrangement area of the contents C31 to C33, is set from the upper end of the web page C10 by the same display size as the contents C31 to C33.

  In the example shown in FIG. 9A, visible regions C31b to C33b of the contents C31 to C33 are set from the middle of the web page C10. Here, the upper end of the visible region C32b is disposed so as to be in contact with the lower end of the visible region C31b, and the upper end of the visible region C33b is disposed so as to be in contact with the lower end of the visible region C32b.

  In such a case, as illustrated in FIG. 9B, the terminal device 100 arranges the contents C31 to C33 in the invisible area in the arrangement area C30a and arranges the web page C10 on the back surface thereof. In the example shown in FIG. 9B, a dotted line schematically showing each of the visible areas C31b to C33b is arranged between the arrangement area C30a and the web page C10. And the terminal device 100 moves the web page C10 and each visible region C31b-C33b according to scroll operation, as shown to (C) in FIG.

  When such a process is performed, among the visible areas C31b to C33b, the visible area C31b first overlaps with the arrangement area C30a. Therefore, the terminal device 100 gradually makes the content C31 visible from the lower end to the upper end without moving the content C31 within the arrangement area C30a.

  Then, as the lower end of the visible region C31b and the upper end of the visible region C32b shown in FIG. 9D move in the screen upward direction, the terminal device 100 gradually moves the content C31 from the lower end to the upper end in the arrangement region C30a. The content C32 is gradually made visible from the lower end to the upper end. That is, the terminal device 100 moves the lower end of the display area of the content C31 upward in the same arrangement area C30a and moves the upper end of the display area of the content C32 upward.

  Further, the terminal device 100 gradually moves the content C32 from the lower end to the upper end in the arrangement area C30a as the lower end of the visible area C32b and the upper end of the visible area C33b shown in FIG. The content C33 is gradually made visible from the lower end to the upper end. That is, the terminal device 100 moves the lower end of the display area of the content C32 upward in the same arrangement area C30a, and moves the upper end of the display area of the content C33 upward.

  Then, the terminal device 100 gradually makes the content C33 invisible from the lower end to the upper end in the arrangement region C30a as the lower end of the visible region C33b shown in FIG. Thus, the display area of the content C33 is gradually narrowed from the screen lower direction to the screen upper direction.

[8-1-2. Example of display processing for switching content)
Hereinafter, returning to FIG. 8, an example of a display process in which the terminal device 100 switches the contents C31 to C33 according to the scroll operation will be described. In the following description, the upper end of the visible area C31b is arranged at the upper end position of “news 1”, and the lower end of the visible area C31b and the upper end of the visible area C32b are arranged at the upper end positions of “news 2”. Shall. Further, it is assumed that the lower end of the visible area C32b and the upper end of the visible area C33b are arranged at the upper end position of “News 3”, and the lower end of the visible area C33b is arranged at the upper end position of “News 4”.

  First, the terminal device 100 accepts the delivery of the web page C10 and the content C30. In such a case, the terminal device 100 displays the web page C10 and arranges the content C20 in the arrangement area C30a. As a result, as shown in the first state, the terminal device 100 displays only the web page C10 in a visible state.

  Here, when the user's finger F10 performs an upward scroll operation on the web page C10, the terminal device 100 scrolls the web page C10 in the upward direction on the screen. When the upper end of “news 1” included in the web page C10 moves to the upper side of the screen from the lower end of the arrangement area C30a, the terminal device 100, as shown in the second state, the upper end of “news 1”. The display area of the content C31 is expanded by making the content C31 visible from the lower end to the upper end according to the position. Then, the terminal device 100 gradually expands the display area of the content C31 according to the upward scroll operation, and makes the entire content C31 visible as shown in the third state.

  The terminal device 100 further performs an upward scroll operation when the entire content C31 is displayed, and the upper end of “news 2” included in the web page C10 is higher in the screen direction than the lower end of the arrangement area C30a. The following processing is executed when it has moved to: That is, as shown in the fourth state, the terminal device 100 makes the content C31 invisible from the lower end to the upper end in accordance with the position of the upper end of “News 2”, and at the same time, aligns with the position of the upper end of “News 2”. The content C32 is made visible from the lower end to the upper end.

  That is, the terminal device 100 narrows the display area from the lower direction of the screen to the upper direction without moving the content C31, and moves the display area from the lower direction to the upper direction without moving the content C32. spread. Then, the terminal device 100 gradually expands the display area of the content C32 while gradually narrowing the display area of the content C31 in accordance with the upward scroll operation, and makes the entire content C32 visible as shown in the fifth state. .

  Further, when the terminal device 100 is further scrolled upward and the upper end of “news 3” included in the web page C10 moves to the upper side of the screen from the lower end of the arrangement area C30a, the upper end of “news 3”. The content C32 is made invisible from the lower end to the upper end in accordance with the position of, and at the same time, the content C33 is made visible from the lower end to the upper end in accordance with the position of the upper end of “News 2”.

  Then, the terminal device 100 gradually expands the display area of the content C33 while gradually narrowing the display area of the content C32 in accordance with the upward scroll operation, and makes the entire content C33 visible as shown in the sixth state. . If the terminal device 100 further scrolls up while the entire content C33 is displayed, the terminal device 100 places the content C33 in an invisible state by making the content C33 invisible from the lower end to the upper end. To.

  As described above, according to the upward scroll operation of the web page C10, the terminal device 100 switches the content C31 to the content C32 from the screen lower direction to the screen upper direction within the same region, and the content C32 switches to the content C33. The contents C31 to C33 can be displayed in a complicated display manner such as. For this reason, the terminal device 100 can improve the appeal effect of the information regarding each content C30.

  In addition, when the downward scroll operation is performed, the terminal device 100 switches the displayed contents in the order of the contents C33 to C31 according to the downward scroll operation, as shown in the sixth state to the first state. . For example, referring to FIG. 9, when a downward scroll operation is performed, the terminal device 100 gradually makes the content C33 visible from the upper end to the lower end in the arrangement area C30a. Then, the terminal device 100 gradually makes the content C33 invisible from the upper end to the lower end, and gradually makes the content C32 visible from the upper end to the lower end. Further, the terminal device 100 gradually makes the content C32 invisible from the upper end to the lower end, gradually makes the content C31 invisible from the upper end to the lower end, and then gradually makes the content C31 invisible from the upper end to the lower end. Put it in a state.

[8-2. Second variation]
The terminal device 100 described above performs the various display processes described above by setting the arrangement region and the visible region of the contents C21 to C23 and C31 to C33. However, the embodiment is not limited to this.

  For example, FIG. 10 is a diagram illustrating a second variation of the display process executed by the terminal device according to the embodiment. In the following description, an example of processing in which the terminal device 100 changes the display of the content C40 within the same area will be described by dividing it into a first state to a sixth state.

  For example, as illustrated in FIG. 10, the terminal device 100 accepts delivery of a web page C10 and content C40. Here, the web page C10 is provided with a blank C11 for displaying the content C40, and the content C40 is arranged in the blank C11. The content C40 includes a content C41 and a content C42.

  The content C41 has, for example, an area where characters such as “SALE!” Are arranged and an area where characters such as “XX shop” are arranged. The content C42 is content having the same display size as the area where the characters “SALE!” Of the content C41 are arranged, and the characters “until the end of the month!” Are arranged.

  In this case, as shown in the first state, the terminal device 100 arranges the content C41 in the blank C11 of the web page C10 and displays the web page C10 and the content C41. Then, as shown in the second state, the terminal device 100 scrolls the web page C10 and scrolls the content C41 in accordance with the upward scroll operation with the user's finger F10.

  Here, it is assumed that the arrangement area of the content C42 is arranged at the upper end of the screen, and the visible area of the content C42 is arranged in an area where characters such as “XX shop” are arranged in the content C41. In such a case, the terminal device 100 moves the content C41 from the upper end of the screen to the outside of the screen in accordance with the upward scroll operation, and gradually makes the content C42 visible from the lower end to the upper end.

  As a result, as shown in the third state, the terminal device 100 gradually narrows the display area while moving a character such as “SALE!” Upward on the screen, and displays the content C42 without moving it. Realizes complex display support such as expanding the area from the bottom of the screen to the top of the screen.

  Further, when an upward scroll operation is performed, the terminal device 100 makes the entire content C42 visible as shown in the fourth state. Then, when the upward scroll operation is further performed, the terminal device 100 displays the content C40 in such a manner that the content C41 arranged on the back moves in the upward direction on the screen without moving the display area of the content C42. .

  Then, when the upward scroll operation is further performed, the terminal device 100 moves the entire content C41 to the outside of the screen and adjusts the content C41 from the lower end to the upper end without moving the content C42 in accordance with the position of the lower end. Gradually make it invisible. As a result, the terminal device 100 displays only the web page C10 as shown in the sixth state.

[8-3. Display processing according to scroll direction)
The terminal device 100 described above gradually narrows the display area of the content C20 from the screen lower direction to the screen upper direction when the up scroll operation is performed. However, the embodiment is not limited to this. For example, the terminal device 100 may gradually narrow the display area of the content C20 from the screen upper direction to the screen lower direction when a downward scroll operation is performed. Further, the terminal device 100 may gradually narrow the display area from the left side to the right side of the screen without moving the content C20 when a horizontal scroll operation is performed from the left side to the right side of the screen. That is, the terminal device 100 may gradually narrow the display area without moving the content C20 in response to a scroll operation in an arbitrary direction.

[8-4. (About setting the visible region)
In addition to the above description, the terminal device 100 can adopt any mode as long as the display area is gradually narrowed in the direction of the scroll operation without moving the contents C20 to C40. For example, the terminal device 100 may not overlap the visible areas C21b to C21b of the contents C21 to C23, the distance from the lower end of the visible area C21a to the lower end of the visible area C22b, and the lower end of the visible area C21b to the lower end of the visible area C23b. The distance up to may be set to a different distance.

  Further, the terminal device 100 is preferable without being installed so that the visible areas C31b to C33b of the contents C31 to C33 are in contact with each other. Moreover, the terminal device 100 may set the visible region so that only a part of the contents C20 to C40 is displayed. For example, the terminal device 100 may display only a part of the content C20 by setting a visible area whose horizontal display size is shorter than that of the content C20.

[8-5. (About visible region)
The terminal device 100 described above sets a visible region that makes the contents C20 to C40 visible. However, the embodiment is not limited to this. For example, the terminal device 100 may set an area for changing the transparency, saturation, brightness, or the like of a range overlapping the arrangement area among the contents C20 to C40. Further, when the contents C20 to C40 are moving images, the terminal device 100 may set an area for controlling a moving image reproduction mode such as reproduction or stop of a moving image.

[8-6. (Regional area)
The terminal device 100 described above sets the arrangement areas C31a to C23a and C30a in the upper end portion of the screen. However, the embodiment is not limited to this. That is, the terminal device 100 can set an arrangement area at an arbitrary place on the screen. For example, the terminal device 100 can set an arrangement area at an arbitrary place such as a lower end portion on the screen, left and right, or the center. Further, the terminal device 100 may arrange a plurality of arrangement areas C21a of the content C21 on the screen. In such a case, the terminal device 100 will change the display mode of the content C21 simultaneously at a plurality of positions in the screen.

[8-7. Others]
The terminal device 100 may execute the display process by appropriately combining the above-described arbitrary processes. Such an 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.

[9. Processing flow of terminal device 100]
Next, a procedure of processing executed by the terminal device 100 that has executed the control information will be described with reference to FIG. FIG. 11 is a flowchart illustrating an example of a flow of display processing executed by the terminal device according to the embodiment. In the example illustrated in FIG. 11, processing is described using content distributed from the advertisement distribution server 20 such as the content C20 as advertisement content.

  In the example illustrated in FIG. 11, 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). Next, when the acquired instruction is included in the distributed web page C10, the terminal device 100 transmits a distribution request to the advertisement distribution server 20 (step S102). Next, the terminal device 100 determines whether advertisement content has been received (step S103). If the terminal device 100 determines that the advertising content is not received (step S103: No), the terminal device 100 executes step S103 again.

  Further, when receiving the advertising content (step S103: Yes), the terminal device 100 sets an arrangement area of the advertising content on the screen (step S104). Further, the terminal device 100 sets a visible area of the advertisement content in the web page C10 (step S105). Then, the terminal device 100 displays the web page C10 and the advertising content (Step S106). Here, in the process shown in step S106, only the range in which the placement area overlaps the visible area is displayed in the advertising content. For example, in the example illustrated in FIG. 1, the terminal device 100 displays the entire content C20.

  Further, the terminal device 100 determines whether or not a scroll operation has been performed (step S107). If the scroll operation has been performed (step S107: Yes), the advertising content is moved according to the scroll operation. Instead, the display area is narrowed in the scroll direction (step S108). For example, in the example illustrated in FIG. 1, the terminal device 100 gradually narrows the display area of the content C20 in the upward direction on the screen without moving the content C20.

  Further, the terminal device 100 determines whether or not to change the web page by a process such as tapping a link by the user (step S109). And when the terminal device 100 changes a web page (step S109: Yes), it changes a web page (step S110), and complete | finishes a process.

  On the other hand, when the terminal device 100 does not change the web page (step S109: No), the terminal device 100 executes step S107. Moreover, the terminal device 100 performs step S107 again, when scroll operation is not performed (step S107: No).

[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. 1, 8, and 10. However, the embodiment is not limited to this. Hereinafter, variations of display processing executed by the terminal device 100 will be described. In addition, the display process demonstrated below shall be implement | achieved by the process which the arrangement | positioning part 154, the display part 155, and the area | region control part 156 perform, for example.

[10-1. (About the content mode)
The terminal device 100 described above displayed a plurality of contents C21 to C23 constituting the content C20. However, the embodiment is not limited to this. For example, the contents C21 to C23 may be contents related to different advertisements. In addition, the terminal device 100 is configured to show different contents depending on whether the terminal device 100 is configured with the contents C21 to C23, when configured with the contents C21 and C22, and when configured with only the content C21. C20 may be displayed.

[10-2. About content)
In the example described above, the example in which the terminal device 100 displays the content C20 to C40 related to the advertisement has been described. However, the embodiment is not limited to this. For example, the terminal device 100 may display content including a character string, a pattern, an image, a moving image, and the like. Further, the terminal device 100 may display content C20 to C40 including a game or the like instead of content related to an advertisement, or may display content C20 to C40 including a so-called playable advertisement. Further, the terminal device 100 may display the contents C20 to C40 including sound. Note that character strings, patterns, images, moving images, games, sounds, and the like included in the contents C20 to C40 are not limited to those related to advertisements.

  Further, the content C20 is not limited to the content related to the advertisement. For example, when displaying the game content instead of the web page C10, the terminal device 100 may display auxiliary content such as a game menu or tutorial as the content C20 to C40. Further, the terminal device 100 may execute the display process by displaying the contents C20 to C40 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 execute 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 control information)
The terminal device 100 described above performs the above-described display processing using control information that the advertisement distribution server 20 distributes with the content C20. However, the embodiment is not limited to this. For example, the terminal device 100 receives the above-described control information from the content distribution server 30 together with the web page, and receives a control instruction from the advertisement distribution server 20 together with the content C20. 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 for causing the terminal device 100 to execute the display processing of the web page C10, the above-described display processing, and the like, and executing the application. .

[10-4. 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. 3 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.

  In the above embodiment, the example in which the content C20 is distributed from the advertisement distribution server 20 to the terminal device 100 has been described. However, the content distribution server 30 may acquire the content C20 from the advertisement distribution server 20. In this case, the request receiving unit 26 of the advertisement distribution server 20 receives an acquisition request for the content C20 from the content distribution server 30. Further, the advertisement distribution server 20 distributes the content C20 to the content distribution server 30. In addition, the content distribution server 30 distributes a web page that does not include an acquisition command to the terminal device 100 together with the content C20 acquired from the advertisement distribution server 20.

[10-5. 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. Further, the terminal device 100 may measure not only the display count and selection count of the contents C20 to C40 but also the time selected by the user for each image. Still, the terminal device 100 may take a log indicating whether the content C30 is displayed from the initial screen or whether the entire contents C20 to C30 are hidden. Further, the terminal device 100 may take a log indicating whether or not all the contents C20 to C40 are displayed. In addition, the terminal device 100 has a log indicating whether the contents C21 to C23, C31 to C33, C41, and C42 are displayed, whether the display area is narrowed, whether the display area is widened, or the number of display times. You may take it. The terminal device 100 may also take a log indicating the number of times each content C20 to C40 has been displayed, the number of times it has been operated, etc., with one access to the web page C10.

  For example, when the user ends the display of the web page C10 without performing the scroll operation, the terminal device 100 may acquire a log indicating that the content C30 is not being browsed. On the other hand, the terminal device 100 may acquire a log indicating that the content C31 is displayed when the user performs an upward scroll operation from the initial screen and expands the display area of the content C31. Further, the terminal device 100 may take a log indicating whether or not the user has selected the contents C21 to C23, and whether the selection is performed when any of the contents C21 to C23 is displayed.

  The log acquired by the terminal device 100 in this way is useful for reporting the number of impressions of the contents C20 to C40, updating the CTR, charging the display of the contents C20 to C40, and reporting the advertising effect to the advertiser. It becomes. For example, when the content C20 is in a non-display state and is not displayed again after that, it is predicted that the user is not interested in the content C20. In addition, when the contents C21 to C23 are displayed a plurality of times, if the up scroll operation and the down scroll operation are performed many times, the user is interested in the content C20 and the display mode is changed many times. Expected to have changed. For this reason, the log indicating that the display mode of the contents C20 to C40 has been changed and the log indicating the scroll operation from the initial screen serve as an index as to whether or not the user is interested in the contents C20 to C40. Yeah. In addition, the number of times each content C20 to C40 is displayed by one access, the number of times of operation, 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 performs a downward scroll operation from the initial image, whether the display area of the contents C20 to C40 is expanded or narrowed, whether the display mode of the contents C20 to C40 is changed, or the contents C20 to C40 The charge amount may be changed according to the number of times that the included moving image has been reproduced or the number of times the scroll operation has been performed.

  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 user selects the content C20, the terminal device 100 may issue a landing page according to whether the display area of the content C20 has been changed or whether the display mode of the content C20 has been changed to the end. . In addition, the terminal device 100 acquires the same landing page, and also determines whether the display area of the content C20 has been changed to the end of the display area of the content C20 to the server that distributes the landing page. Notification may be made and the content to be arranged on the landing page may be changed.

[10-6. Terminal device operation record)
Further, the terminal device 100 described above transmits to the advertisement distribution server 20 a record of how much the user has operated the terminal device 100 with respect to the web page on which the contents C20 to C40 according to the embodiment are arranged. May be. Specifically, the terminal device 100 has the content and number of scroll operations when the contents C20 to C40 are arranged, the user's selection operation, the position at which the user has selected the contents C20 to C40, and when the contents are selected. The display mode of the contents C20 to C40, the playback status of the moving images included in the contents C20 to C40, and the like are recorded.

  In addition, the terminal device 100 allows the user to select the number of times of content C20 to C40, the number of times of reloading, and the transmission operation (for example, writing to the SNS) from the terminal device 100 regarding information specifying the content C20 to C40. Various operations performed on the terminal device 100 can also 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 displays the number of scroll operations for the web page C10, the number of times display processing has been performed, and the displayed landing page when the contents C20 to C40 are distributed together with the control information. Information, the type of content arranged on the landing page, information comparing advertising effect indicators such as CTR, and the like 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 on which the content C20 to C40 accompanied by the control information according to the embodiment is displayed, the web page (landing page) ahead of the content C20 to C40 when the user clicks the content C20 to C40 itself. As well as the operation history itself indicating how much the user has operated on the web page C10 (that is, how much the user has changed the display mode of the screen). It can be said that it is an index indicating interest in the contents C20 to C40.

  For example, the advertisement distribution server 20 performs an upward scroll operation from the initial screen, and compares the number of times and time when the contents C21 to C23, C31 to C33, C40, and C41 are displayed in the embodiment. When the contents C20 to C40 with such control information are displayed, information that the contents C20 to C40 intends to convey widely, that is, an index indicating how much interest in the advertisement is generated 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-7. 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. For example, the request unit 151 and the operation control unit 152 illustrated in FIG. 6 may be integrated.

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

[10-8. program〕
Further, the terminal device 100, the advertisement distribution server 20, and the content distribution server 30 according to the above-described embodiment are realized by, for example, a computer 1000 configured as shown in FIG. Hereinafter, the advertisement distribution server 20 will be described as an example. FIG. 12 is a hardware configuration diagram illustrating an example of a computer that realizes the function of the advertisement distribution server. The computer 1000 includes a CPU 1100, RAM 1200, ROM 1300, HDD 1400, communication interface (I / F) 1500, input / output interface (I / F) 1600, and media interface (I / F) 1700.

  The CPU 1100 operates based on a program stored in the ROM 1300 or the HDD 1400 and controls each unit. The ROM 1300 stores a boot program executed by the CPU 1100 when the computer 1000 is started up, a program depending on the hardware of the computer 1000, and the like.

  The HDD 1400 stores programs executed by the CPU 1100 and data used by the programs. The communication interface 1500 receives data from other devices via the network N, sends the data to the CPU 1100, and transmits the data generated by the CPU 1100 to the other devices.

  The CPU 1100 controls an output device such as a display and a printer and an input device such as a keyboard and a mouse via the input / output interface 1600. The CPU 1100 acquires data from the input device via the input / output interface 1600. In addition, the CPU 1100 outputs the generated data to the output device via the input / output interface 1600.

  The media interface 1700 reads a program or data stored in the recording medium 1800 and provides it to the CPU 1100 via the RAM 1200. The CPU 1100 loads the program from the recording medium 1800 onto the RAM 1200 via the media interface 1700, and executes the loaded program. The recording medium 1800 is, for example, an optical recording medium such as a DVD (Digital Versatile Disc) or PD (Phase change rewritable disk), a magneto-optical recording medium such as an MO (Magneto-Optical disk), a tape medium, a magnetic recording medium, or a semiconductor memory. Etc.

  For example, when the computer 1000 functions as the advertisement distribution server 20 according to the embodiment, the CPU 1100 of the computer 1000 implements the function of the control unit 23 by executing a program loaded on the RAM 1200. The HDD 1400 stores data in the storage unit 22, that is, the advertisement database 24. The CPU 1100 of the computer 1000 reads these programs from the recording medium 1800 and executes them. However, as another example, these programs may be acquired from other devices.

  When the computer 1000 functions as the terminal device 100 according to the embodiment, the CPU 1100 of the computer 1000 realizes the function of the control unit 150 by executing a program loaded on the RAM 1200.

  When the computer 1000 functions as the content distribution server 30 according to the embodiment, the CPU 1100 of the computer 1000 implements the function of the control unit 33 by executing a program loaded on the RAM 1200. The HDD 1400 stores data in the content storage unit 32.

[11. effect〕
As described above, the terminal device 100 displays the web page C10 that is an example of the first content and the content C20 that is an example of the second content. Then, when an upward scroll operation is performed, the terminal device 100 narrows the display area of the content C20 in the upper direction of the screen without moving the content C20, thereby widening the area in which the web page C10 is displayed. To enlarge.

  As a result, the terminal device 100 makes the content C20 invisible and widens the display area of the web page C10 when the user continues to perform an upward scroll operation, thereby preventing deterioration of the user's impression of the content C20, Awareness of the content C20 can be given. As a result, since the terminal device 100 can guide a user who is interested in the content C20 to the content C20, it is possible to improve the appeal of information related to the content C20.

  To explain a more specific example, when the terminal device 100 displays the content C20 related to the advertisement, the terminal device 100 can generate the user's interest in the content C20 related to the advertisement. That is, as a result of improving the appeal of the content of the advertisement, the advertisement effect can be improved.

  Further, the terminal device 100 moves the lower end of the display area of the content C20 toward the screen upward direction according to the upward scroll operation of the web page C10. For this reason, since the terminal device 100 hides the content C20 in a complicated manner in which the lower end of the content C20 is gradually moved upward, the user can be interested in the content C20.

  In addition, the terminal device 100 arranges a plurality of contents C21 to C23 side by side, and individually narrows the display areas of the contents C21 to C23 according to a scroll operation. For this reason, the terminal device 100 can generate the user's interest in the contents C21 to C23 without deteriorating the user's impression.

  In addition, the terminal device 100 hides the contents C21 to C23 with a complicated response in which the contents C21 to C23 gradually narrow from the lower end as a result of narrowing the display areas of the plurality of contents C21 to C23 at different timings. It is possible to improve the effect of appealing information related to the content C20 to the user.

  For example, the terminal device 100 gradually narrows the display area in order of the content C23, the content C22, and the content C21 in accordance with the scroll operation. As a result, the terminal device 100 can narrow the display mode of the content C20 configured from the content C21 to C23 in stages with the scroll operation.

  When such display processing is performed, the terminal device 100 can improve the appeal effect of the information related to the content C20 to the user. For example, when the terminal device 100 displays the content C20 as a single content, the terminal device 100 continues to display the content C20 on the screen or hides the content C20 according to a scroll operation. However, since the terminal device 100 displays the plurality of contents C21 to C23 and narrows the display areas of the contents C21 to C23 at different timings according to the scroll operation, the terminal C100 hides the contents C20 in stages. For this reason, for example, when displaying content or the like whose display size is vertically long, the terminal device 100 not only displays the entire content but also gradually narrows the display area in accordance with the scroll operation. It is possible to improve the effect of appealing information related to the content while preventing deterioration of the content.

  Further, the terminal device 100 places the content C30, which is another example of the second content, in the screen in an invisible state, and moves the content C30 when a scroll operation is performed when the content C30 is in an invisible state. Without expanding the display area of the content C30 in the direction in which the scroll operation is performed, the area of the area where the web page C10 is displayed is reduced.

  For this reason, since the terminal device 100 displays only the web page C10 on the initial screen and then displays the content C30 according to the scroll operation, the content can be prevented while preventing the visibility of the web page C10 on the initial screen from being deteriorated. Awareness of C30 can be given to the user. For this reason, the terminal device 100 can improve the appeal effect of the information regarding the content C30.

  In addition, when the scroll operation is performed on the web page C10 when the content C30 is invisible, the terminal device 100 moves the upper end of the display area of the content C30 toward the screen upper direction. For this reason, the terminal device 100 can implement a complicated aspect in which the content C30 is gradually displayed from the lower end without being moved in accordance with the upward scroll operation. As a result, the terminal device 100 can improve the appeal effect of the information related to the content C30.

  In addition, for example, the terminal device 100 arranges the content C32 having the same display size as the content C31, which is an example of the second content, in an invisible state at the same position. Then, the terminal device 100 narrows the display area of the content C31 in the direction in which the scroll operation is performed, and simultaneously expands the display area in the direction in which the scroll operation is performed without moving the content C32.

  As a result, the terminal device 100 can switch the contents C31 and C32 with a complicated response in which the content C31 is gradually switched to the content C32 from the lower end to the upper end in accordance with the upward scroll. As a result, the terminal device 100 can improve the appeal effect of the information related to the content C30.

  Further, when a scroll operation is performed while the entire content C31 is displayed, the terminal device 100 narrows the display area of the content C31 in the direction in which the scroll operation is performed and simultaneously moves the content C32. Without expanding the display area in the direction in which the scroll operation is performed. As a result, the terminal device 100 can make the user visually recognize the entire content C31.

  If the scroll operation is performed while the entire content C33, which is an example of the third content, is displayed, the terminal device 100 narrows the display area of the content C33 in the direction in which the scroll operation is performed. Thus, the area of the web page C10 is expanded. For this reason, the terminal device 100 can generate the user's interest in each content C30 without deteriorating the user's impression.

  The advertisement distribution server 20 distributes control information to the terminal device 100. Such control information causes the terminal device 100 to display the web page C10 and the content C20, and when an upward scroll operation is performed, the display area of the content C20 is narrowed upward in the screen without moving the content C20. As a result, processing for enlarging the size of the area in which the web page C10 is displayed is executed. For this reason, the advertisement delivery server 20 can generate the user's interest in each content C20 without deteriorating the user's impression.

  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 control unit 154 Arrangement unit 155 Display unit 156 Area control unit

Claims (16)

On the computer,
A display procedure for displaying overlapping different second content with the first content to the front face of the first content,
When a movement operation is performed on the first content, the first content is displayed by gradually narrowing an end of a displayed area of the second content without moving the second content. A control procedure for changing the area size
Information display program for the execution. The control procedure gradually narrows the width of the displayed area of the second content by intermittently moving the edge of the displayed area of the second content in response to the moving operation.
  The information display program according to claim 1, wherein:   The control procedure moves the width of the displayed area of the second content by an amount shorter than the amount by which the first content is moved in the direction in which the moving operation is performed.
The information display program according to claim 1 or 2, characterized in that The control procedure moves the lower end of the displayed area of the second content in the downward direction of the screen in accordance with a moving operation for moving the first content in the downward direction of the screen.
The information display program according to any one of claims 1 to 3. The control procedure moves a lower end of a displayed area of the second content in the upward direction of the screen according to a moving operation for moving the first content in the upward direction of the screen. The information display program according to any one of 4 to 4 . The display procedure arranges a plurality of second contents side by side,
The information display program according to any one of claims 1 to 5, wherein the control procedure narrows a displayed area of each second content individually according to the moving operation. The information display program according to claim 6 , wherein the control procedure narrows a displayed area of the plurality of second contents at different timings. Before SL control procedure, when the second content is the moving operation when an invisible state is performed, without moving the second content, the movement operation of the area displayed among the second content The information display program according to any one of claims 1 to 7 , wherein an area in which the first content is displayed is narrowed by expanding in a direction in which the information is performed. In the control procedure , when a movement operation is performed to move the first content in the upward direction on the screen when the second content is invisible, the upper end of the displayed area of the second content is The information display program according to claim 8 , wherein the information display program is moved in an upward direction on the screen. In the display procedure , the third content having the same display size as the second content is arranged in an invisible state at the same position as the second content,
The control procedure narrows the displayed area of the second content in the direction in which the moving operation is performed, and at the same time, moves the displayed area of the third content without moving the third content. information display program according to claim 8 or 9, characterized in that widening the direction in which the moving operation is performed. In the control procedure , when the movement operation is performed while the entire second content is displayed, the displayed area of the second content is narrowed in the direction in which the movement operation is performed. At the same time, the information display program according to claim 10 , wherein the display area of the third content is expanded in the direction in which the moving operation is performed without moving the third content. In the control procedure , when the moving operation is performed while the entire third content is displayed, the displayed area of the third content is narrowed in the direction in which the moving operation is performed. The information display program according to claim 11 , wherein the area of the area where the first content is displayed is enlarged. A display unit that displays a second content different from the first content in front of the first content;
When a movement operation is performed on the first content, the first content is displayed by gradually narrowing an end of a displayed area of the second content without moving the second content. A control unit for changing the size of the area to be
An information display device comprising: An information display method executed by the information display device,
A display step of displaying overlapping a different second content with the first content to the front face of the first content,
When a movement operation is performed on the first content, the first content is displayed by gradually narrowing an end of a displayed area of the second content without moving the second content. A control process for changing the width of the area to be
An information display method comprising: A distribution unit that distributes control information to a terminal device that displays first content and second content different from the first content;
The control information is
A display procedure for displaying the second content superimposed on the front of the first content;
When a movement operation is performed on the first content, the first content is displayed by gradually narrowing an end of a displayed area of the second content without moving the second content. A control procedure for changing the area size
The distribution apparatus is control information for causing the terminal apparatus to execute. A distribution method executed by a distribution device,
A distribution step of distributing control information to a terminal device that displays the first content and a second content different from the first content;
The control information is
A display procedure for displaying the second content superimposed on the front of the first content;
When a movement operation is performed on the first content, the first content is displayed by gradually narrowing an end of a displayed area of the second content without moving the second content. A control procedure for changing the area size
Is a control information for causing the terminal device to execute.

Images