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

Abstract

PROBLEM TO BE SOLVED: To improve the appealing effect of information related to a content.SOLUTION: An information display device includes: a display unit that displays a first content, a second content, and a third content on a screen; and a display control unit that changes, according to a scroll operation for the first content, the screen occupancy of the second content and the screen occupancy of the third content while maintaining the sum of the screen occupancy of the second content and the screen occupancy of the third content within a predetermined range.SELECTED DRAWING: Figure 1

Description

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

  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, an information display method, an information display program, and a distribution device that improve the appeal effect of information related to content.

  An information display device according to the present application includes a display unit that displays first content, second content, and third content on a screen, and a screen occupancy rate of the second content and the first content according to a scroll operation of the first content. A display control unit configured to change the screen occupancy of the second content and the screen occupancy of the third content while maintaining a sum of the screen occupancy of the three content within a predetermined range. .

  According to one aspect of the embodiment, there is an effect that it is possible to improve the appeal effect of information related to the content.

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 for explaining an example of setting of areas. FIG. 8 is a diagram illustrating a variation of display processing executed by the terminal device according to the embodiment. FIG. 9 is a diagram illustrating an example of processing in which the terminal device according to the embodiment cancels display of content. FIG. 10 is a flowchart illustrating an example of a flow of display processing executed by the terminal device according to the embodiment. FIG. 11 is a hardware configuration diagram illustrating an example of a computer that realizes the function of the advertisement distribution server.

  Hereinafter, a mode for implementing an information display device, an information display method, an information display program, and a distribution device according to the present application (hereinafter referred to as “embodiment”) will be described in detail with reference to the drawings. The information display device, the distribution device, the information display method, and the information display program 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.

  In the following description, it is a reference position when the web page C10 or the content C20 is displayed on the screen, and when the web page C10 or the content C20 is displayed, the uppermost end on the screen is displayed. It is described as the upper end of the web page C10 or content C20. In addition, among ends generated when the web page C10 and the content C20 are displayed on the screen, the end arranged on the lowermost side on the screen is described as the lower end of the web page C10 and the content C20. Of the edges generated when the web page C10 and the content C20 are displayed on the screen, the left edge with respect to the upper end and the lower edge is described as the left edge of the web page C10 and the content C20, and the right edge with respect to the upper edge and the lower edge. The end is described as the right end of the web page C10 or the content C20.

  Moreover, in the following description, it is an edge used as the reference | standard at the time of displaying the web page C10 and the content C20 among screens, and the edge of the direction in which the upper side of the web page C10 or the content C20 is displayed is described as the upper end of the screen. The end of the direction in which the lower side of the web page C10 or the content C20 is displayed is described as the lower end of the screen. In addition, the 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 is described as the screen upper direction, and the direction in which the lower end of the web page C10 or the content C20 is arranged on the screen is the screen. It is described as downward. In addition, the direction in which the left end of the web page C10 or the content C20 is displayed on the screen of the terminal device 100 is described as the screen left direction, and the direction in which the right end of the web page C10 or the content C20 is disposed on the screen is the screen. It is described as the right direction.

  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. 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 “article 1” to “article 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 of each tile arranged on the web page C10, the arrangement position, and the number of tiles arranged may be automatically changed for each tile, or may be changed according to a user operation. . 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 has a plurality of contents C21 and C22. The content C21 is, for example, an image in which icons related to advertisements are arranged at the upper end and various advertisement texts are arranged. Further, the content C22 is an image in which, for example, icons related to advertisements are arranged at the lower end and various advertisement texts are arranged.

  Note that the content C20 may be realized by an image having the same display size as the screen. The contents C21 and C22 may be moving images such as GIF (Graphics Interchange Format) moving images. The contents C21 and C22 may be images and moving images having the same display size, or may be images and moving images having different display sizes.

  As will be described later, the arrangement position and the display position of the content C20 are set by CSS (Cascading Style Sheets), Java Script (registered trademark), HTML5, and other scripts that can describe dynamic content. As a result, the display mode changes depending on the user's operation. For example, the content C20 is content that can include images, characters, graphics, symbols, moving images, and the like that are controlled to be displayed, erased, enlarged, reduced, moved, rotated, played back, paused, and the like by user operations. . 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 related to the advertisement is not limited to a commercial or non-profit advertisement, but also recruits volunteers, public advertisements, notification to the public, a part of information related to the web page C10, and other arbitrary contents. . That is, the content C20 is not only content including so-called advertisement-related information, but also interests the user, information included in the content C20, or content related to the content C20 (for example, a landing page or a moving image) C30, etc.) can be applied to images, moving images, characters, graphics, symbols, hyperlinks, and other arbitrary contents. In other words, any content can be applied as the content C20 as long as the content is more interesting than the web page C10 for the user.

  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. Then, when receiving the distribution of the content C20 as the content related to the advertisement from the advertisement distribution server 20, the terminal device 100 arranges the content C20 in the advertisement area C11 included in the web page C10, and displays the web page C10 and the content C20. To do.

[2. Processing executed by terminal device 100]
Here, 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. 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.

  In addition, display processing has been performed in which the number of impressions of the content C20 is improved by arranging the content C20 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 C20, the number of impressions is counted as if the content C20 was viewed even though the user did not actually view the content C20. It will be.

