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

Abstract

PROBLEM TO BE SOLVED: To provide an information display device that improves the appealing effect of information related to a content.SOLUTION: An information display device includes: a display unit that performs display so that a second content C21 is overlapped with a first content C10 including a predetermined display region C11; and a display control unit that controls display so that a part of a third content C22 is overlapped in a range overlapping the predetermined display region C11 of the second content C21.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 in which content related to an advertisement is arranged in an advertisement area set in a web page, and the content and the web page are scrolled in accordance with a user's scroll operation.

JP 2014-049095 A

  However, in the above-described conventional technology, it cannot be said that the effect of appealing information related to the content is necessarily high. For example, in the conventional technology, when the user continues the scroll operation without gazing at the content, the content moves to the outside of the screen according to the scroll operation, so that the appeal effect of the information related to the content cannot be exhibited.

  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 a second content superimposed on a first content including a predetermined display area, and a third content within a range overlapping the predetermined display area of the second content. And a display control unit that displays the parts in a superimposed manner.

  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 illustrating an example of setting a visible region. FIG. 8 is a diagram illustrating an example of a process in which the terminal device according to the embodiment displays different content for each display area. FIG. 9 is a flowchart illustrating an example of a flow of display processing executed by the terminal device according to the embodiment. FIG. 10 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]
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.

  The terminal device 100 illustrated in FIG. 1 is a smart device such as a smartphone or a tablet terminal, 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 that can be used. 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.

  Here, on the web page C10, a display area C11 is arranged as an area in which content related to advertisement (hereinafter referred to as advertisement content) is arranged. When receiving the delivery of the web page C10, the terminal device 100 acquires content to be displayed in the display area C11 and displays the acquired content in the display area C11.

  The content C20 is content displayed together with the web page C10, for example, content related to an advertisement. For example, the content C20 has a plurality of contents C21 and C22. The contents C21 and C22 are images having the same display size as the screen of the terminal device 100, for example. For example, the content C21 is an image having a transparent region that transmits the content arranged on the back surface. The content C22 is an image including a predetermined imaging target.

  More specifically, in the example shown in FIG. 1, the content C22 is an image in which an advertisement text is arranged together with a picture of a beer glass. On the other hand, the content C21 is an image including a silhouette of a beer glass included as a subject in the content C22. Note that the silhouette included in the content C21 is, for example, a region in which gray content is added to the content on the back and transmitted, and the portion other than the silhouette is a region that transmits the content on the back as it is. That is, the content C21 is content displayed as a shadow content of the content C22. The contents C21 and C22 may be moving images such as GIF (Graphics Interchange Format) moving images. The contents C21 and C22 may be moving images having the same display size, or may be images and moving images having different display sizes.

  As will be described later, the content C20 has a layout position and a display position set by CSS (Cascading Style Sheets), Java Script (registered trademark), HTML5, and other scripts that can describe dynamic content. This is a content whose display mode is changed by a user operation or the like. 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) As long as the information included in the information is widely notified, images, moving images, characters, figures, symbols, hyperlinks, and other arbitrary contents can be applied. In other words, any content can be applied as the content C20 as long as the content is more interesting than the web page C10 for the user.

[2. Processing executed by terminal device 100]
Here, in the conventional technology, when the user continues the scroll operation without gazing at the content, the content moves to the outside of the screen according to the scroll operation, so that the information related to the content can be promoted. There wasn't. 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.

  Therefore, a display process of increasing the number of impressions of the content C20 by arranging the content C20 within the range where the initial display is performed in the web page C10 can be considered. 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 executes the following display process. 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 displays the content C21 on the web page C10 in an overlapping manner.

  And the terminal device 100 scrolls the web page C10 according to a user's scroll operation. As a result, when the content C21 and the display area C11 overlap, the terminal device 100 displays a part of the content C22 in a range that overlaps the display area C11 in the content C21. For example, the terminal device 100 arranges the content C22 on the front surface of the content C21, and scrolls only the web page C10 according to the scroll operation. Then, the terminal device 100 displays only the range that overlaps the display area C11 in the content C22, thereby displaying an image including the subject that is the origin of the silhouette in the range that overlaps the display area C11 in the content C21.

  Here, the terminal device 100 displays the content C21 in an unselectable state. That is, the terminal device 100 does not perform screen transition even when the user taps the range in which the content C21 is displayed. On the other hand, when displaying a range that overlaps the display area C11 in the content C22, the terminal device 100 displays the range in a selectable state.

  The terminal device 100 displays the content C22 on the entire screen when the user taps the range that overlaps the display region C11 of the content C22, that is, the region of the content C22 that is displayed instead of the silhouette of the content C21. . In addition, the terminal device 100 is predetermined when the user taps on the screen while the content C22 is displayed on the entire screen, that is, when the content C22 on which the entire screen is displayed is selected by the user. Display the landing page.

  Thus, the terminal device 100 displays the content C21 including the silhouette suggesting the subject of the content C22 so as to overlap the web page C10. And the terminal device 100 scrolls the web page C10 by scroll operation, without moving the content C21 and C22. As a result, the terminal device 100 can suggest the content of the content C22 to the user, for example, by displaying a screen in which a beer glass silhouette is superimposed on the web page C10.

  Further, when the display area C11 of the web page C10 is arranged in the screen by the scroll operation, the terminal device 100 changes the range overlapping the display area C11 in the content C21 to the corresponding range of the content C22. More specifically, the terminal device 100 arranges the content C22 in an invisible state on the front surface of the content C21, and displays only the range that overlaps the display area C11 in the content C22. As a result, the terminal device 100 can display the contents C21 and C22 in such a manner that a part of the silhouette included in the content C21 changes to a photograph included in the content C22. For this reason, the terminal device 100 can improve the appeal effect of the information regarding the content C20 as a result of raising interest in the content C20.

  In addition, the terminal device 100 can display the contents C21 and C22 in a complicated manner in which a region of a silhouette that changes to a photograph dynamically moves in response to a scroll operation. For this reason, the terminal device 100 can improve the appeal effect of the information regarding the content C20 as a result of raising interest in the content C20.