[2-1. Display processing)
Therefore, the terminal device 100 performs the following display process. For example, the terminal device 100 displays a web page C10, content C21, and content C22. Then, according to the scroll operation of the web page C10, the terminal device 100 calculates the sum of the ratio of the area in which the content C21 is displayed in the screen (hereinafter referred to as “screen occupation ratio”) and the screen occupation ratio of the content C22. The screen occupancy rate of the content C21 and the screen occupancy rate of the content C22 are respectively changed while keeping within a predetermined range.

  Hereinafter, a specific example of the display process executed by the terminal device 100 will be described. For example, the terminal device 100 accepts the delivery of the web page C10 and the content C20. Then, the terminal device 100 arranges the content C21 in the screen so that the upper end of the content C21 and the upper end of the screen are in contact with each other, and arranges the content C22 so that the lower end of the content C22 and the lower end of the screen are in contact with each other. That is, the terminal device 100 arranges and displays the content C21 at the upper end of the screen and the content C22 at the lower end of the screen.

  Further, the terminal device 100 sets a display area for displaying the web page C10, and arranges the display area in the screen. For example, the terminal device 100 sets the display size of the display area so that the sum of the display size of the content C21 or the display size of the content C22 and the display size of the display area is the same as the width of the screen. That is, the terminal device 100 sets the display size of the display area so that the content C21 and the web page C10 are displayed on the screen without any gap when the content C21 and the web page C10 are arranged so as not to overlap. To do.

  Here, the terminal device 100 arranges the display area of the web page C10 so that the display area for displaying the web page C10 is arranged in front of the contents C21 and C22. . For example, the terminal device 100 may arrange the display area of the content C10 in a layer in front of the layer in which the contents C21 and C22 are arranged. In addition, for example, the terminal device 100 arranges the contents C21 and C22 in a layer in front of the contents C10, and hides the range overlapping the display area of the contents C10 among the contents C21 and C22. You may display so that the display area of the content C10 may be arrange | positioned in front of the content C21 and C22.

  Here, the display area of the web page C10 is set so that the sum of the display size of the display area of the web page C10, the display size of the content C21, and the display size of the content C22 is larger than the screen of the terminal device 100. When the display size is set, the terminal device 100 displays the web page C10 and the contents C21 and C22 in such a manner that parts of the contents C21 and C22 are hidden by the web page C10.

  Subsequently, when a scroll operation is performed on the web page C10, the terminal device 100 moves the display area of the web page C10 according to the scroll operation. For example, when the terminal device 100 performs an up scroll operation for scrolling the web page C10 in the direction in which the content C21 is arranged (for example, the screen upward direction), the terminal device 100 moves the display area of the web page C10 in the screen upward direction. And move. For example, when the terminal device 100 performs a downward scroll operation for scrolling the web page C10 in the direction in which the content C22 is arranged (for example, the downward direction of the screen), the terminal device 100 displays the display area of the web page C10 at the bottom of the screen. Move in the direction.

  Note that the terminal device 100 keeps the display sizes of the contents C21 and C22 constant while executing the above-described processing. That is, the terminal device 100 keeps the scales of the contents C21 and C22 constant. Further, when executing the above-described processing, the terminal device 100 moves the display area of the web page C10 without changing the display size.

  As a result, the terminal device 100 changes the size of the area displayed on the screen among the contents C21 and C22 by the movement of the web page C10. That is, the terminal device 100 moves the display area of the web page C10 in accordance with the scroll operation, so that the sum of the screen occupation ratio of the content C21 and the screen occupation ratio of the content C22 (hereinafter, the screen occupation ratio of the content C20). And the screen occupancy ratio of the contents C21 and C22 can be changed individually.

  For example, when the display area of the web page C10 is moved in the screen upward direction according to the upward scroll operation, the terminal device 100 decreases the screen occupancy rate of the content C21 and increases the screen occupancy rate of the content C22. Further, for example, when the display area of the web page C10 is moved downward in the screen according to the downward scroll operation, the terminal device 100 decreases the screen occupancy of the content C22 and increases the screen occupancy of the content C21.

  When such display processing is executed, the terminal device 100 keeps the screen occupancy rate of the content C20 constant according to the browsing action of the web page C10 such as a scroll operation of the web page C10, and the content C21, C22. It is possible to continue displaying the content C20 in a complicated manner such as dynamically changing the screen occupancy rate. Further, in the display process described above, the screen occupation ratio of the content C20 is kept constant. For this reason, the terminal device 100 can improve the appeal effect of the information related to the content C20 as a result of generating the user's interest while preventing the deterioration of the impression on the content C20.