[2-2. (About silhouette)
Here, in the above description, the content C21 including the silhouette of the beer glass that is the subject included in the content C22 is displayed. However, the embodiment is not limited to this. For example, the terminal device 100 may display content including a silhouette such as text included in the content C22. Further, the terminal device 100 may display the content C21 including a silhouette having a shape that is not related to the shape of the subject or text included in the content C22. For example, the terminal device 100 may display the content C21 including a silhouette having a predetermined logo shape.

  For example, the terminal device 100 may display moving images such as GIF moving images as the contents C21 and C22. For example, the terminal device 100 displays a silhouette that allows the content on the back to be displayed so as to overlap the web page C10, and the moving image that is the origin of the silhouette is displayed in a portion of the silhouette that overlaps the display area C11. It may be realized.

[2-3. (Selectable states)
In the above description, the terminal device 100 displays the content C22 in a selectable range that overlaps the display area C11. However, the embodiment is not limited to this. For example, the terminal device 100 may realize an aspect in which only a part of the content C22 is shown by displaying a range that overlaps the display area C11 in the content C22 in a state where it cannot be selected.

  In addition to the tap, the terminal device 100 may display the entire content C22 with an arbitrary operation as a trigger. For example, the terminal device 100 may display the entire content C22 when the main body of the terminal device 100 is shaken while a part of the content C22 is displayed. In addition, when a part of the content C22 is selected, the terminal device 100 may display other content on the screen instead of the entire content C22.

[2-4. (About initial display)
Here, when the terminal device 100 performs the initial display for displaying the web page C10 for the first time, if the display area C11 is included in the display target range, a part of the content C21 in the initial display is displayed as the content C22. The display is changed to. However, when such a display is performed, the user predicts a display mode in which the content C21 suggests the existence of the content C22, and then a part of the content C21 dynamically changes to the content C22. Therefore, there is a possibility that interest in the content C20 may be diminished.

  Therefore, the terminal device 100 may display the web page C10 that does not include the display area C11 in the range to be initially displayed. For example, when receiving the delivery of the web page C10, the terminal device 100 shifts the position of the display area C11 downward in the screen when the display area C11 is included in the initial display target range. Thus, the display area C11 may be excluded from the range to be initially displayed. Note that such processing can be easily realized by changing the order of tiles when the contents are arranged in tiles on the web page C10.

[2-5. 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 contents C21 and C22, and the display area of each of the contents C21 and C22. You may implement | achieve by not displaying the range where the web page C10 overlapped among the content C21, but displaying the range where the web page C10 overlapped among the content C22.

  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 and displays the content C21 on the front layer of the web page C10, and fixes the display position of the content C21. That is, the terminal device 100 prevents the display position of the content C21 from fluctuating due to the scroll operation of the web page C10.

  In addition, the terminal device 100 sets an arrangement area having the same display size as the screen in a layer in front of the content C21, arranges the content C22 in the set arrangement area, and displays the content C22 in a visually recognizable state. The visible region is arranged as a parent element of the content C20. Further, the terminal device 100 arranges the visible area of the content C22 at a position overlapping the display area C11 of the web page C10, and enables the visible area to move according to the scroll operation of the web page C10. That is, the terminal device 100 sets the position of the visible region of the content C22 as an element that is moved according to the scroll operation on the web page C10.

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

  Here, according to the setting described above, the visible area of the content C22 is scrolled together with the display area C11 of the web page C10. Therefore, the terminal device 100 displays only the range that overlaps the display area C11 in the content C22. Furthermore, the content C22 is arranged in a layer in front of the layer in which the content C21 is arranged. As a result, the terminal device 100 displays the range of the content C21 that overlaps the display area C11 and the range of the content C22 that overlaps the display area C11. Therefore, the terminal device 100 can display the content C20 in such a manner that the range of the content C21 that overlaps the display area C11 changes to the corresponding range of the content C22.

  Further, when the display device C11 is moved up and down in response to the scroll operation, the terminal device 100 changes the displayed region of the content C22 as the display region C11 moves. For this reason, for example, the terminal device 100 changes a part of the content C21 to the content C22 and the range changed to the content C22 even though the contents C21 and C22 do not move in response to the scroll operation. The content C20 can be displayed in a complicated manner such as moving in accordance with the content.

  In addition, when the user taps the displayed range of the content C22, the terminal device 100 may display the same content as the content C22 in the foreground layer, and display the content C22. The area may be expanded to the entire screen. In addition to the setting described above, the terminal device 100 may realize the above-described processing by, for example, embedding the content C22 in the visible region. When the terminal device 100 realizes the display process described above by setting the arrangement area and the visible area of the content C22, a part of the content C22 is set by setting a link or the like for the visible area. It can be displayed in a selectable manner.

[2-6. 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 a display mode in which a part of the silhouette included in the content C21 changes to the content C22 when the display area C11 of the web page C10 is moved upward in the screen according to the upward scroll operation. The description will be divided into a first state to a sixth state.

  First, the terminal device 100 accepts the delivery of the web page C10 and the content C20. In such a case, as an initial display, the terminal device 100 arranges the web page C10 so that the upper end is in contact with the upper end of the screen, and arranges and displays the content C21 on the front surface of the web page C10. As a result, as shown in the first state, the terminal device 100 displays a screen in such a manner that the web page C10 is displayed via the transparent region of the content C21 and the translucent silhouette. Note that the terminal device 100 sets the arrangement area of the content C22 in front of the content C21 and sets the visible area of the content C22 at a position overlapping the display area C11 of the web page C10.

  Here, when the user's finger F10 performs an upward scroll operation, the terminal device 100 scrolls the web page C10 in the upward direction on the screen. Then, when a part of the content C21 overlaps the display area C11 as a result of the upward scroll operation, the terminal device 100 places the content in the range overlapping the display area C11 in the content C21 as shown in the second state. A range of C22 that overlaps the display area C11 is displayed. That is, the terminal device 100 displays a range in which the arrangement area and the visible area overlap in the content C22.

  Further, when an upward scroll operation is further performed, the terminal device 100 scrolls the web page C10 in the upward direction of the screen as shown in the third state, and the content C21 in accordance with the movement of the display area C11. The range in which the content C22 is displayed is moved upward in the screen. Further, when an upward scroll operation is further performed, the terminal device 100 further scrolls the range in which the content C22 is displayed in the content C21 in the upward direction on the screen, as shown in the fourth state.

  When the user performs a downward scroll operation in the fourth state, the terminal device 100 scrolls the web page C10 in the lower direction of the screen and moves the display area C11 as shown in the third state. Accordingly, the range in which the content C22 is displayed in the content C21 is moved downward in the screen. Similarly, as shown from the third state to the second state and from the second state to the first state, the terminal device 100 sets the range in which the content C22 is displayed in the content C21 in the screen downward direction in response to the downward scroll operation. Move to. Further, in the fourth state, when the user performs an up scroll operation in the fourth state, the terminal device 100 moves the range in which the content C22 is displayed out of the content C21 to the outside of the screen, and the web page C10, the content C21, Displays a screen with multiple layers.

  Here, the terminal device 100 displays the content C22 in a selectable state in the second state to the fourth state. When the user's finger F10 taps the content C22 as shown in the fourth state, the terminal device 100 displays the content C22 on the entire screen as shown in the fifth state. Further, as shown in the fifth state, when the content C22 is displayed on the entire screen as shown in the fifth state, the terminal device 100, when the user's finger F10 taps the content C22, as shown in the sixth state, A predetermined landing page L01 is displayed.

  Thus, the terminal device 100 displays the content C21 including the silhouette suggesting the subject of the content C22 so as to overlap the web page C10. Then, when the display area C11 of the web page C10 is arranged in the screen by the scroll operation, the terminal device 100 has a range that overlaps the display area C11 in the content C21 and a range that overlaps the display area C11 in the content C22. Are displayed in layers.

  As a result, the terminal device 100 can display the contents C21 and C22 in such a manner that a part of the silhouette included in the content C21 changes to a photograph included in the content C22. For this reason, the terminal device 100 can improve the appeal effect of the information regarding the content C20 as a result of raising interest in the content C20.

[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. Such a display instruction may include a set value such as a ratio (that is, transparency) for transmitting the content on the back when the content C21 is displayed. Further, the display instruction may include where to place the contents C21 and C22 on the screen, a set value of the size of the visible area of the contents C22, and the like. For example, the number of pixels such as “100 to 200 pixels” is registered in the advertisement database 24 as the arrangement position of the contents C21 and C22 and the size of the visible area of the contents C22 with reference to the upper end of the web page C10.

  In addition, the display instruction includes information indicating a user operation that triggers the transition of the content C20 to the landing page, the state of the terminal device 100, the URL (Uniform Resource Locator) of the landing page, and the like. . 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 submission accepting unit 25 may accept, as the content C21, content including a silhouette created by the advertiser from the content C22, or only the content C22 from the advertiser, and the silhouette of the subject included in the received content C22. May be automatically created, and the content C21 including the created silhouette may be registered in the advertisement database 24 together with the content C22.

  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 C22. 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, when receiving the delivery of the web page C10 and the content C20, 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 content C21 in a layer in front of the web page C10. In addition, the arrangement unit 154 sets the arrangement area of the content C22 in a layer in front of the layer where the content C21 is arranged, and sets the visible area of the content C22 at a position overlapping the display area C11 of the web page C10. The arrangement unit 154 sets the web page C10 and the visible area of the content C22 as elements that can be moved with respect to the scroll operation, and the arrangement areas of the content C21 and the content C22 are elements that do not move with respect to the scroll operation. To do.

  The display unit 155 displays the content C21 so as to overlap the web page C10 having the display area C11. Further, the display unit 155 displays only the range in which the arrangement area and the visible area overlap in the content C22. Then, the display unit 155 scrolls only the web page C10 without scrolling the contents C21 and C22 according to the scroll operation of the user.

  For example, the display unit 155 displays the content C21 that includes the silhouette of the image included in the content C22 and transmits the web page C10 disposed on the back surface so as to overlap the web page C10. When the display area C11 exists in the screen, the display unit 155 displays a part of the content C22 in which the arrangement area and the visible area overlap, that is, the content C22 arranged in front of the content C21. A range overlapping with the area C11 is displayed.

  The display unit 155 displays the content C21 in a superimposed manner on the front surface of the web page C10, but displays the content C21 in an unselectable state, and the links, images, etc. included in the web page C10 When C21 is displayed in an overlapping manner, it is displayed in a selectable state. In addition, the display unit 155 makes it impossible to select a portion that is not displayed in the content C22, and displays a portion that is displayed in a selectable state.

  Here, the area control unit 156, which will be described later, changes the position of the visible area of the content C22 according to the scroll operation. As a result, the display unit 155 scrolls the web page C10 according to the scroll operation, and changes the displayed range of the content C22 according to the position of the visible region after the change. That is, the display unit 155 moves a range to be changed to a part of the content C22 in the content C21 according to the scroll operation. The display unit 155 displays the entire content C22 when the content C22 is tapped, and corresponds to the content C20 when the user taps the content C22 while the entire content C22 is displayed. The landing page L01 to be displayed is displayed.

  The area control unit 156 moves the visible area of the content C22 arranged so as to overlap the display area C11 according to the scroll operation of the web page C10. As a result, the region control unit 156 overlaps the display unit 155 with a range where the arrangement region and the visible region of the content C22 overlap, that is, a range where the display region C11 of the content C22 overlaps with the display region C11 of the content C21. It can be displayed overlaid on the range. In addition, when the user selects a displayed range of the content C22, the region control unit 156 extends the visible region of the content C22 to the entire screen and fixes the position. As a result, the area control unit 156 can display the entire content C22 on the entire screen.

[7. Example of setting visible region)
Here, FIG. 7 is a diagram for explaining an example of setting the visible region. In the example illustrated in FIG. 7, the screen range of the output unit 130 is displayed as the screen 130. In the example illustrated in FIG. 7, the example in which the content C22 is embedded in the visible region C22a is described. For example, as illustrated in FIG. 7A, the terminal device 100 arranges the content C21 in a layer in front of the web page C10, and arranges the visible region C22a of the content C22 in a layer in front of the content C21. . Further, as illustrated in FIG. 7B, the terminal device 100 arranges a visible area C11a having the same display size as the display area C11 so as to overlap the display area C11.

  When such setting is performed, the terminal device 100 changes the displayed range of the content C22 according to the scroll operation, as illustrated in FIG. 7C. For example, when a scroll operation is performed, the terminal device 100 scrolls the web page C10 and the visible region C22a without scrolling the contents C21 and C22 as illustrated in FIG.

  As a result, as shown in FIG. 7E, the terminal device 100 moves the area of the content C22 that overlaps the visible area C22a, that is, the displayed range of the content C22. Further, as shown in FIG. 7C, since the content C22 is arranged and displayed on a layer in front of the content C21, the terminal device 100 is in a range overlapping the display area C11 in the content C21. In the content C22, the range that overlaps the display area C11 is displayed in an overlapping manner.

[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. (About multiple contents)
In the embodiment described above, the terminal device 100 displays the content C21 including the silhouette of the content C22, and displays a part of the content C21 replaced with a part of the content C22. However, the embodiment is not limited to this. For example, the terminal device 100 displays the web page C10 having the display area C11 and the display area C12, displays the content C22 in a range that overlaps the display area C11 in the content C21, and overlaps the display area C12 in the content C21. A content different from the content C22 may be displayed in the range. That is, the terminal device 100 may display different contents in a range where the display area C11 overlaps in the content C21 and in a range where the display area C12 overlaps in the content C21.

  For example, FIG. 8 is a diagram illustrating an example of a process in which the terminal device according to the embodiment displays different content for each display area. In the following description, an example of display processing for displaying different contents in the range in which the display area C11 overlaps in the content C21 and the range in which the display area C12 overlaps in the content C21 will be referred to as the first state to the sixth state. Separately described.

  For example, in the example illustrated in FIG. 8, the terminal device 100 receives a web page C10 in which a plurality of display areas C11 and C12 are arranged. Further, the terminal device 100 accepts distribution of the content C30 including the three contents C31 to C33. Here, the content C31 is content including a silhouette of a person included as a subject in the content C32 and C33, and is content that allows the content on the back side to be transmitted in the same manner as the content C21.

  In addition, the content C32 is content in which, for example, a person wearing white summer clothes is a subject. In addition, the content C33 is a content in which a person wearing winter clothes is a subject. Note that the persons included in the contents C32 and C33 as subjects may be the same person or different persons. Further, the subjects of the contents C32 and C33 may have the same pose or different poses. That is, the contents C32 and C33 may or may not include the same or similar silhouette.

  When the delivery of the web page C10 and the content C30 is accepted, the terminal device 100 displays the content C31 so as to overlap the web page C10 as shown in the first state. Further, the terminal device 100 sets the arrangement area of the content C32 and the arrangement area of the content C33, sets the visible area of the content C32 at a position overlapping the display area C11, and sets the visible area of the content C33 at a position overlapping the display area C12. Set the visible area.

  As a result, the terminal device 100 executes the following display process. First, when an upward scroll operation is performed in the first state, the terminal device 100, in the content C31, overlaps the display region C11 in the content C31 and the display region C11 in the content C32, as shown in the second state. The overlapping area is displayed in an overlapping manner. Further, when an upward scroll operation is further performed, the terminal device 100 scrolls the web page C10 in the upward direction of the screen as shown in the third state, and the content C31 in accordance with the movement of the display area C11. The range in which the content C32 is displayed is moved upward in the screen.

  Subsequently, when the scroll operation is further performed and the display region C12 overlaps the content C31, the terminal device 100 includes the content C33 within the range of the content C31 that overlaps the display region C12 as shown in the fourth state. Among these, the range overlapping the display area C12 is displayed in an overlapping manner. Further, when an upward scroll operation is further performed, the terminal device 100 scrolls the web page C10 in the upward direction of the screen as shown in the fifth state, and the content C31 in accordance with the movement of the display area C12. The range in which the content C33 is displayed is moved upward in the screen.

  Here, the terminal device 100 displays the content C32 and the content C33 in a selectable manner. When the user selects the content C33 as shown in the fifth state, the terminal device 100 displays the content C33 on the entire screen as shown in the sixth state. Then, when the user selects the content C33 while the entire content C33 is displayed, the terminal device 100 displays a landing page corresponding to the content C33.

  Note that the terminal device 100 displays the content C32 on the entire screen when the user selects the content C32 in the second state and the third state. Then, when the user selects the content C32 while the entire content C32 is displayed, the terminal device 100 displays a landing page corresponding to the content C32. Here, the landing page corresponding to the content C32 and the landing page corresponding to the content C33 may be the same landing page or different landing pages.

  Thus, the terminal device 100 suggests the existence of other contents C32 and C33 to the user by displaying the contents C31 in the initial display. Then, in accordance with the scroll operation, the terminal device 100 displays a part of the content C31 replaced with the content C32, and when a further scroll operation is performed, displays a part of the content C31 replaced with the content C33. When such processing is executed, the terminal device 100 displays the content C30 in a complicated manner in which, for example, one silhouette is changed to a model wearing summer clothes or replaced with a model wearing winter clothes. can do. As a result, the terminal device 100 can improve the appeal effect of the information related to the content C30 as a result of raising interest in the content C30.

[8-2. (Erasing silhouette)
Here, the terminal device 100 described above displays the contents C21 and C31 superimposed on the web page C10. However, when the user is not interested in the contents C20 and C30 even though the contents C22 and the contents C32 and C33 are browsed, the contents C20 and C30 are displayed when the contents C21 and C31 are continuously displayed. Impression may get worse.

  Therefore, the terminal device 100 may delete the display of the content C21. For example, the terminal device 100 may display a range that overlaps a predetermined range included in the web page C10 in the content C21 and may hide other ranges. For example, similarly to the content C22, the terminal device 100 provides an arrangement area in the screen for the content C21, and in a range that overlaps the range from the upper end of the web page C10 to the upper end to the lower end of the display area. Set the visible region of.

  When such a setting is performed, for example, the terminal device 100 changes the range of the content C21 that overlaps the display area C11 to the content C22, and the content of the content C21 in the lower range of the screen than the display area C11. Cancel the display. As a result, for example, the terminal device 100 can display the content C20 in a complicated manner in which a part of the silhouette changes to a photograph with the passage of the display area C11 and the silhouette disappears after changing to the photograph. .

  Note that the terminal device 100 may cancel the display of the content C21 at an arbitrary position on the web page C10 other than the upper end and the lower end of the display area C11. Moreover, the terminal device 100 may arrange | position the upper end of the visible region of the content C21 in the middle of the web page C10. When such processing is executed, the terminal device 100 displays only the web page C10 in the initial display, and the silhouette of the content C21 is displayed from the lower screen direction to the upper screen screen in accordance with the scroll operation. The content C20 can be displayed in a complicated manner in which a part of C21 changes to the content C22.

  The terminal device 100 may display a plurality of silhouettes. For example, the terminal device 100 sets the arrangement area of the content C21 and the arrangement area of the content C31 at the same position, and the lower end of the visible area of the content C21 and the upper end of the visible area of the content C31 are within the display area C11. Place it so that it touches. And the terminal device 100 arrange | positions the visible area of the content C22 in the position which overlaps with the display area C11, and arrange | positions the visible area of the content C32 or the content C33 in the position which overlaps with the display area C12.

  When such a setting is performed, for example, the terminal device 100 displays the web page C10 and the content C21 so as to overlap each other until the display area C11 passes, and in the range of the content C21 that overlaps the display area C11. The content C22 is displayed. Further, the terminal device 100 changes the content C21 to the content C31 with the passage of the display area C11, and displays the content C32 or the content C33 in a range that overlaps the display area C12 in the content C31. Thus, since the terminal device 100 can implement display processing including switching between the contents C20 and C30 in a complicated manner, it is possible to improve the appeal effect of information related to the contents C20 and C30.

[8-3. (Change of moving image according to scroll)
In the above-described example, the terminal device 100 displays the contents C20 and C30 that are images. However, the embodiment is not limited to this. For example, the terminal device 100 displays the content C21, which is a silhouette moving image, overlaid on the web page C10, and within the range of the content C21 that overlaps the display region C11, the display region C11 of the content C22 that is a moving image. The overlapped range may be displayed. Further, the terminal device 100 may control the playback mode of the moving images included in the contents C21 and C22 according to the scroll operation. For example, the terminal device 100 may advance the frame of the moving image included in the contents C21 and C22 each time a scroll operation is performed.

[8-4. About the arrangement of the visible region)
In the example described above, the terminal device 100 arranges the visible area of the content C22 in a range that overlaps the display area C11. However, the embodiment is not limited to this. For example, the terminal device 100 can set the visible region of the content C22 to an arbitrary position regardless of the display region C11. That is, if the terminal device 100 can change a part of the content C21 displayed to be overlapped with the web page C10 to a part of the content C22, the terminal device 100 can select one of the contents C21 at any position on the web page C10. The part may be changed to the content C22.

[8-5. (About silhouette)
In the above-described example, the terminal device 100 displays the content C21 including the silhouette of the image included in the content C22. However, the embodiment is not limited to this. For example, the terminal device 100 may display the content C21 including a silhouette different from the silhouette of the image included in the content C22. Further, when the content C22 includes a plurality of subjects, the terminal device 100 may display the content C21 including only some subject silhouettes.

  Further, the terminal device 100 may change a part of the content to a part of another content in a mode other than a mode in which a part of the silhouette is changed to a photograph. For example, the terminal device 100 may display a photograph taken of the back side of the subject as the content C21 and display a photograph taken of the front side of the subject as the content C22. When such content C20 is displayed, the terminal device 100 can realize a display mode in which a part of the back side of the subject changes to a corresponding range on the front side of the subject.

  Further, for example, the terminal device 100 may display a human body photograph or illustration as the content C21 and display a human body skeleton photograph or illustration as the content C22. Further, for example, the terminal device 100 may display a silhouette, a photograph, an illustration, etc. of a person as the content C21, and may display a photograph, an illustration, etc. in which a balloon indicating the remark of the person is arranged as the content C22. Further, for example, the terminal device 100 may display monochrome content C21 and display content C22 with colors.

  Thus, the terminal device 100 can employ any content as the content C20 as long as a part of the content C21 is displayed instead of the content C22.

[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, the procedure of processing executed by the terminal device 100 that executed the control information will be described with reference to FIG. FIG. 9 is a flowchart illustrating an example of a flow of display processing executed by the terminal device according to the embodiment. In the example shown in FIG. 9, the content C21 is described as silhouette content, and the content C22 is described as advertisement content.

  In the example illustrated in FIG. 9, 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 silhouette content and advertisement content have been received (step S103). When the terminal device 100 determines that the silhouette content and the advertisement content are not received (step S103: No), the terminal device 100 executes step S103 again.

  When the terminal device 100 receives the silhouette content and the advertisement content (step S103: Yes), the terminal device 100 displays the silhouette content superimposed on the web page C10 (step S104). More specifically, the terminal device 100 arranges and displays the content C21 having a transparent area on the front surface of the web page C10. And the terminal device 100 determines whether scroll operation of the web page C10 was performed (step S105).

  Moreover, the terminal device 100 scrolls the web page C10, when scroll operation is performed (step S105: Yes) (step S106). And the terminal device 100 determines whether the display area C11 is arrange | positioned in the screen as a result of a scroll process (step S107).

  Here, when the display area C11 is arranged in the screen (step S107: Yes), the terminal device 100 has a range that overlaps the display area C11 in the silhouette content and a range that overlaps the display area C11 in the advertising content. Are superimposed and displayed (step S108). On the other hand, when the display area C11 is not arranged in the screen (step S107: No), the terminal device 100 skips the execution of 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 S105, 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 and 8. 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, and may not be displayed together with the web page C10. 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 C3 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 displays the contents C20 and C30 together with the content of SNS (Social Networking Service), the screen of the messenger application, the screen of the camera application, and any other content instead of the web page C10, and the display described above. Processing may be executed. 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, the content You may take the log which shows which range was selected when C22 was displayed. Further, when the content C20, C30 includes a GIF moving image or the like, the terminal device 100 may take a log indicating whether the GIF moving image has been reproduced or at which point in the GIF moving image is selected.

  In addition, the terminal device 100 displays whether a landing page is displayed, which landing page is displayed, which position among the contents C20 and C30 is displayed, and which of the contents C32 and C33 is selected. You may take the log which shows at which timing in the process it was selected, what kind of display process was performed.

  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 and changes a part of the content C21 to the content C22, or when the entire content C22 is displayed by the scroll operation, the terminal device 100 A log indicating that C20 is displayed may be acquired.

  The logs acquired by the terminal device 100 in this manner are useful logs for updating the number of impressions and CTR of the contents C20 and C30, charging processing for displaying the contents 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. In addition, when the up scroll operation and the down scroll operation are performed many times, when the entire content C22 is displayed on the screen, or as a result of the scroll operation, the entire content C22 is displayed through the display area C11. In some cases, the user is interested in the content C20, and it is predicted that the display mode has been changed many times.

  Therefore, a log indicating that the display mode of the contents C20 and C30 has been changed, a log indicating whether or not the display process has been executed, the number of times each of the contents C20 and C30 has been executed, and a log indicating the scroll operation from the initial screen A log indicating whether or not the contents C22, C32 and C33 are selected, a log indicating whether or not the entire contents C20 and C30 are displayed, and a log indicating the displayed range of the contents C20 and C30 are the user Can be an indicator of awareness of your 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 contents C20 and C30, the terminal device 100 displays the displayed range, whether or not display processing has been executed, which of the contents C22, C32, and C33 has been selected, and the content C22. , C32, and C33, landing pages may be displayed according to the displayed range or the like. 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 C32 is selected and when the content C33 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 has the content and number of scroll operations when the contents C20 and C30 are arranged, the user's selection operation, the position at which the user has selected the contents C20 and C30, and when the contents are selected. The display mode of the contents C20 and C30, the display position of the contents C20 and C30, and the like are recorded.

  In addition, the terminal device 100 uses the number of selections of each content C20, C30, the number of times of reloading, a transmission operation from the terminal device 100 (for example, writing to SNS, etc.) for information specifying the content C20, C30, etc. Various operations performed by the person on the terminal device 100 can also be recorded. Then, the terminal device 100 transmits information related to the operation history to the advertisement distribution server 20.

  In such a case, the advertisement distribution server 20 aggregates information related to the operation history distributed from the terminal device 100, and further acquires information obtained by analyzing the information. For example, the advertisement distribution server 20 sets the number of scroll operations, the number of times display processing has been performed, the type of landing page displayed, and the landing page when content C20 is distributed together with control information. Information such as the type of the arranged content and the advertising effectiveness index such as CTR is compared.

  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 displays the number of times the content C22 is displayed, the displayed area of the content C22, the number of times the entire content C22 is displayed, the number of times and the time that the display area C11 is arranged in the screen, the content C20, Information that the contents C20 and C30 intend to convey widely when displaying the contents C20 and C30 accompanied by the control information according to the embodiment by comparing the number of times C30 is displayed, the time that the information is displayed, and the like, that is, interest in the advertisement It is possible to provide an index indicating how much the amount of occurrence is generated.

  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〕
Further, the terminal device 100, the advertisement distribution server 20, and the content distribution server 30 according to the above-described embodiment are realized by a computer 1000 having a configuration as shown in FIG. 10, for example. Hereinafter, the advertisement distribution server 20 will be described as an example. FIG. 10 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 content C21 in an overlapping manner on the web page C10 including the predetermined display area C11. Then, the terminal device 100 displays a part of the content C22 so as to overlap the range of the content C21 that overlaps the predetermined display area C11. In this way, the terminal device 100 suggests the existence of the content C22 by displaying the content C21 over the web page C10, and changes a part of the content C21 to a part of the content C22 in response to the scroll operation. Therefore, as a result of generating the user's interest in the content C20, it is possible to improve the appeal effect of information related to the content C20.

  Further, the terminal device 100 arranges the content C22 on the content C21, and displays the range of the content C21 that overlaps the predetermined display area C11 and the range of the content C22 that overlaps the predetermined display area C11. For this reason, the terminal device 100 can easily realize a mode in which a part of the content C21 is changed to a part of the content C22 and displayed without executing complicated processing.

  In addition, the terminal device 100 displays a non-selectable content as the content C21, and displays the content C22 in a selectable state in a range overlapping the predetermined display area C11 in the content C21. As described above, since the terminal device 100 enables the selection operation for the content C20 after the content C22 is displayed, it is possible to improve the appeal effect of the division on the content C20.

  Further, the terminal device 100 scrolls the web page C10 without scrolling the content C21 and the content C22 according to the scroll operation. For this reason, the terminal device 100 can display the corresponding part of the content C22 on a part of the content C21.

  Further, the terminal device 100 displays content that transmits the content arranged on the back as the content C21. For this reason, since the terminal device 100 enables browsing of the web page C10 even when the content C21 is displayed, the presence of the content C22 is suggested to the user while minimizing the deterioration of the impression on the content C20. can do.

  Further, the terminal device 100 displays content including an image silhouette included in the content C22 as the content C21. For this reason, the terminal device 100 can suggest the existence of the content C22 to the user.

  In addition, when the user selects a displayed range of the content C22, the terminal device 100 displays the entire content C22 in an overlapping manner on the web page C10 and the content C21. Then, when the user selects the content C22 while the entire content C22 is displayed, the terminal device 100 displays predetermined content such as the landing page L01. For this reason, the terminal device 100 can improve the appeal effect of the information regarding the content C20 and the landing page C01.

  Moreover, the terminal device 100 displays the content in which the display area C11 is not arrange | positioned in the area | region displayed when starting a display as the web page C10. Therefore, the terminal device 100 only suggests the existence of the content C22 in the initial display, and displays the content C22 only after the scroll operation of the web page C10 is performed. For this reason, the terminal device 100 can improve the appeal effect of the information regarding the content C20 as a result of raising interest in the content C20.

  Further, the terminal device 100 displays the content including the display area C11 and the display area C12 as the web page C10, displays the content C32 so as to overlap the display area C11 in the content C31, and includes the content C31. The content C33 is displayed so as to overlap the display area C12. For this reason, since the terminal device 100 displays the content C30 in a complicated manner in which a part of one content C31 changes to a plurality of content C32 and C33, it is possible to improve the appeal effect of information related to the content C30. it can.

  Further, the terminal device 100 displays a range that overlaps a predetermined range included in the web page C10 in the content C21. For this reason, the terminal device 100 can prevent the impression with respect to the content C20 from deteriorating by continuing to display the content C21. Further, since the terminal device 100 can change the display from the content C21 to the content C31 according to the scroll operation, it is possible to improve the appeal effect of the information related to the content C20 and C30.

  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 151 Request unit 152 Operation control unit 153 Display control unit 154 Arrangement unit 155 Display unit 156 Area control unit

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

Claims (14)

A display unit for displaying the second content on the first content including the predetermined display area;
An information display device, comprising: a display control unit configured to display a part of the third content so as to overlap with the predetermined display area of the second content. The display unit arranges the third content so as to overlap the second content,
The display control unit causes the range that overlaps the predetermined display area of the second content to overlap the range that overlaps the predetermined display area of the third content. The information display device described. The display unit displays non-selectable content as the second content,
The information display device according to claim 1, wherein the display control unit displays the third content in a selectable state in a range overlapping the predetermined display area of the second content. The said display part scrolls the said 1st content, without scrolling the said 2nd content and the said 3rd content according to scroll operation. Any one of Claims 1-3 characterized by the above-mentioned. The information display device described in 1. The information display device according to any one of claims 1 to 4, wherein the display unit displays, as the second content, content that transmits content arranged on a back surface. The information display device according to claim 1, wherein the display unit displays content including a silhouette of an image included in the third content as the second content. When the user selects a displayed range of the third content, the display control unit causes the entire third content to be displayed over the first content and the second content. The information display device according to claim 1, wherein: The information display device according to claim 7, wherein the display unit displays a content that can be changed to a predetermined content when selected when the entire content is displayed as the third content. The said display part displays the content in which the said display area is not arrange | positioned in the area | region displayed when starting a display as said 1st content. The information display device described in one. The display unit displays content including a first display area and a second display area as the first content,
The display control unit displays the third content so as to overlap the range of the second content that overlaps the first display region, and displays the fourth content of the second content in a range that overlaps the second display region. The information display device according to claim 1, wherein the content is displayed in an overlapping manner. The information display device according to claim 1, wherein the display unit displays a range that overlaps a predetermined range included in the first content in the second content. . An information display method executed by the information display device,
A display step of displaying the second content superimposed on the first content including a predetermined display area;
A display control step of displaying a part of the third content so as to overlap with the predetermined display area of the second content. On the computer,
A display procedure for displaying the second content so as to overlap the first content including the predetermined display area;
And a display control procedure for displaying a part of the third content so as to overlap with the predetermined display area of the second 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 second content so as to overlap the first content including the predetermined display area;
A distribution apparatus that causes the terminal device to execute a display control procedure for displaying a part of the third content so as to overlap with the predetermined display area of the second content.