[2-2. (Fixing the display area)
Here, the terminal device 100 may continue to move the display area of the web page C10 until the screen occupation ratio of the content C21 or the content C22 becomes zero as a result of the scroll operation. That is, the terminal device 100 may move the display area of the web page C10 until the content C21 or the content C22 is completely hidden by the web page C10. However, when such a process is executed, either content C21 or content C22 may not be displayed.

  Therefore, the terminal device 100 may limit the movement range of the display area of the web page C10. For example, when the screen occupancy rate of the content C21 becomes smaller than a predetermined threshold, the terminal device 100 may fix the screen occupancy rate of the content C21 by fixing the position of the display area of the web page C10. Good. Further, when the screen occupancy rate of the content C22 becomes smaller than a predetermined threshold, the terminal device 100 fixes the screen occupancy rate of the content C22 by fixing the position of the display area of the web page C10. Good.

  For example, the terminal device 100 moves the display area of the web page C10 in the upward direction of the screen in accordance with the upward scroll operation, gradually reducing the size of the display area of the content C21 and gradually increasing the size of the display area of the content C22. Spread to. As a result, the terminal device 100 displays the web page C10 when the width of the display area of the content C21 is narrowed to a predetermined threshold or when the width of the display area of the content C22 is widened to a predetermined threshold. The movement of the area is stopped, and the web page C10 is scrolled upward in the display area.

  Further, for example, the terminal device 100 moves the display area of the web page C10 in the downward direction of the screen in accordance with the downward scroll operation, gradually reducing the size of the display area of the content C22 and increasing the size of the display area of the content C21. Spread gradually. As a result, the terminal device 100 displays the web page C10 when the display area of the content C22 is narrowed to a predetermined threshold, or when the display area of the content C21 is expanded to a predetermined threshold. The movement of the area is stopped, and the web page C10 is scrolled downward in the display area.

  Such a process may be realized by providing a threshold for the moving range of the display area of the web page C10. For example, the terminal device 100 may set the threshold value so that the upper end and the lower end of the display area of the web page C10 are not closer to the upper end and the lower end of the screen than a predetermined position in the screen.

[2-3. Others]
In addition, the terminal device 100 arranges the contents C21 and C22 at the left and right ends of the screen, and moves the display area of the web page C10 in the horizontal direction of the screen according to the operation of scrolling the web page C10 in the horizontal direction of the screen. While maintaining the screen occupancy rate of C20 constant, the screen occupancy rate of content C21 and the screen occupancy rate of content C22 may be varied individually. Further, the terminal device 100 may arrange the contents C21 and C22 at positions other than the end on the screen. That is, the terminal device 100 may arrange and display the contents C21 and C22 at arbitrary positions as long as the contents C21 and C22 are arranged at a paired position on the screen. Further, the terminal device 100 may change the scales of the contents C21 and C22 according to the amount and direction of the scroll operation on the web page C10.

  Further, the terminal device 100 does not need to hold the screen occupation rate of the content C20 at a strictly constant value in the display process. That is, if the terminal device 100 can move the display area of the web page C10 according to the scroll operation and can individually change the screen occupancy of the contents C21 and C22, the terminal occupancy of the content C20 is changed. May be. In other words, the terminal device 100 only needs to keep the screen occupation ratio of the content C20 within a predetermined range.

  Further, the terminal device 100 may display the same image as the content C21 and the content C22 on the screen. In addition, for example, the terminal device 100 may display the contents C21 and C22 related to the same information such as images with the same advertisement target. When the content C20 including such content C21 and C22 is displayed, the terminal device 100 can improve the appeal effect of information related to the content C20.

  In addition, when the user taps an area where the content C21 or the content C22 is displayed, that is, when the user selects the content C20, the terminal device 100 transitions the display to a predetermined landing page. You may let them. Here, the terminal device 100 may change the landing page that transitions between when the content C21 is selected and when the content C22 is selected, and the terminal device 100 transitions according to the screen occupancy of each content C21, C22. You may change the landing page.

[2-4. 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 be realized by controlling the positional relationship between the layer that displays the web page C10 and the layer that displays the content C20, and displays the range in which the web page C10 overlaps the content C20. You may implement | achieve by not performing.

  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 C21 in an arrangement area that is an area fixed at the upper end of the screen, and arranges the content C22 in an arrangement area that is an area fixed at the lower end of the screen. Further, the terminal device 100 arranges a visible area that is an area in which the content C21 is visible and a visible area that is an area in which the content C22 is visible as parent elements of the content C20. . In addition, the terminal device 100 arranges the web page C10 on the back layer of the content C20.

  Further, the terminal device 100 allows the visible region of the content C21 to move within a predetermined range including the upper end of the screen, and allows the visible region of the content C22 to move within a predetermined range including the lower end of the screen. Further, the terminal device 100 sets the positions of the visible region of the content C21 and the visible region of the content C22 as elements that are moved according to the scroll operation on the web page C10.

  Here, when the arrangement area of the contents C21 and C22 is set, the terminal device 100 tries to arrange and display the contents C21 and C22 on the arrangement area. However, when the visible region as the parent element is set, the terminal device 100 makes the contents C21 and C22 visible only within the visible region. For this reason, the terminal device 100 sets only the range in which the contents C21 and C22 are arranged and the contents C21 and C22 are visible among the contents C21 and C22. That is, the terminal device 100 makes only the range where the arrangement area and the visible area overlap among the contents C21 and C22 visible and displays them on the screen.

  For example, when the entire arrangement area of the content C21 is included in the visible area of the content C21, the terminal device 100 displays the entire content C21 on the screen. Here, when the user performs an upward scroll operation, the terminal device 100 moves the display area of the web page C10 in the upward direction on the screen and moves the visible area of the content C21 in the upward direction on the screen. As a result, when the lower end of the visible area of the content C21 moves in the screen upward direction with respect to the lower end of the arrangement area, the terminal apparatus 100 causes the visible area of the content C20 to have a wrinkle between the arrangement area and the visible area. The web page C10 is displayed in such a range without displaying the range not included in.

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

  Similarly, as a result of moving the content C22 in the visible region in response to the scroll operation, the terminal device 100 displays only the region where the arrangement region and the visible region overlap in the content C22. As a result, the terminal device 100 makes the range from the upper end of the arrangement area to the upper end of the visible area in the content C20 invisible, and gradually narrows the display area from the lower end without moving the content C22. The web page C10 arranged on the back is displayed.

  As described above, the terminal apparatus 100 provides the arrangement area for the content C20 at the upper and lower ends of the screen, and sets the visible area of the content C20 that can be moved by a scroll operation. And the terminal device 100 arrange | positions the web page C10 on the back surface of the content C20, and moves the visible area of the content C20, scrolling the web page C10 according to scroll operation of the web page C10. As a result, the terminal device 100 can realize a display mode in which the screen occupancy of the contents C21 and C22 is individually changed while moving the display area of the web page C10 and keeping the screen occupancy of the content C20 constant. .

  Note that the terminal device 100 identifies the positions of the visible regions of the contents C21 and C22 at a predetermined time interval (for example, every cycle in which image processing is performed). Then, when the position of the lower end of the visible area of the content C21 moves to a predetermined position, the terminal device 100 fixes the position of the visible area of the content C21 with respect to the scroll operation. Further, when the position of the upper end of the visible area of the content C22 moves to a predetermined position, the terminal device 100 fixes the position of the visible area of the content C22 with respect to the scroll operation.

  Thus, the terminal device 100 can set the threshold value of the area to be displayed for each of the contents C21 and C22. As a result, the terminal device 100 can change the screen occupation ratio of the contents C21 and C22 in a more free manner. For example, when the display area of the content C21 narrows to a predetermined size in accordance with the upward scroll operation, the terminal device 100 fixes the upper end of the display area of the web page C10 while gradually lowering the lower end of the display area of the web page C10. It is also possible to display the content C20 in a complicated manner such as expanding the display area of the content C22 by moving the screen upward in the screen direction.

[2-5. 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, an example of the process of changing the screen occupancy of the contents C21 and C22 by moving the display area of the web page C10 in the upward direction according to the upward scroll operation is divided into the first state to the sixth state. I will explain.

  In the following description, it is assumed that the arrangement area of the content C21 is arranged at the upper end of the screen and the arrangement area of the content C22 is arranged at the lower end of the screen. Further, in the following description, it is assumed that the lower end of the visible area of the content C21 is movable from the lower end of the area where the icon of the content C21 is arranged to the lower end of the content C21. In the following description, it is assumed that the upper end of the visible area of the content C22 is movable from the upper end of the area where the icon of the content C22 is arranged to the upper end of the content C22.

  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 displays the entire content C21 at the upper end of the screen as an initial display, and the web page C10 so that the lower end of the content C21 and the upper end of the web page C10 are in contact with each other. Is displayed on the back of the web page C10 such that a part of the content C22 (for example, a range in which icons are arranged) is displayed.

  In the initial display shown in the first state, for example, the visible region of the content C21 is arranged so that the lower end of the visible region of the content C21 and the lower end of the arrangement region of the content C21 are at the same position, and the visible content C22 is visible. This is realized by arranging the visible region of the content C22 so that the upper end of the region and the upper end of the region where the icon included in the content C22 is arranged are at the same position.

  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 according to the upward scroll operation, and the content by the same amount. The visible area of C21 and C22 is moved upward on the screen.

  As a result, as shown in the second state, the terminal device 100 moves the display area of the web page C10 upward on the screen, narrows the display area of the content C21, and expands the display area of the content C22. indicate. That is, the terminal device 100 individually changes the screen occupancy rates of the contents C21 and C22 while keeping the screen occupancy rate of the content C20 constant.

  Further, when an upward scroll operation is further performed, the terminal device 100 moves the display area of the web page C10 upward on the screen and further narrows the display area of the content C21 as shown in the third state. The display area of the content C22 is further expanded. When the terminal device 100 further performs an upward scroll operation, as shown in the fourth state, the terminal device 100 further moves the display area of the web page C10 upward in the screen, and the display area of the content C21 The area of the content C21 is narrowed to the area where the icon is arranged, and the display area of the content C22 is expanded until the entire content C22 is displayed.

  Here, according to the setting described above, the terminal device 100 cannot move the lower end of the visible area of the content C21 to the upper side of the screen than the lower end of the area where the icon of the content C21 is arranged. In addition, the terminal device 100 cannot move the upper end of the visible area of the content C22 in the screen upward direction from the upper end of the content C22. In other words, the terminal device 100 cannot move the screen C10 upward from the lower end of the area where the icon of the content C21 is placed while keeping the display area of the web page C10 constant.

  Therefore, when a further upward scroll operation is performed in the fourth state, the terminal device 100 moves the web page C10 upward in the screen without moving the display area of the web page C10 as shown in the fifth state. Scroll. That is, the terminal device 100 fixes the screen occupation ratio of the contents C21 and C22 and scrolls the web page C10 in the upward direction on the screen. In addition, when a further upward scroll operation is performed in the fifth state, the terminal device 100 moves the web page C10 upward in the screen without moving the display area of the web page C10 as shown in the sixth state. Scroll.

  Note that the terminal device 100 changes the display mode from the sixth state to the first state when the user's finger F10 performs a downward scroll operation. That is, the terminal device 100 moves the display area of the web page C10 downward in accordance with the downward scroll operation, expands the display area of the content C21, and narrows the display area of the content C22. Here, the terminal device 100 may move the display area of the web page C10 downward after the upper end of the web page C10 is displayed. Even if the upper end of the web page C10 is not displayed, the terminal device 100 The display area may be moved downward on the screen.

  For example, when the user's finger F10 performs a downward scroll operation in the fourth state, the terminal device 100 moves the display area of the web page C10 downward in the screen as illustrated in the third state. Further, the terminal device 100 increases the screen occupancy by expanding the display area of the content C22, and decreases the screen occupancy by narrowing the display area of the content C21.

  In this way, the terminal device 100 displays the web page C10 and the contents C21 and C22, and keeps the screen occupation rate of the content C20 within a predetermined range in accordance with the scroll operation of the web page C10. The rate and the screen occupation rate of the content C22 are individually changed. For this reason, the terminal device 100 can improve the appeal effect of the information concerning the content C20 as a result of raising the user's interest with respect to the content C20.

[2-6. (Direction of scroll operation)
In the above-described example, the terminal device 100 changes the screen occupancy so that at least an icon is displayed among the contents C21 and C22. However, the embodiment is not limited to this, and the setting may be performed so that at least a predetermined area of the contents C21 and C22 is displayed. That is, the terminal device 100 may fix the screen occupancy rates of the contents C21 and C22 and the display area of the web page C10 at arbitrary positions.

[2-7. 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 the distribution of the control information that causes the display process 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 “C70” is stored in “advertising content”, in practice, 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. The display instruction includes a set value of the visible area of the content C20. For example, the number of pixels such as “100 to 200 pixels” is registered in the advertisement database 24 as a range in which the visible region of the content C21 and the content C22 can move, with the upper end of the web page C10 as a reference. Also, the display instruction includes information indicating the position of the arrangement area of each content C21, C22, the size of the visible area, and the like.

  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. Note that the display instruction described above 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 and C22.

  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 a storage device inside the advertisement distribution server 20 using the RAM as a work area. Is done. The control unit 23 is realized by an integrated circuit such as an application specific integrated circuit (ASIC) or a field programmable gate array (FPGA).

  As shown in FIG. 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. Further, the operation control unit 152 outputs the content of the user operation such as the scroll operation and the tap operation received via the input unit 120 to the display control unit 153.

  The display control unit 153 displays the received web page and advertisement content on the output unit 130, and executes the display process described above. 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 web page C10 and the content C20. For example, the arrangement unit 154 arranges the web page C10 so that the upper end of the web page C10 is below the upper end of the screen by a predetermined threshold. In addition, the arrangement unit 154 arranges the arrangement area of the content C21 at the upper end of the screen and arranges the arrangement area of the content C22 at the lower end of the screen. In addition, the arrangement unit 154 arranges the visible areas of the contents C21 and C22 at predetermined positions. For example, in the initial state, the arrangement unit 154 sets the visible areas of the contents C21 and C22 so that the web page C10, the entire content C21, and the range where the icons are arranged in the content C22 are displayed. Deploy.

  The display unit 155 displays the web page C10 and the content C20. For example, the display unit 155 arranges the content C21 in the arrangement area of the content C21 and arranges the content C22 in the arrangement area of the content C22. Then, the display unit 155 displays only the range included in the corresponding visible area among the contents C21 and C22.

  As a result of such processing, for example, the display unit 155 arranges an initial screen in which the entire content C21, a part of the web page C10, and a part of the content C22 are arranged from the upper end of the screen. That is, the display unit 155 displays a screen in which the upper end of the content C21 is in contact with the upper end of the screen, the lower end of the content C22 is in contact with the lower end of the screen, and the display area of the web page C10 exists in the content C21 and the content C22. To do.

  Here, the area control unit 156 described later changes the position of the visible area in accordance with the scroll operation. Then, the display unit 155 scrolls the web page C10 according to the scroll operation, and changes the displayed range of the contents C21 and C22 according to the position of the visible region after the change. In addition, when the contents C21 and C22 are tapped, the display unit 155 displays a corresponding landing page.

  The area control unit 156 changes the screen occupancy rates of the contents C21 and C22, respectively, while keeping the screen occupancy rate of the content C20 within a predetermined range according to the scroll operation of the web page C10. For example, the area control unit 156 changes the screen occupancy rates of the contents C21 and C22 while keeping the screen occupancy rates of the web pages C10 constant without changing the scales of the contents C21 and C22.

  For example, the area control unit 156 reduces the display area of the content C21 by narrowing the display area of the content C21 when a scroll operation for scrolling the web page C10 in the direction in which the content C21 is arranged, that is, when an upward scroll operation is performed. While decreasing the screen occupancy rate and expanding the display area of the content C22, the screen occupancy rate of the content C22 is increased. In addition, for example, when the scroll operation for scrolling the web page C10 in the direction in which the content C22 is arranged, that is, when the downward scroll operation is performed, the region control unit 156 narrows the display region of the content C22, thereby By reducing the screen occupancy rate of C22 and expanding the display area of the content C21, the screen occupancy rate of the content C21 is increased.

  In addition, as a result of reducing the screen occupancy rate of the content C21, the area control unit 156 fixes the screen occupancy rate of the content C21 when the screen occupancy rate of the content C21 is equal to or less than a predetermined threshold. As a result, the area control unit 156 scrolls the web page C10 within the display area without changing the screen occupancy rate of the content C21 according to the upward scroll operation.

  Similarly, the area control unit 156 fixes the screen occupancy rate of the content C22 when the screen occupancy rate of the content C22 falls below a predetermined threshold as a result of reducing the screen occupancy rate of the content C22. As a result, the area control unit 156 scrolls the web page C10 in the display area without changing the screen occupation ratio of the content C22 according to the downward scroll operation.

  Note that the area control unit 156 may fix the screen occupancy of the content C22 simultaneously with fixing the screen occupancy of the content C21 when the screen occupancy of the content C20 is kept constant. When such processing is executed, the area control unit 156 displays a display mode in which the display area of the web page C10 is arranged in front of the contents C21 and C22, and the display area of the web page C10 moves according to the scroll operation. Can be realized.

  The placement unit 154, the display unit 155, and the region control unit 156 perform the above-described display processing by setting the placement region and the visible region as parent elements of the content C20, and moving the position of the visible region according to the scroll operation. Realize. Hereinafter, an example of setting the arrangement area and the visible area will be described with reference to FIG.

[7. Example of setting visible region)
Here, FIG. 7 is a diagram for explaining an example of setting the area. In the example illustrated in FIG. 7, the screen range of the output unit 130 is displayed as the screen 130. For example, in the example shown in FIG. 7A, on the screen 130, the visible areas C21a and C22a of the contents C21 and C22 are arranged on the foreground, and the arrangement area arranged on the back of the visible areas C21a and C22a. In addition, the content C21 and the content C22 are arranged. A web page C10 is arranged on the back of each content C21, C22.

  Here, the arrangement area of the content C21 is arranged at a position where the upper end is in contact with the upper end of the screen 130, and the arrangement area of the content C22 is arranged at a position where the lower end is in contact with the lower end of the screen 130. In addition, in the visible area C21a of the content C21, an area where the position of the lower end falls between the first threshold value and the second threshold value is set as a movable area, and the visible area C22a of the content C22 is movable. As such a region, a region where the position of the lower end falls between the third threshold value and the fourth threshold value is set.

  When the terminal device 100 displays the content C20 and the web page C10 under such settings, the terminal device 100 displays a range in which the visible region C21a overlaps in the content C21, and displays the display region in the content C22. The range where C22a overlaps is displayed. Further, as illustrated in FIG. 7B, the terminal device 100 displays a range from the lower end of the visible area C21a to the upper end of the visible area C22a in the web page C10.

  Further, when the scroll operation is performed, the terminal device 100 moves the visible regions C21a and C22a. For this reason, for example, as illustrated in FIG. 7C, the terminal device 100 can realize a display mode in which the display area of the web page C10 is moved between the first threshold value and the fourth threshold value according to the scroll operation. .

  For example, as illustrated in FIG. 7D, the terminal device 100 moves the web page C10 and the visible areas C21a and C22a according to the scroll operation. Here, since the lower end of the visible region C21a is movable within the region shown in FIG. 7E, the terminal device 100 moves to the position shown in FIG. 7F when the lower end of the visible region C21a moves. The position of the visible region C21a is fixed. Further, since the lower end of the visible region C22a can move within the region shown in FIG. 7G, the terminal device 100 moves the upper end of the visible region C22a to the position shown in FIG. The position of the visible region C22a is fixed. In addition, the terminal device 100 will display the range shown to (I) in FIG. 7 among web pages C10 on a screen.

[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 placement unit 154, the display unit 155, and the region control unit 156, but the embodiment is not limited to this.

[8-1. (Scroll direction)
The terminal device 100 described above narrows the display area of the content C21 arranged at the upper end of the screen and expands the display area of the content C22 arranged at the lower side of the screen in accordance with the up scroll operation. However, the embodiment is not limited to this. For example, by narrowing the display area of the content C21 arranged at the upper end of the screen according to the downward scroll operation, the screen occupancy of the content C21 is reduced and the display area of the content C22 arranged on the lower side of the screen is enlarged. The screen occupancy rate of the content C22 may be increased.

  Hereinafter, the variation of the display process which the terminal device 100 performs is demonstrated using FIG. FIG. 8 is a diagram illustrating a variation of display processing executed by the terminal device according to the embodiment. In the following description, an example of the process of changing the screen occupancy of the contents C21 and C22 by moving the display area of the web page C10 in the upward direction in accordance with the downward scroll operation is divided into the first state to the sixth state. I will explain.

  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 and displays the entire content C21, the display area of the web page C10, and a part of the content C22. Then, when the user's finger F10 performs a downward scroll operation on the web page C10, the terminal device 100 scrolls the web page C10 downward in the screen according to the downward scroll operation, and the content C21 by the same amount. , The visible region of C22 is moved upward on the screen.

  As a result of such processing, the terminal device 100 narrows the display area of the content C21 and widens the display area of the content C22. As a result, as shown in the second state, the terminal device 100 can realize a display mode in which the display area of the web page C10 is moved in the upward direction on the screen despite the user performing the scrolling operation. . Further, when a further downward scroll operation is performed, the terminal device 100 moves the display area of the web page C10 further upward on the screen and further increases the display area of the content C21 as shown in the third state. The display area of the content C22 is further expanded.

  Further, when a further scroll operation is performed, the terminal device 100 further moves the display area of the web page C10 upward on the screen as shown in the fourth state, and the display area of the content C21 The area of the content C21 is narrowed to the area where the icon is arranged, and the display area of the content C22 is expanded until the entire content C22 is displayed.

  Here, as in the example shown in FIG. 1, the terminal device 100 moves the display area of the web page C10 as shown in the fifth state when the downward scroll operation is further performed in the fourth state. Instead, the web page C10 is scrolled downward in the screen. Further, when a further scroll operation is performed in the fifth state, the terminal device 100 moves the web page C10 downward in the screen without moving the display area of the web page C10 as shown in the sixth state. Scroll.

  Note that the terminal device 100 changes the display mode in the order from the sixth state to the first state when the user's finger F10 performs an upward scroll operation. That is, the terminal device 100 moves the display area of the web page C10 downward in accordance with the upward scroll operation, expands the display area of the content C21, and narrows the display area of the content C22. For example, when the user's finger F10 performs an upward scroll operation in the fourth state, the terminal device 100 moves the display area of the web page C10 downward in the screen as shown in the third state. Further, the terminal device 100 increases the screen occupancy by expanding the display area of the content C22, and decreases the screen occupancy by narrowing the display area of the content C21.

  In order to realize the display mode illustrated in FIG. 8, for example, the terminal device 100 may move the visible areas C21a and C22a downward in the screen according to the upward scroll operation, and the visible area C21a according to the downward scroll operation. , C22a may be moved upward on the screen. As a result of such processing, the terminal device 100 can cause a discrepancy between the user's operation and the display on the screen, and as a result of the user gazing at the screen, the appeal effect of the information related to the content C20 is obtained. Can be improved.

[8-2. (About the screen occupancy threshold)
The terminal device 100 described above changes the screen occupancy rates of the contents C21 and C22 so that the screen occupancy rates of the contents C21 and C22 do not fall below the threshold. However, the embodiment is not limited to this. For example, the terminal device 100 may cancel the display of one of the contents C21 and C22 as long as the screen occupation ratio of the content C20 falls within a predetermined range.

  Hereinafter, an example of processing for canceling the display of one of the contents C31 and C32 distributed as the contents C30 will be described with reference to FIG. FIG. 9 is a diagram illustrating an example of processing in which the terminal device according to the embodiment cancels display of content. For example, in the example illustrated in FIG. 9, the terminal device 100 accepts distribution of the contents C31 and C32 as the content C30. Here, in the example illustrated in FIG. 9, the content C <b> 31 and the content C <b> 32 are images having the same display size as the horizontal width of the screen of the terminal device 100.

  When receiving the distribution of the content C30, the terminal device 100 arranges and displays the content C31 in the upper left corner of the screen as shown in the first state, and arranges the web page C10 on the back of the content C31. And display. Subsequently, when an upward scroll operation is performed, the terminal device 100 scrolls the web page C10 in the upper direction of the screen as shown in the second state, and the content C32 arranged in the lower right corner of the screen. The display area of is gradually expanded from the bottom of the screen to the top. More specifically, the terminal device 100 gradually expands the display area of the content C32 so that the upper end position is aligned with the position where the lower end of the “article 2” included in the web page C10 is displayed.

  Further, when an upward scroll operation is further performed, the terminal device 100 gradually expands the display area of the content C32 from the lower direction of the screen to the upper direction, as shown in the third state and the fourth state. Then, the terminal device 100 displays the entire content C32 as shown in the fifth state.

  On the other hand, as shown in the fifth state, the terminal device 100 gradually narrows the display area of the content C31 after the entire content C32 is displayed. More specifically, the terminal device 100 gradually narrows the display area of the content C31 so that the lower end position is aligned with the position where the upper end of “article 1” included in the web page C10 is displayed. Then, when the upper end of “Article 1” scrolls to the outside of the screen, the terminal device 100 cancels the display of the content C31 as shown in the sixth state.

  Note that, when a downward scroll operation is performed, the terminal device 100 increases the screen occupation ratio of the content C31 by gradually expanding the display area of the content C31 as illustrated in the sixth state to the first state. After the entire content C31 is displayed, the screen area of the content C32 is reduced by gradually narrowing the display area of the content C32. In this way, the terminal device 100 individually changes the screen occupancy rates of the content C31 and the content C32 while keeping the sum of the screen occupancy rate of the content C31 and the screen occupancy rate of the content C32 within a predetermined range. Also good.

  In order to execute the above-described processing, for example, the terminal device 100 sets the visible region of the content C31 in a range above the upper end of the “article 1” of the web page C10, and the “article of the web page C10”. The visible region of the content C32 is set in a range below the position of the lower end of “2”. And the terminal device 100 should just be moved according to scroll operation, without providing a threshold value in the movement range of each visible region. As a result, the terminal device 100 can display not only the contents C31 and C32 individually but also the entire contents C31 and C32 at the same time, thereby improving the appealing effect of the information related to the contents C30. Can do.

[8-3. (Adjacent display of content)
The terminal device 100 described above arranges the content C21 at the upper end of the screen and the content C22 at the lower end of the screen. However, the embodiment is not limited to this. For example, the terminal device 100 sets the arrangement areas of the contents C21 and C22 at the same position and makes the visible areas of the contents C21 and C22 adjacent to each other, so that the contents C21 gradually becomes the contents C22 according to the scroll operation. The content C20 may be displayed in such a manner that it is switched.

[8-4. (About initial display of web page)
Here, in the initial display, the terminal device 100 may display combined content obtained by combining a predetermined display area with the upper end of the web page C10 in order to align the upper end of the web page C10 with the lower end of the content C21. For example, the terminal device 100 generates combined content in which a display area having the same display size as the display size of the content C21 is arranged at the upper end of the web page C10, and easily combines the upper end of the generated combined content with the upper end of the screen. The upper end of the content C10 can be aligned with the lower end of the content C21. Note that the terminal device 100 may generate the combined content by itself, for example, may accept the distribution of the combined content from the advertisement distribution server 20 or the content distribution server 30 instead of the distribution of the web page C10. .

[8-5. About content)
In the above-described example, the terminal device 100 arranges the contents C21 and C22 at a paired position on the screen. However, the contents C21 and C22 are contents related to the same advertiser or distribution source. The content may be related to different advertisers or distribution sources. Further, the terminal device 100 may display the same data as the contents C21 and C22. That is, the contents C21 and C22 described above do not mean contents with different contents such as displayed images and moving images. That is, the terminal device 100 may display the same data as the contents C21 and C22, or may display different portions of the same data as the contents C21 and C22. When such processing is performed, for example, the terminal device 100 can also realize a display mode in which the screen occupancy rate of a certain content changes according to a scroll operation on the web page C10.

  That is, if the terminal device 100 keeps the screen occupancy rate of the content C20 within a predetermined range in accordance with the scroll operation on the web page C10, the terminal device 100 can set the screen occupancy rate of the content constituting the content C20 in an arbitrary manner. You may change it. For example, the terminal device 100 arranges two images that constitute a certain image and overlaps some areas as the contents C21 and C22. Then, the terminal device 100 moves the display range of the web page C10 in accordance with the scroll operation on the web page C10, and maintains the screen occupancy rate of the content C20 within a predetermined range, and the screens of the contents C21 and C22. Change the occupancy rate. When such processing is executed, the terminal device 100 displays a complicated image in which one image is divided and displayed by the display area of the web page C10, and the position where the image is divided is changed by a scroll operation of the web page C10. In such a manner, the content C20 can be displayed.

[8-6. 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. 10 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. 10, 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. 10, the terminal device 100 requests the content distribution server 30 to distribute the web page C10 according 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 displays the advertising content so as to overlap the web page C10 (step S104). More specifically, the terminal device 100 displays the entire content C21, a part of the web page C10, and a part of the content C22. And the terminal device 100 determines whether scroll operation of the web page C10 was performed (step S105).

  When the scroll operation is performed (step S105: Yes), the terminal device 100 determines whether the visible areas C21a and C22a of the contents C21 and C22 are within a predetermined area (step). S106). When the visible areas C21a and C22a are within the predetermined area (step S106: Yes), the terminal device 100 maintains the sum of the screen occupancy rates of the advertising content, that is, the screen occupancy rate of the content C20. The screen occupancy of each content C21, C22 is changed (step S107). On the other hand, when the visible areas C21a and C22a are not within the range of the predetermined area (step S106: No), the terminal device 100 scrolls the web page C10 without changing the screen occupancy rate of each advertising content ( Step S108).

  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 S105. Moreover, the terminal device 100 performs step S109, when scroll operation is not performed (step S105: 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 9. 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 and C22 constituting the content C20. However, the embodiment is not limited to this. For example, the contents C21 and C22 may be contents related to different advertisements. For example, the terminal device 100 may display the contents C20 and C30 including character strings, patterns, images, moving images, and the like. Further, the terminal device 100 may display content C20 and C30 including a game or the like instead of content related to an advertisement, or may display content C20 and C30 including a so-called playable advertisement. Further, the terminal device 100 may display the contents C20 and C30 including sound. Note that the character strings, patterns, images, moving images, games, sounds, and the like included in the contents CC20 and C30 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 and C30. Further, the terminal device 100 may execute the display process by displaying the contents C20 and C30 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 and C30 together with SNS (Social Networking Service) contents, a messenger application screen, a camera application screen, and other arbitrary contents, and may perform the above-described display processing. . In addition to the web page C10, the terminal device 100 may display arbitrary content such as a game, a map, a music playback screen, and a video playback screen.

[10-2. 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. . Further, the terminal device 100 may download the application including the information display program for executing the display process and make the display process realizable by installing the application. In addition, after receiving the distribution of the information display program for executing the display process, the terminal device 100 executes the distributed information display program when receiving the advertisement content specified to be displayed using the information display program The display process may be realized when the received advertisement content is displayed.

[10-3. 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 the web page C10 that does not include an acquisition command to the terminal device 100 together with the content C20 acquired from the advertisement distribution server 20. In such a configuration, the content distribution server 30 may distribute combined content in which a predetermined display area is set at the upper end of the web page C10.

[10-4. About logs)
Here, the terminal device 100 may take a log indicating whether or not the contents C20 and C30 are displayed, and a log of the content selected by the user. Further, the terminal device 100 is not limited to the number of times of display and the number of times of selection, but the number of times the user has selected each content C20, C30, the number of times each content C20, C30 has been displayed, the size of the displayed area, and the screen occupation A log indicating the rate, what screen occupancy was selected, and the like may be taken. Further, when the content C20, C30 includes a GIF moving image or the like, the terminal device 100 may take a log indicating whether or not the GIF moving image is reproduced.

  Further, the terminal device 100 determines whether a landing page is displayed, which landing page is displayed, which range of the contents C20 and C30 is displayed when the contents C20 and C30 are selected, What was the screen occupancy rate of the contents C21, C22, C31, C32, which position was selected among the contents C20, C30, which of the contents C21, C22, C31, C32 was selected, which in the display process You may take the log which shows what kind of display processing was performed whether it was selected at the timing.

  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 or the like indicating that the content C20 is not displayed. On the other hand, when the user performs an upward scroll operation from the initial screen to narrow the display area of the content C21 and the entire content C22 is displayed, the terminal device 100 acquires a log indicating that the content C20 is displayed. May be.

  The log acquired by the terminal device 100 in this way is useful for reporting the number of impressions of the content CC20 and C30, updating the CTR, charging processing for the display of the content C20 and C30, and reporting the advertising effect to the advertiser. It becomes. For example, when the entire content C21 is displayed but the entire content C22 is not displayed, there is a possibility that the user is not interested in the content C20. Further, when the up scroll operation and the down scroll operation are performed many times, or when the display process is performed many times, the user is interested in the content C20, and the display mode is changed. It is predicted that the degree has changed.

  For this reason, a log indicating that the display mode of the content C20 has been changed, a log indicating whether or not the display process has been executed, the number of times each process has been executed, a log indicating a scroll operation from the initial screen, and the content C20 are selected A log indicating whether or not each content C21 and C22 has been displayed or selected, and a log indicating the content of the screen occupancy of each content C21, C22, C31 and C32 It can be an indicator of awareness of ads.

  Therefore, the advertisement distribution server 20 may update the number of impressions, change the billing amount, or the like using each acquired log. For example, the advertisement distribution server 20 may change the billing amount according to the displayed range of the content C20, the number of times of display, the number of times of selection, the number of times of deletion processing or redisplay processing, and the like.

  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 determines which range of the content C20 is displayed, how many times the content C20 is deleted or redisplayed, and the content C21, C22. Depending on which one of them has been selected and the screen occupancy rate of the contents C21 and C22, landing pages may be displayed. Further, the terminal device 100 may acquire the same landing page, notify the server that distributes the landing page of the content of the acquired log, and change the content to be arranged on the landing page. For example, the terminal device 100 may display different landing pages when the content C21 is selected and when the content C22 is selected.

[10-5. Terminal device operation record)
Further, the terminal device 100 described above records in the advertisement distribution server 20 a record of how much the user has operated the terminal device 100 with respect to the web page C10 in which the contents C20 and C30 according to the embodiment are arranged. You may send it. Specifically, the terminal device 100 includes the content and frequency of the scroll operation when the content C20 is arranged, the user's selection operation, the position where the user has selected the content C20 and C30, and the content C20 when the content C20 is selected. , The display mode of C30, the display positions of the contents C20 and C30, and the like are recorded.

  In addition, the terminal device 100 performs a transmission operation (for example, writing to SNS, etc.) from the terminal device 100 regarding the number of selections of each content C21, C22, C31, C32, the number of reloads, and information specifying the content C20, C30. Etc.), and various operations performed by the user on the terminal device 100 can be recorded. Then, the terminal device 100 transmits information related to the operation history to the advertisement distribution server 20.

  In such a case, the advertisement distribution server 20 aggregates information related to the operation history distributed from the terminal device 100, and further acquires information obtained by analyzing the information. For example, for the case where the content C20 is distributed together with the control information, the advertisement distribution server 20 indicates the number of scroll operations, the number of executions of the erasure process and the redisplay process, and the type of the displayed landing page. And the content type arranged on the landing page, information that compares advertising effectiveness indicators such as CTR, and the like are acquired.

  Here, the history of operations performed on the web page C10 when the contents C20 and C30 are distributed together with the control information can be an index indicating the advertising effect. That is, in the web page C10 on which the contents C20 and C30 accompanied with the control information according to the embodiment are displayed, the user selects the contents C20 and C30 itself, and the web page (landing page) ahead of the contents C20 and C30 is selected. ) Is displayed, and the operation history itself indicating how much the user has performed on the web page C10 (that is, how much the user has changed the display mode of the screen) is the user. It can be said that the index indicates interest in the contents C20 and C30.

  For example, the advertisement distribution server 20 sets the number of times the screen occupancy of the contents C21, C21, C31, and C32 is changed, the maximum value of the screen occupancy of the contents C21, C21, C31, and C32, and the contents C21, C21, C31, and C32. When the contents C20 and C30 accompanied by the control information according to the embodiment are displayed by comparing the number of times displayed, the time displayed, and the like, how much information the contents C20 and C30 intend to convey, that is, how much interest is in the advertisement An indicator can be provided that indicates whether it has occurred.

  Therefore, the advertisement delivery server 20 transmits information related to the operation history of the terminal device 100 to the advertiser terminal 10 to thereby report the advertising effectiveness index for the web page C10 on which the contents C20 and C30 according to the embodiment are 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 distribution server 20 can show the advertiser the usefulness of the display mode of the contents C20 and C30 accompanied by the control information according to the embodiment in the terminal device 100.

[10-6. 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-7. program〕
In addition, 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. 11 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, the content C21, and the content C22 on the screen. Then, according to the scroll operation of the web page C10, the terminal device 100 maintains the sum of the screen occupancy rate of the content C21 and the screen occupancy rate of the content C22 within a predetermined range, and the screen occupancy rate of the content C21 and the content C22. Change screen occupancy. For this reason, since the terminal device 100 can continue to display the content C20 without hindering the browsing action of the web page C100, the terminal device 100 can prevent the deterioration of the impression on the content C20 and generate the user's interest. The effect of appealing information related to the content C20 can be improved.

  In addition, when an operation for scrolling the web page C10 in the direction in which the content C21 is arranged, for example, an upward scroll operation is performed, the terminal device 100 decreases the screen occupancy of the content C21 and the screen occupancy of the content C22. Increase. Therefore, the terminal device 100 displays the content C20 in a complicated manner as if the content C21 is hidden by the display area of the web page C10 and the content C22 hidden by the display area of the web page C10 is displayed. Since it can do, the appeal effect of the information which concerns on the content C20 can be improved.

  In addition, when the screen occupancy of the content C21 becomes smaller than a predetermined threshold as a result of reducing the screen occupancy of the content C21, the terminal device 100 fixes the screen occupancy of the content C21. For this reason, since the terminal device 100 can continue to display a part of the content C21, such as the area where the icon is arranged, even when the scroll operation is continued, the appeal effect of the information related to the content C20 is achieved. Can be improved.

  Further, when the screen occupancy rate of the content C21 is fixed, the terminal device 100 does not change the position of the area in which the web page C10 is displayed according to the operation of scrolling the web page C10 in the direction in which the content C21 is arranged. Scroll to. For this reason, since the terminal device 100 can continue displaying the content C20 without inhibiting the browsing action of the web page C10, it is possible to prevent the impression of the content C20 from deteriorating.

  In addition, the terminal device 100 fixes the screen occupation ratio of the content C21 and also fixes the screen occupation ratio of the content C22. For this reason, since the terminal device 100 can prevent the display area of the web page C10 from being narrowed, the impression of the content C20 can be prevented from deteriorating.

  In addition, when an operation for scrolling the web page C10 in the direction in which the content C22 is arranged, for example, a downward scroll operation is performed, the terminal device 100 decreases the screen occupancy of the content C22 and the screen occupancy of the content C21. Increase. Therefore, the terminal device 100 displays the content C20 in a complicated manner as if the content C22 is hidden by the display area of the web page C10 and the content C21 hidden by the display area of the web page C10 is displayed. Since it can do, the appeal effect of the information which concerns on the content C20 can be improved.

  In addition, when an operation for scrolling the web page C10 in the direction in which the content C22 is arranged, that is, an upward scroll operation is performed, the terminal device 100 decreases the screen occupancy of the content C21 and the screen occupancy of the content C22. Increase. As a result, the terminal device 100 generates a trap between the user's operation and the direction in which the display area of the web page C10 is moved, so that the user can be interested in the content C20.

  Further, the terminal device 100 changes the screen occupancy of the content C21 and the screen occupancy of the content C22 while keeping the screen occupancy of the web page C10 constant according to the scroll operation of the web page C10. For this reason, since the terminal device 100 can prevent the display area of the web page C10 from being narrowed, the impression of the content C20 can be prevented from deteriorating.

  In addition, the terminal device 100 changes the screen occupation ratio of the content C21 and the screen occupation ratio of the content C22 while keeping the scale of the content C21 and the scale of the content C22 constant. For this reason, since the terminal device 100 can give an illusion that one content is arranged on the back of the web page C10, the terminal device 100 can generate interest in the content C20.

  In addition, the terminal device 100 changes the screen occupancy of the content C21 by changing the size of the displayed area of the content C21, and changes the size of the displayed area of the content C22. Then, the screen occupation ratio of the content C22 is changed. For this reason, the terminal device 100 can improve the appeal effect of the information concerning the content C20.

  Moreover, the terminal device 100 displays the content regarding the same information as the content C21 and the content C22. Further, the terminal device 100 displays content that can be changed to a predetermined content when selected by the user as the content C21 or the content C22. For this reason, the terminal device 100 can improve the appeal effect of the information concerning the content C20.

  In addition, the terminal device 100 arranges the content C21 and the content C22 at positions on the screen, and arranges and displays the web page C10 between the content C21 and the content C22. Specifically, the terminal device 100 arranges and displays the content C21 at a position where the upper end touches the upper end of the screen, and places the content C22 at a position where the lower end touches the lower end of the screen. Further, the terminal device 100 displays the web page C10 over the content C21 and the content C22, and moves the position of the area for displaying the web page C10 according to the scroll operation of the web page C10, thereby occupying the screen of the content C21. The rate and the screen occupation rate of the content C22 are changed.

  For this reason, the terminal device 100 is configured such that a part of the content C20 is hidden by the display area of the web page C10, and the hidden area is displayed by moving the display area according to the scroll operation. Aspects can be realized. As a result, the terminal device 100 can improve the appeal effect of the information related to the content C20.

  As described above, some of the embodiments of the present application have been described in detail based on the drawings. 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 150 Control unit 151 Request unit 152 Operation control unit 153 Display control unit 154 Arrangement unit 155 Display unit 156 Area control unit

Claims (18)

A display unit for displaying the first content, the second content, and the third content on the screen;
According to the scroll operation of the first content, the screen occupancy of the second content and the third content are maintained while maintaining the sum of the screen occupancy of the second content and the screen occupancy of the third content within a predetermined range. An information display device comprising: a display control unit that changes a screen occupancy ratio of content. When the operation of scrolling the first content in the direction in which the second content is arranged is performed, the display control unit decreases the screen occupancy rate of the second content and occupies the screen of the third content. The information display device according to claim 1, wherein the rate is increased. The display control unit fixes the screen content ratio of the second content when the screen content ratio of the second content is smaller than a predetermined threshold as a result of reducing the screen content ratio of the second content. The information display device according to claim 2, wherein: When the screen content ratio of the second content is fixed, the display control unit is configured to display an area in which the first content is displayed according to an operation of scrolling the first content in a direction in which the second content is arranged. The information display device according to claim 3, wherein the first content is scrolled without changing the position. The information display device according to claim 3, wherein the display control unit fixes a screen occupancy of the second content and also fixes a screen occupancy of the third content. When an operation of scrolling the first content in the direction in which the third content is arranged is performed, the display control unit decreases the screen occupancy rate of the third content and occupies the screen of the second content. The information display device according to claim 1, wherein the rate is increased. When an operation for scrolling the first content in the direction in which the third content is arranged is performed, the display control unit decreases the screen occupancy rate of the second content and occupies the screen of the third content. The information display device according to claim 1, wherein the rate is increased. The display control unit changes the screen occupancy of the second content and the screen occupancy of the third content while keeping the screen occupancy of the first content constant according to the scroll operation of the first content. The information display device according to claim 1, wherein the information display device is an information display device. The display control unit changes the screen occupancy of the second content and the screen occupancy of the third content while keeping the scale of the second content and the scale of the third content constant. The information display device according to any one of claims 1 to 8. The display control unit changes a screen occupancy of the second content by changing a size of a region to be displayed in the second content, and a size of a region to be displayed in the third content. The information display device according to any one of claims 1 to 9, wherein the screen occupancy rate of the third content is changed by changing. The information display device according to any one of claims 1 to 10, wherein the display unit displays content related to the same information as the second content and the third content. The said display part displays the content which can be changed to a predetermined content, when selected by the user as said 2nd content or said 3rd content. The information display device according to one. The display unit arranges the second content and the third content in pairs on the screen, and arranges the first content between the second content and the third content. It displays. The information display apparatus as described in any one of Claims 1-12 characterized by the above-mentioned. 14. The display unit according to claim 13, wherein the display unit arranges and displays the second content at a position where the upper end touches the upper end of the screen, and places the third content at a position where the lower end touches the lower end of the screen. The information display device described. The display unit displays the first content so as to overlap the second content and the third content,
The display control unit moves the position of the area where the first content is displayed according to the scroll operation of the first content, thereby obtaining the screen occupancy rate of the second content and the screen occupancy rate of the third content. It changes. The information display apparatus as described in any one of Claims 1-14 characterized by the above-mentioned. An information display method executed by the information display device,
A display step of displaying the first content, the second content, and the third content on the screen;
According to the scroll operation of the first content, the screen occupancy of the second content and the third content are maintained while maintaining the sum of the screen occupancy of the second content and the screen occupancy of the third content within a predetermined range. A display control step of changing a screen occupancy ratio of the content. On the computer,
A display procedure for displaying the first content, the second content, and the third content on the screen;
According to the scroll operation of the first content, the screen occupancy of the second content and the third content are maintained while maintaining the sum of the screen occupancy of the second content and the screen occupancy of the third content within a predetermined range. An information display program for executing a display control procedure for changing a screen occupancy ratio of content. A distribution unit that distributes control information to a terminal device that displays predetermined content;
The control information is
A display procedure for displaying the first content, the second content, and the third content on the screen;
According to the scroll operation of the first content, the screen occupancy of the second content and the third content are maintained while maintaining the sum of the screen occupancy of the second content and the screen occupancy of the third content within a predetermined range. A distribution device that causes the terminal device to execute a display control procedure for changing a screen occupancy ratio of content.

Images