JP6096853B1 - Information display program, information display method, and information display apparatus - Google Patents

Abstract

An effect of appealing information related to content can be improved. An information display device according to the present application includes a display unit that arranges and displays a first content in a display range that is a range displayed on a screen in a predetermined display region, and a size of the display range. Accordingly, a changing unit that changes an aspect ratio of a range displayed in the display range of the first content by changing a scale of the first content while maintaining an aspect ratio of the first content. It is characterized by having. [Selection] Figure 1

Description

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

  In recent years, advertisement distribution via the Internet has been actively performed. For example, an advertisement that displays advertisement content such as still images, moving images, and text related to companies and products at a predetermined position on a web page, and displays a page provided by the advertiser when the user clicks on the advertisement content Delivery is known. As a technique related to such advertisement display, a technique has been proposed in which content that the user wants to browse, such as advertisement content, and information content such as a web page are displayed in an overlapping manner.

JP 2003-022042 A JP 2009-194491 A

  However, in the above-described conventional technology, it is not possible to improve the appeal effect of information related to the content that the user wants to browse. For example, in the above-described conventional technology, the content that the user wants to browse is merely displayed superimposed on the information content, and the user's interest in the content cannot be caused. As a result, the information appealing effect on the content can be improved. Can not.

  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.

  The information display device according to the present application includes a display unit that displays and arranges the first content in a display range that is a range displayed on the screen in a predetermined display area, and the display range according to the size of the display range. And changing the scale of the first content while maintaining the aspect ratio of the first content, thereby changing the aspect ratio of the range displayed in the display range of the first content. Features.

  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 an example of a reproduction process in which the terminal device according to the embodiment reproduces a moving image. FIG. 3 is a diagram illustrating a configuration example of a distribution system according to the embodiment. FIG. 4 is a diagram illustrating a configuration example of the advertisement distribution server according to the embodiment. FIG. 5 is a diagram illustrating an example of information stored in the advertisement database according to the embodiment. FIG. 6 is a diagram illustrating a configuration example of the content distribution server according to the embodiment. FIG. 7 is a diagram illustrating a configuration example of the terminal device according to the embodiment. FIG. 8 is a diagram illustrating an example of a mode in which the terminal device according to the embodiment displays content. FIG. 9 is a diagram illustrating a variation of the display device executed by the terminal device according to the embodiment. FIG. 10 is a diagram illustrating an example of processing when the terminal device according to the embodiment arranges and displays content at the lower end of the screen. FIG. 11 is a flowchart illustrating an example of a flow of display processing and reproduction processing executed by the terminal device according to the embodiment. FIG. 12 is a hardware configuration diagram illustrating an example of a computer that realizes the function of the advertisement distribution server.

  Hereinafter, a mode for implementing an information display device, an information display method, an information display program, and a distribution device according to the present application (hereinafter referred to as “embodiment”) will be described in detail with reference to the drawings. The information display device, the distribution device, the information display method, and the information display program according to the present application are not limited by this embodiment. In the following embodiments, the same portions are denoted by the same reference numerals, and redundant description is omitted.

[1. Example of terminal device 100]
First, an example of processing executed by the terminal device 100, which is an example of an information display device, will be described with reference to FIG. FIG. 1 is a diagram illustrating an example of a terminal device according to the embodiment. FIG. 1 illustrates an example in which the web page C10 and the content C20 are displayed on the screen of the terminal device 100 by the terminal device 100.

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

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

  A terminal device 100 illustrated in FIG. 1 is a smart device such as a smartphone or a tablet, and can communicate with an arbitrary server device via a wireless communication network such as 3G (Generation) or LTE (Long Term Evolution). It is a portable terminal device. Further, the terminal device 100 has a screen 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 screen with a finger or a stylus.

  The web page C10 is a web page on which content such as news is arranged, for example. The web page C10 may be a web page on which other contents are arranged, and is a so-called portal site in which news, weather forecast, received mail index and contents, photo viewer, and other various contents are arranged. There may be. For example, the web page C10 is a web page described in HTML (Hyper Text Markup Language), XML (Extensible Markup Language), or the like.

  The web page C10 is a content in which news, weather forecasts, received mail indexes and contents, photo viewers, and other various contents are arranged in independent tiles. It may be content that can be updated. In addition, tiles on which content related to advertisements is arranged may be inserted into the web page C10 as needed. In addition, the size of each tile arrange | positioned on the web page C10, an arrangement position, and the number of the tiles arrange | positioned may be changed automatically for every tile, and may be changed according to a user's operation. Further, the web page C10 may include an input field for inputting a search keyword, a link to another web page, and the like.

  Here, it is assumed that 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 equal to or larger than the vertical display size of the output unit 130 of the terminal device 100.

  The content C20 is content displayed together with the web page C10, for example, content related to an advertisement (hereinafter referred to as advertisement content). For example, the content C20 includes a plurality of images C21 to C25. The images C21 to C25 are frames included in the same moving image and are images of different frames. That is, each of the images C21 to C25 is a thumbnail image indicating a different reproduction position among the same moving image.

  Here, the content C20 is a content in which the images C21 to C25 are arranged in the horizontal direction of the screen in the time series of the reproduction positions. For example, the image C21 is an image of a frame displayed at 0 seconds after reproduction in the moving image C30, and the image C22 is an image of a frame displayed at 30 seconds after reproduction in the moving image C30. is there. The image C23 is an image of a frame displayed in the first minute after reproduction in the moving image C30, and the image C24 is an image of a frame displayed in the first minute 30 seconds after reproduction in the moving image C30. The image C25 is an image of a frame displayed in the second minute after the reproduction in the moving image C30. Note that the image C21 may be another image showing an outline of the moving image C30, that is, a thumbnail of the moving image C30.

  In addition, each of the images C21 to C25 is an image having a horizontal display size comparable to the horizontal width of the screen of the terminal device 100 (hereinafter simply referred to as a screen). For this reason, the content C20 in which the images C21 to C25 are arranged in the horizontal direction of the screen is content whose display size in the horizontal direction is larger than the horizontal width of the screen. The embodiment is not limited to this. For example, each of the images C21 to C25 has a horizontal display size of the content C20 as long as the horizontal display size of the content C20 is larger than the horizontal width of the screen. The image may be smaller than the horizontal width of the screen.

  As will be described later, the arrangement position and the display position of the content C20 are set by CSS (Cascading Style Sheets), Java Script (registered trademark), HTML5, and other scripts that can describe dynamic content. As a result, the display mode changes depending on the user's operation. For example, the content C20 is content that can include images, characters, graphics, symbols, moving images, and the like that are controlled to be displayed, erased, enlarged, reduced, moved, rotated, played back, paused, and the like by user operations. . Note that the content C20 may be a web page described in HTML, XML, or the like, like the web page C10.

  Here, the content related to the advertisement is not limited to a commercial or non-profit advertisement, but also recruits volunteers, public advertisements, notification to the public, a part of information related to the web page C10, and other arbitrary contents. . That is, the content C20 is not only content including so-called advertisement-related information, but also interests the user, information included in the content C20, or content related to the content C20 (for example, a landing page or a moving image) C30, etc.) can be applied to images, moving images, characters, graphics, symbols, hyperlinks, and other arbitrary contents. In other words, any content can be applied as the content C20 as long as the content is more interesting than the web page C10 for the user.

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

[2. Display processing executed by terminal device 100]
Here, in the prior art, the content that the user wants to browse is merely displayed over the information content, and the appeal effect of the information related to the content cannot be improved.

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

  Further, in order for the user to visually recognize the content C20, a technique is conceivable in which only the web page C10 is scrolled and the content C20 is continuously displayed at a predetermined position on the screen even if a scroll operation is performed. However, such a technique deteriorates the impression of the content of the user who is watching the web page C10. On the other hand, since billing for advertisement distribution is performed for browsing and selection by the user, it is desirable that the content related to the advertisement be performed in a manner that is easily noticeable to the user.

[2-1. Display processing)
Therefore, the terminal device 100 performs display processing described below. Hereinafter, a specific example of the display process executed by the terminal device 100 will be described. For example, the terminal device 100 accepts the delivery of the web page C10 and the content C20. In such a case, the terminal device 100 has a vertical display size that is the same as the vertical display size of the content C20, and a horizontal display size that is the same as the horizontal display size of the screen. A display area C11 is generated. Note that the terminal device 100 may receive a notification of the display size of the display area C11 from the advertisement distribution server 20 that distributes the content C20, and automatically sets the notification from the display size of the content C20, the screen size, and the like. May be.

  Then, the terminal device 100 generates combined content in which the display area C11 is arranged at the upper end of the web page C10, and arranges the upper end of the combined content, that is, the upper end of the display area C11 so as to be in contact with the upper end of the screen. In addition, the terminal device 100 displays the content C20 so as to overlap the display region C11 so that the left end of the content C20 is in contact with the left end of the display region C11. As a result, the terminal device 100 displays the portion where the image C21 is arranged in the content C20 and the web page C10 side by side as an initial display. More specifically, as an initial display, the terminal device 100 displays the image C21 in the upward direction on the screen and displays the web page C10 in the downward direction on the screen.

  Here, when the user is more interested in the web page C10 than the content C20, in order to browse the web page C10, a scroll operation for moving the web page C10 upward on the screen (hereinafter referred to as an up scroll operation). It is thought to do. However, if the web page C10 and the content C20 are moved upward on the screen when such an upward scroll operation is performed, information related to the content C20 is not transmitted to the user so much.

  Therefore, when the scroll operation is performed, the terminal device 100 scrolls the web page C10 and the display area C11 according to the scroll operation. As a result, the aspect ratio of the display range included in the screen in the display area C11 changes according to the scroll operation. Then, the terminal device 100 changes the scale of the content C20 while maintaining the aspect ratio of the content C20 according to the size of the display range, so that the aspect of the range displayed in the display range of the content C20 is changed. Change the ratio. More specifically, the terminal device 100 does not change the aspect ratio of the entire content C20, so that the aspect ratio of the range displayed in the screen of the content C20 matches the aspect ratio of the display range. Change the scale of C20. Also, the terminal device 100 displays the content C20 within the display range without any gap (that is, over the entire display area).

  For example, when an upward scroll operation is performed, the terminal device 100 moves the web page C10 and the display area C11 in the upward direction on the screen. As a result of this processing, the aspect ratio of the display range displayed on the screen in the display area C11 gradually becomes horizontally long according to the up scroll operation. Therefore, when an upward scroll operation is performed, the terminal device 100 keeps the left end of the content C20 in contact with the left end of the display range, and the vertical display size of the content C20 is the vertical display size of the display area. The display size is reduced without changing the aspect ratio of the entire content C20.

  When such processing is executed, the terminal device 100 gradually increases the range of the content C20 displayed on the screen while gradually reducing the display size of the entire content C20 in accordance with the up scroll operation. Become. As a result, the terminal device 100 is complicated in that the range of the content C20 displayed on the screen is gradually enlarged even though the user is trying to move the content C20 to the outside of the screen by the upward scroll operation. In such a manner, the content C20 can be displayed. As a result, since the terminal device 100 can generate awareness and interest in the content C20, it is possible to improve the appeal effect of information related to the content C20.

  Here, it is considered that a user who is interested in the content C20 by the above-described processing performs a scroll operation (hereinafter referred to as a downward scroll operation) that moves the web page C10 downward in the screen. When such a downward scroll operation is performed, the aspect ratio of the display range gradually approaches the original aspect ratio according to the downward scroll operation. Therefore, when a downward scroll operation is performed, the terminal device 100 keeps the left end of the content C20 in contact with the left end of the display range, and the vertical display size of the content C20 is the vertical display size of the display area. The display size is enlarged without changing the aspect ratio of the entire content C20.

  When such a process is executed, the terminal device 100 gradually increases the display size of the content C20 in accordance with the downward scroll operation, but gradually reduces the range of the content C20 displayed on the screen. In such a manner, the content C20 can be displayed. As a result, since the terminal device 100 can generate awareness and interest in the content C20, it is possible to improve the appeal effect of information related to the content C20.

  In addition, when the display range of the display area C11 is changed by an arbitrary operation other than the up scroll operation and the down scroll operation, the terminal device 100 is in accordance with the display size and the aspect ratio of the display area after the change. The scale of the content C20 may be changed. For example, the terminal device 100 displays the content C20 in which the images C21 to C25 are arranged in the vertical direction so as to overlap the display area C11. Then, when the display size in the horizontal direction of the range displayed in the screen in the display area C11 is narrowed by the scroll operation for moving the web page C10 and the display area C11 in the horizontal direction on the terminal device 100, The range displayed on the screen of the content C20 may be expanded by reducing the entire content C20. Further, the terminal device 100 may change the scale of the content C20 when the display area is changed by the enlargement / reduction operation.

[2-2. Regarding processing when content C20 is selected]
Here, when the user selects the content C20 by, for example, tapping the content C20, the terminal device 100 starts playing the moving image C30 corresponding to the content C20. More specifically, the terminal device 100 starts reproduction from the frame corresponding to the image tapped by the user in the moving image C30.

  For example, when the image C21 is displayed at the position on the screen tapped by the user, the terminal device 100 starts playback of the moving image C30 from the top frame, and moves to the position on the screen tapped by the user. When the image C22 is displayed, the reproduction of the moving image C30 is started from the frame displayed 30 seconds from the beginning. Further, when the image C23 is displayed at the position on the screen tapped by the user, the terminal device 100 starts playing the moving image C30 from the frame displayed in the first minute from the top, and the user When the image C24 is displayed at the position on the screen tapped, the playback of the moving image C30 is started from the frame displayed at 1 minute 30 seconds from the beginning, and the position on the screen tapped by the user When the image C25 is displayed, the reproduction of the moving image C30 is started from the frame displayed in the second minute from the top.

[2-3. Example of display processing executed by terminal device 100]
Hereinafter, an example of display processing executed by the terminal device 100 will be described with reference to FIG. In the following description, the process of changing the scale of the content C20 according to the width of the display range will be described separately for the first state to the sixth state. In the following description, it is assumed that images C21 to C25 indicating different reproduction positions in the moving image C30 are arranged side by side in the content C20.

  First, the terminal device 100 accepts the delivery of the web page C10 and the content C20. In such a case, the terminal device 100 generates combined content in which the display area C11 is arranged at the upper end of the web page C10, and arranges the upper end of the combined content so as to contact the upper end of the screen. In addition, the terminal device 100 displays the content C20 so as to overlap the display region C11 so that the left end of the content C20 is in contact with the left end of the display region C11. As a result, as an initial display, the terminal device 100 displays the area where the image C21 is arranged in the content C20 and the web page C10 side by side as shown in the first state.

  Here, when the user's finger F10 performs an upward scroll operation on the web page C10, the terminal device 100 scrolls the web page C10 and the display area C11 in the upward direction on the screen according to the upward scroll operation. When such an operation is performed, a display range that is a range displayed on the screen in the display area C11 is gradually narrowed in the vertical direction. Therefore, the terminal device 100 changes the aspect ratio of the range displayed in the display range of the content C20 according to the size of the display range.

  More specifically, the terminal device 100 displays the content C20 until the vertical display size becomes the same as the vertical display size of the display range without changing the aspect ratio of the entire content C20. Reduce the size. As a result, as shown in the second state, the terminal device 100 reduces the display size of the content C20 and expands the display range of the content C20 to the area where the image C22 is arranged. In addition, when the user's finger F10 further performs an upward scroll operation, the terminal device 100 scrolls the web page C10 and the display area C11 in the upward direction of the screen to further narrow the vertical size of the display range.

  As a result, as shown in the third state, the terminal device 100 further reduces the display size of the entire content C20, thereby expanding the display range of the content C20 to the area where the image C24 is arranged. Further, when an upward scroll operation is further performed, the terminal device 100 displays the entire content C20 by further reducing the display size of the entire content C20 as illustrated in the fourth state.

  Here, as a result of reducing the display size of the content C20, when the entire content C20 is displayed, if the further upward scroll operation is performed, the terminal device 100, as shown in the fifth state, The page C10, the display area C11, and the content C20 are moved upward on the screen. Then, when a further upward scroll operation is performed, the terminal device 100 displays the web page C10 on the entire screen as a result of moving the display area C11 and the content C20 to the outside of the screen as shown in the sixth state. .

  In addition, when the display range of the display area C11 gradually increases as a result of the scroll operation, the terminal apparatus 100 increases the display size of the content C20 without changing the aspect ratio of the content C20. Thus, the displayed range of the content C20 is gradually narrowed. For example, when the user's finger F10 performs a downward scroll operation in the sixth state of FIG. 1, the terminal device 100 displays the content C20 with a reduced display size on the screen as shown in the fifth state and the fourth state. Move gradually from the top to the bottom of the screen.

  Further, when a further downward scroll operation is performed, the terminal device 100 gradually increases the display size of the content C20 as the display range of the display area C11 increases as shown in the third state and the second state. By doing so, the range displayed within the display range of the content C20 is gradually narrowed. Then, when a further downward scroll operation is performed, the terminal device 100 displays only the range in which the image C21 is arranged in the content C20 on the screen as shown in the first state.

  As described above, the terminal device 100 changes the scale of the content C20 while maintaining the aspect ratio according to the size of the display range that is the range displayed on the screen in the display area C11. The aspect ratio of the range displayed within the display range of C20 is changed. For this reason, for example, the terminal device 100 can change the range to be displayed in the screen of the content C20 in response to the scroll operation. Therefore, as a result of generating awareness or interest in the content C20, the information related to the content C20 The appeal effect can be improved.

  In addition, the terminal device 100 displays the content C20 including the images C21 to C25 indicating different reproduction positions in the moving image C30. And the terminal device 100 changes the area | region displayed within a display range among the content C20 according to scroll operation. When such processing is executed, the terminal device 100 can gradually show the content of the moving image C30 to the user according to the scroll operation. As a result, for example, even when the user is not interested in the image C21, the terminal device 100 can display the images C22 to C25 indicating other reproduction positions in the moving image C30. The user can be interested in the moving image C30.

  Further, the terminal device 100 moves the content C20 to the outside of the screen when an upward scroll operation is performed while the entire content C20 is displayed. For this reason, the terminal device 100 can prevent the user C who is not interested in the content C20 from getting worse in the impression of the content C20 by displaying the content C20 in the screen indefinitely. As a result, the terminal device 100 can improve the appeal effect of the information related to the content C20.

  In addition, when showing from the first state to the third state, that is, when a part of the content C20 is displayed on the screen, the user's finger F10 performs a horizontal scroll operation in the display area C11. In such a case, the terminal device 100 may scroll the content C20 according to the horizontal scroll operation. By executing such processing, the terminal device 100 allows a user who is interested in the content C20 to browse a range of the content C20 that is not displayed on the screen. The appeal effect of the information regarding C20 can be improved.

[2-4. Example of playback processing executed by terminal device]
Next, an example of a reproduction process in which the terminal device 100 reproduces the moving image C30 will be described with reference to FIG. FIG. 2 is a diagram illustrating an example of a reproduction process in which the terminal device according to the embodiment reproduces a moving image. In the following description, the process of reproducing the moving image C30 corresponding to the content C20 will be described separately for the first state to the third state.

  For example, as a result of reducing the display size of the content C20 according to the up scroll operation, the terminal device 100 displays the range where the images C21 to C23 are arranged in the content C20 on the screen as shown in the first state. Here, when the user's finger F10 selects the image C22, the terminal device 100 starts the reproduction of the moving image C30 as shown in the second state. More specifically, the terminal device 100 displays the moving image C30 and a control bar C31 for controlling the reproduction of the moving image C30, and the reproduction position indicated by the selected image C22 in the moving image C30. The reproduction of the moving image C30 is started. For example, the terminal device 100 starts playback of the moving image C30 from the 30th frame from the beginning of the moving image C30.

  On the other hand, when the user's finger F10 selects the image C23, the terminal device 100 displays the moving image C30 and the control bar C31 as shown in the third state, and the selected one of the moving images C30. The reproduction of the moving image C30 is started from the reproduction position indicated by the image C23. For example, the terminal device 100 starts playback of the moving image C30 from the first frame of the moving image C30. Note that the terminal device 100 may acquire the entire moving image C30 in advance and start reproduction from the reproduction position indicated by the selected image, and after the reproduction position indicated by the selected image in the moving image C30. Data may be acquired from any server.

  As described above, the terminal device 100 starts the reproduction of the moving image C30 from the reproduction position corresponding to the image selected by the user. For this reason, since the terminal device 100 can reproduce the moving image C30 from a reproduction position in which the user is interested, it is possible to improve the appeal effect of information relating to the moving image C30.

  For example, when playback is started from the beginning of the moving image C30 when the content C20 is selected, a user who has lost interest in the first version of the moving image C30 may stop playback. However, the terminal device 100 presents the images C21 to C25 indicating the different reproduction positions of the moving image C30 to the user as the content C20, and from the reproduction position corresponding to the image selected by the user with interest. Then, the reproduction of the moving image C30 is started. For this reason, the terminal device 100 can increase the opportunity for the user to browse the moving image C30 to the end. Further, since the terminal device 100 does not perform a process of suddenly reproducing the moving image C30 when accessing the web page C10 and displays the content C20 suggesting the details of the moving image C30, the terminal device 100 prevents the impression of the moving image C30 from deteriorating. be able to.

  In the above-described example, the terminal device 100 describes an example in which the moving image C30 is reproduced from the reproduction positions (frames) indicated by the images C21 to C25 included in the content C20. However, the embodiment is limited to this. It is not something. For example, the terminal device 100 may start reproduction from a position before a predetermined number of seconds from a reproduction position indicated by the selected image, a position after a predetermined number of seconds, or the like. In other words, the terminal device 100 does not need to strictly start playback from the frame indicated by the images C21 to C25, and may start playback of the moving image C30 from the scene indicated by the images C21 to C25.

[2-5. Mode for changing scale of content C20]
In the example described above, the terminal device 100 displays the content C20 including the images C21 to C25 indicating different playback positions in the moving image C30. However, the embodiment is not limited to this. For example, the terminal device 100 may display an image whose horizontal display size is longer than the horizontal size of the screen as the content C20. For example, the terminal device 100 arranges a horizontally long image obtained by photographing a plurality of people as the content C20, and displays only a range in which a predetermined person is captured in the content C20 in the initial display. Then, the terminal device 100 reduces the display size of the entire content C20 in accordance with the up scroll operation, and expands the range of the content C20 displayed on the screen.

  When such content C20 is displayed, the terminal device 100 displays the content C20 in such a manner that the range in which the person who was hidden in the initial display of the content C20 is captured is gradually displayed according to the scroll operation. be able to. As a result, the terminal device 100 can improve the appeal effect of the information related to the content C20 as a result of generating interest and awareness of the content C20.

[2-6. About the execution subject)
Although not described above, the terminal device 100 can implement the display process and the reproduction process described above by an arbitrary method. 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 and reproduction processing in advance and executing the application at an arbitrary timing.

  In addition, the terminal device 100 accepts distribution of control information that causes the display process and the reproduction 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 shown in FIG. 1 and the reproduction process shown in FIG. 2 in accordance with 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. 3 is a diagram illustrating a configuration example of a distribution system according to the embodiment. As illustrated in FIG. 3, 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. 3 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 the content C20 and the moving image C30 to the advertisement distribution server 20 according to the operation by the advertiser. 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. To be distributed to the terminal device 100. The advertisement distribution server 20 distributes the moving image C30 to the terminal device 100 in accordance with a request from the terminal device 100.

  Here, the advertisement distribution server 20 distributes the control information for realizing the display process and the reproduction 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).

  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. 4 is a diagram illustrating a configuration example of the advertisement distribution server according to the embodiment. As illustrated in FIG. 4, 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. 5 is a diagram illustrating an example of information stored in the advertisement database according to the embodiment. In the example illustrated in FIG. 5, 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 such as the content C20 and the moving image C30. Note that FIG. 5 shows an example in which conceptual information such as “C20” to “C70” is stored in “advertising content”, but in practice, individual images that are intended to convey predetermined 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. In this display instruction, what range (for example, which image is arranged) in the content C20 in the initial display is displayed, what is the display size of the content C20 in the initial display, and what is the display size of the content C20. The information indicating whether or not to reduce is included. Further, the display instruction includes information indicating which frame of the moving image C30 is to be played back when each of the images C21 to C25 included in the content C20 is selected.

  In addition, the display instruction includes information indicating a user operation, a state of the terminal device 100, or the like that triggers the transition of the content C20 to the landing page. Note that the display instruction described above is arbitrarily set by the advertiser when the advertiser registers the advertising content, for example. When the moving image C30 is distributed from a server other than the advertisement distribution server 20 to the terminal device 100, the display instruction includes a URL for accessing the moving image C30.

  “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. 5 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 the images C21 to C25.

  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. 4, 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. 4, 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. 4, and may be another configuration as long as the information processing described later is performed. Further, the connection relationship between the processing units included in the control unit 23 is not limited to the connection relationship illustrated in FIG. 4, 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.

  Here, the submission receiving unit 25 may receive which frame of the moving image C30 is displayed as the content C20 from the advertiser. For example, the submission accepting unit 25 receives the moving image C30 and includes the first frame, the 30th frame, the 1st frame, the 1: 30th frame, the 2nd minute of the moving image C30. A designation to display the frame as the content C20 is received from the advertiser terminal 10.

  In this case, the submission accepting unit 25 extracts the first frame, the 30th frame, the 1 minute frame, the 1 minute 30 second frame, and the 2nd frame from the moving image C30, and extracts them. Content C20 including frames as images C21 to C25 is generated. Further, the submission receiving unit 25 may generate a display instruction indicating a reproduction position when each of the images C21 to C25 is selected, and register the moving image C30, the content C20, and the display instruction in the advertisement database 24.

  The submission accepting unit 25 may accept submission of the content C20 created in advance by the advertiser. The submission accepting unit 25 accepts submission of the content C20, which is a single image, and accepts a display instruction for reproducing the moving image C30 from different reproduction positions according to the position selected by the user. Also good.

  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. 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. 6 is a diagram illustrating a configuration example of the content distribution server according to the embodiment. As illustrated in FIG. 6, 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. 6, 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. Note that the internal configuration of the control unit 33 is not limited to the configuration illustrated in FIG. 6, and may be another configuration as long as the information processing described below is performed. Further, the connection relationship between the processing units included in the control unit 33 is not limited to the connection relationship illustrated in FIG. 6, 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.

  The distribution unit 35 may distribute the combined content in which the display area C11 is arranged at the upper end of the web page C10 to the terminal device 100. For example, when the content C20 is designated as the advertisement content displayed together with the web page C10, the distribution unit 35 displays the display area C11 having the same display size as the image C21 included in the content C20 at the upper end of the web page C10. It is also possible to generate combined content arranged or inserted into the terminal device 100 and distribute the generated combined content to the terminal device 100.

[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. 7 is a diagram illustrating a configuration example of the terminal device according to the embodiment. As illustrated in FIG. 7, 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. 7, 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. 7, and may be another configuration as long as information processing described later is performed. In addition, the connection relationship between the processing units included in the control unit 150 is not limited to the connection relationship illustrated in FIG. 7, 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 a display unit 154, a playback unit 155, and a change unit 156 as shown in FIG. Execute the process. The display unit 154, the playback unit 155, and the change 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 display unit 154 arranges and displays the content C20 in a display range that is a range displayed on the screen in the predetermined display area C11. For example, when the display unit 154 receives the delivery of the web page C10 and the content C20, the display unit C154 displays the display area C11 in which the vertical display size is equal to the content C20 and the horizontal display size is equal to the horizontal display size of the screen. The combined content arranged at the upper end of the page C10 is displayed. Note that the display unit 154 may display the combined content on the screen when the distribution of the combined content is accepted. As a result, the display unit 154 arranges the display area C11 at the upper end of the screen, and the web page C10 and the display area C11 with the web page C10 arranged at a position where the lower end of the display area C11 and the upper end of the web page C11 are in contact with each other. Is displayed.

  Further, the display unit 154 arranges and displays at least a part of the content C20 in the display range displayed in the screen of the display area C11. More specifically, in the initial display, the display unit 154 displays images C21 to C25 included in the content C20, that is, among the content C20 in which frames at different playback positions of the moving image C30 are arranged in the horizontal direction of the screen. The area where C21 is arranged is displayed. Further, when the user's finger F10 performs a horizontal scroll operation in the range where the content C20 is displayed on the screen, the display unit 154 changes the displayed range of the content C20 according to the operation. For example, when the user performs a scroll operation in the left direction of the screen, the display unit 154 scrolls the content C20 in the left direction of the screen, thereby moving from the area in which the image C21 is arranged to the area in which the image C22 is arranged. Then, the display range of the content C20 is changed.

  In addition, the display unit 154 scrolls the combined content according to the user's operation and changes the scale of the content C20 according to the instruction from the changing unit 156, so that the aspect ratio of the displayed range of the content C20 is displayed. To change.

  When the user selects the content C20, the playback unit 155 acquires data of the moving image C30 corresponding to the content C20, and plays back the acquired moving image C30. For example, when the user taps the display range displayed on the screen in the display area C11, the playback unit 155 selects the user among the images C21 to C25 included in the content C20 displayed in the display range. The image displayed at the position where is tapped is specified.

  Then, the playback unit 155 acquires data after the playback position indicated by the identified image from the moving image C30 from the advertisement distribution server 20, and displays and plays back the acquired moving image C30. For example, when the image displayed at the position tapped by the user is the image C21, the playback unit 155 starts playing the moving image C30 from the top frame, and is displayed at the position tapped by the user. When the image is the image C22, the reproduction of the moving image C30 is started from the frame displayed 30 seconds from the beginning.

  Note that when the moving image C30 is distributed together with the content C20, the reproducing unit 155 may start the reproduction from a reproduction position corresponding to the image selected by the user in the distributed moving image C30. Further, when the user selects the content C20, the playback unit 155 acquires all data of the moving image C30 from the advertisement distribution server 20, and starts playback from the playback position corresponding to the image selected by the user. Also good.

  The changing unit 156 changes the scale while maintaining the aspect ratio of the content C20 according to the size of the display range displayed in the screen of the display area C11, thereby displaying the content C20 within the display range. Change the aspect ratio of the range. That is, the changing unit 156 changes the size of the range displayed on the screen of the web page C10 and the size of the display area C11 based on the scroll operation of the web page C10. More specifically, the changing unit 156 changes the scale of the content C20 and the aspect ratio of the range displayed in the display range based on the scroll operation of the web page C10, and increases the size of the display range after the change. Accordingly, by changing the scale of the entire content C20, the size of the range displayed in the display area (that is, in the screen) of the content C20 is changed.

  For example, the change unit 156 specifies the display size of the display range after the change when the size of the display range displayed in the display area C11 changes as a result of the up scroll operation or the down scroll operation. . Then, the changing unit 156 changes the scale of the entire content C20 so that the vertical display size is the same as the vertical display size of the specified display range, and changes the left end of the content C20 to the left end of the display range. It arranges according to. That is, the changing unit 156 matches the aspect ratio of the range displayed in the display range in the content C20 to the aspect ratio of the display range.

  As a result of the processing described above, when the size of the display range changes as a result of the scroll operation of the web page C10, the changing unit 156 displays the scale of the entire content C20 and the content C20 according to the size after the change. The aspect ratio of the range displayed within the range will be changed. For example, when the width of the display range is narrowed as a result of the up scroll operation, the changing unit 156 reduces the display size while maintaining the aspect ratio of the entire content C20, so that the content C20 is displayed on the screen. Enlarge the range displayed in. Further, when the width of the display range is expanded as a result of the downward scroll operation, the changing unit 156 enlarges the display size while maintaining the aspect ratio of the entire content C20, so that the content C20 is displayed on the screen. Reduce the range displayed in.

  Next, an example of processing in which the terminal device 100 changes the aspect ratio of the displayed range of the content C20 according to the width of the display range will be described with reference to FIG. FIG. 8 is a diagram illustrating an example of a mode in which the terminal device according to the embodiment displays content. In the example illustrated in FIG. 8, the process of changing the aspect ratio of the display range of the content C <b> 20 according to the size of the display range displayed on the screen of the display area C <b> 11 is performed from the first state to the first state. It was described in three states.

  For example, as shown in the first state, the terminal device 100 displays the entire display area C11 in the screen (in the output unit 130) as an initial display. For this reason, the terminal device 100 arrange | positions and displays the area | region where the image C21 is arrange | positioned among the content C20 in the display area C11. More specifically, the terminal device 100 displays the same aspect ratio range as the display area C11 in the content C20 on the screen.

  Subsequently, when an upward scroll operation is performed, the terminal device 100 moves the display area C11 in the upward direction on the screen as illustrated in the second state. As a result, the display range displayed in the screen in the display area C11 becomes narrower and has a more horizontally long shape. Therefore, the terminal device 100 reduces the display size of the content C20 without changing the aspect ratio so that the vertical display size of the content C20 is the same as the vertical display size of the display range. . As a result, the terminal device 100 changes the aspect ratio of the displayed range of the content C20 to a more horizontally long aspect ratio. For example, as shown in the second state, the terminal device 100 displays the range where the image C21 and the image C22 are arranged in the content C20 on the screen.

  Further, when an upward scroll operation is further performed, the terminal device 100 further moves the display area C11 in the upward direction on the screen as shown in the third state. As a result, the display range displayed in the screen in the display area C11 becomes narrower and has a more horizontally long shape. Therefore, the terminal device 100 further reduces the display size of the content C20, thereby changing the aspect ratio of the displayed range of the content C20 to a longer horizontal aspect ratio. As a result, for example, as shown in the third state, the terminal device 100 displays the range in which the images C21 to C24 are arranged in the content C20 on the screen.

[7. Variations in display processing)
In the above, an example of display processing and reproduction processing by the terminal device 100 has been described using the display modes illustrated in FIGS. 1 and 2. However, the embodiment is not limited to this. Hereinafter, variations of display processing and reproduction processing executed by the terminal device 100 will be described. Note that the display processing described below is realized by, for example, processing performed by the display unit 154, the reproduction unit 155, and the change unit 156, but the embodiment is not limited to this.

[8-1. About scrolling of content C20]
The terminal device 100 described above may accept a scroll operation for the content C20. For example, when the scroll operation in the horizontal direction is performed in the area where the content C20 is displayed, the terminal device 100 may move the content C20 in the horizontal direction of the screen according to the scroll operation.

[8-2. About content C20]
The terminal device 100 described above displays the content C20 including the images C21 to C25 of the frames included in the moving image C30 and having different playback positions. However, the embodiment is not limited to this. For example, the terminal device 100 may display, as the content C20, a single image having a long aspect ratio in the horizontal direction, such as a panoramic photograph taken of a landscape or a plurality of people. When such an image is displayed as the content C20, the terminal device 100 displays a part of the content C20 in the initial display, reduces the display size of the content C20 according to the scroll operation, and is displayed in the content C20. The range may be expanded.

  For example, FIG. 9 is a diagram illustrating a variation of the display device executed by the terminal device according to the embodiment. In the following description, the process of displaying one panoramic image as the content C20 will be described separately for the first state to the sixth state.

  First, when receiving the delivery of the web page C10 and the content C20, the terminal device 100 displays the central range of the content C20 and the web page C10 side by side as shown in the first state as an initial display. Subsequently, when the user's finger F10 performs an upward scroll operation on the web page C10, the terminal device 100 scrolls the combined content upward on the screen. As a result, as shown in the second state, the terminal device 100 While reducing the display size, the display range of the content C20 is expanded while the center of the content C20 is aligned with the center of the display range of the display area C11. Specifically, the terminal device 100 expands the displayed range of the content C20 to a range having the same aspect ratio as the display range of the display area C11.

  Further, when an upward scroll operation is further performed, the terminal device 100 further expands the display range of the content C20 by further reducing the display size of the entire content C20 as illustrated in the third state. To do. Then, when a further upward scroll operation is performed, the terminal device 100 displays the entire content C20 within the display range by further reducing the display size of the entire content C20 as shown in the fourth state. .

  Then, when an upward scroll operation is further performed, the terminal device 100 moves the web page C10, the display area C11, and the content C20 in the upward direction on the screen as illustrated in the fifth state. Then, when a further upward scroll operation is performed, the terminal device 100 displays the web page C10 on the entire screen as a result of moving the display area C11 and the content C20 to the outside of the screen as shown in the sixth state. .

[8-3. (Contents including moving images)
Further, the terminal device 100 may display content C20 including a moving image such as a GIF moving image (Graphics Interchange Format) instead of the images C21 to C25. For example, instead of the image C22, the terminal device 100 may display the content C20 in which a GIF moving image indicating a range of about several seconds from the reproduction position indicated by the image C22 is arranged in the moving image C30. Further, the terminal device 100 may play back the GIF moving image while the scroll operation is performed or when a predetermined range of the GIF moving image is displayed on the screen.

  Further, when the user selects the content C20, the terminal device 100 may display a predetermined landing page instead of playing the moving image C30. Further, the terminal device 100 transitions to a corresponding landing page when the image C21 is selected from among the images included in the content C20, and the selected image indicates when the other images C22 to C25 are selected. A moving image may be reproduced from the reproduction position.

  In addition, when the entire content C20 is displayed by the horizontal scroll operation, the terminal device 100 may transition to a landing page corresponding to the content C20. Further, the terminal device 100 may transition to a different landing page according to the position selected by the user in the content C20. Moreover, the terminal device 100 may transition to a different landing page according to the displayed range of the content C20.

  Further, the terminal device 100 may start reproduction from a different reproduction position in the moving image C30 according to the displayed range of the content C20. For example, when the content C20 is selected when the image C21 is displayed, the terminal device 100 performs playback from the beginning of the moving image C30, and the content C20 when the image C21 and the image C22 are displayed. May be selected from the playback position indicated by the image C22 in the moving image C30.

[8-4. About movement of content C20]
In the example described above, the terminal device 100 changes the scale of the content C20 while displaying the left end of the content C20 at a position in contact with the left end of the display range. However, the embodiment is not limited to this. For example, as the display size of the content C20 is reduced, the terminal device 100 may move the display range of the content C20 so that the center position of the content C20 approaches the center position of the display range. Further, in the initial display, the terminal device 100 may display the central portion of the content C20 and expand the range displayed on the screen of the content C20 according to the up scroll operation.

[8-5. Display on the lower end of the web page C10)
In the above description, the terminal device 100 arranges the display area C11 at the upper end of the web page C10, and arranges and displays the content C20 in the display range displayed on the screen in the display area C11. That is, the terminal device 100 arranges the content C20 at the upper end of the screen, and changes the aspect ratio of the displayed range of the content C20 according to the scroll operation. However, the embodiment is not limited to this. For example, the terminal apparatus 100 may arrange and display the content C20 at the lower end of the screen, and change the aspect ratio of the displayed range of the content C20 according to the scroll operation.

  For example, FIG. 10 is a diagram illustrating an example of processing when the terminal device according to the embodiment arranges and displays content at the lower end of the screen. In the following description, display processing executed when the content C20 is arranged at the lower end of the screen will be described separately for the first state to the sixth state.

  First, the terminal device 100 accepts the delivery of the web page C10 and the content C20. In such a case, the terminal device 100 generates combined content in which the lower end of the web page C10 and the upper end of the display region C12 are in contact, that is, combined content in which the display region C12 is disposed at the lower end of the web page C10. Arrange the top edge of the content so that it touches the top edge of the screen. As a result, the terminal device 100 displays only the web page C10 in the initial display as shown in the first state.

  Here, when the user's finger F10 performs an up scroll operation on the web page C10, the terminal device 100 scrolls the web page C10 and the display area C12 in the upward direction on the screen according to the up scroll operation. As a result, as shown in the second state, the terminal device 100 continues to display only the web page C10 on the screen until the lower end of the web page C10, that is, the upper end of the display area C12 is displayed.

  Subsequently, when a part of the display area C12 is displayed on the screen as a result of the upward scroll operation, the terminal device 100 displays the content C20 in the display range that is the displayed range in the display area C12. Is displayed. More specifically, as shown in the third state, the terminal device 100 reduces the scale of the content C20 so that the horizontal display size of the content C20 is the same as the horizontal width of the screen. The content C20 is arranged and displayed in the display range. Then, when the upward scroll operation is further performed, the terminal device 100 moves the web page C10, the display area C12, and the content C20 from the screen downward direction to the screen upward direction according to the scroll operation, as shown in the fourth state. Scroll.

  Further, as shown in the fourth state, when the entire content C20 is displayed, the terminal device 100 expands the display size of the content C20 according to the expansion of the display range when an up scroll operation is performed. At the same time, the aspect ratio of the displayed area of the content C20 is changed. More specifically, as shown in the fifth state, the terminal device 100 enlarges the display size of the content C20 and narrows the area displayed in the screen. When the terminal device 100 is further scrolled upward and the entire display area C12 is displayed on the screen, as shown in the sixth state, the display size of the content C20 is further expanded, Only the area where the image C21 is arranged in the content C20 is displayed.

  Similarly to the display process illustrated in FIG. 1, the terminal device 100 performs the sixth operation when the size of the display range displayed in the screen of the display area C12 is narrowed as a result of the scrolling operation. As shown from the state to the first state, by gradually reducing the display size of the content C20, the area of the content C20 that is displayed within the display range is gradually narrowed.

  In the example illustrated in FIG. 10, the example in which the display area C12 is arranged at the lower end of the web page C10 is described, but the embodiment is not limited thereto. For example, the terminal device 100 generates combined content in which the display area C11 is arranged at the upper end of the web page C10 and the display area C12 is arranged at the lower end of the web page C10, and is displayed on the screen among the display areas C11 and C12. The content C20 may be arranged and displayed in the display range. When such a process is executed, the terminal device 100 executes the display process shown in FIG. 1 and the display process shown in FIG. 10 for the same web page C10. Further, the terminal device 100 may arrange and display different contents C20 in the display area C11 and the display area C12.

[8-6. About merged content)
The terminal device 100 described above generates and displays the combined content in which the display areas C11 and C12 are arranged at the upper end or the lower end of the web page C10. However, the embodiment is not limited to this. For example, the terminal device 100 may accept the combined content from the advertisement distribution server 20 or the content distribution server 30.

  Moreover, the terminal device 100 may arrange a display area on the left side or the right side of the web page C10. When such processing is executed, the terminal device 100 displays the content C20 at the left and right ends of the screen. The display size and the display area of the content C20 are changed according to right scroll and left scroll. Or may be changed in accordance with up scroll or down scroll.

  Moreover, the terminal device 100 may insert the display area C11 in the middle of the web page C10, and arrange | position and display the content C20 in this display area. When such processing is executed, the terminal device 100 gradually increases the display size of the content C20 as the web page C10 is scrolled up, and the display range of the content C20 is displayed as shown in FIG. After that, as shown in FIG. 1, the display range of the content C20 is expanded while gradually reducing the display size of the content C20.

[8-7. Others]
The terminal device 100 may execute the display process by appropriately combining the above-described arbitrary processes. Such an combination can be arbitrarily set by the advertiser as a display instruction when registering the advertisement content in the advertisement distribution server 20. Then, the advertisement distribution server 20 generates control information that causes the terminal device 100 to execute a combination of processes set by the advertiser, and distributes the generated control information to the terminal device 100. As a result, the terminal device 100 can combine and execute the above-described arbitrary processes according to the advertiser settings.

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

  In the example illustrated in FIG. 11, the terminal device 100 requests the content distribution server 30 to distribute the web page C10 in response to a user operation, and receives the web page C10 from the content distribution server 30 (step S101). Next, when the acquired instruction is included in the distributed web page C10, the terminal device 100 transmits a distribution request to the advertisement distribution server 20 (step S102). Next, the terminal device 100 determines whether advertisement content has been received (step S103). If the terminal device 100 determines that the advertising content is not received (step S103: No), the terminal device 100 executes step S103 again.

  Further, when the advertising content is received (step S103: Yes), the terminal device 100 arranges and displays a part of the advertising content in the display area C11 (step S104). Further, the terminal device 100 determines whether or not a scroll operation has been performed (step S105). If the scroll operation has been performed (step S105: Yes), the web page C10 and the display area C11 are determined according to the scroll operation. Are moved (step S106). Then, the terminal device 100 changes the scale of the advertisement content according to the size of the display range displayed on the screen in the display area C11 (step S107). For example, the terminal device 100 reduces or enlarges the display size of the entire content C10 so that the vertical display size of the content C10 is the same as the vertical display size of the display range, so that the content C10 Change the aspect ratio of the area displayed on the screen.

  Further, the terminal device 100 determines whether or not the advertisement content has been selected (step S108), and when the advertisement content is selected (step S108: Yes), the reproduction indicated by the image arranged at the selected position. The moving image C30 is reproduced from the position (step S109). For example, when the image C21 is selected, the terminal device 100 reproduces the moving image C30 from the top, and when the image C22 is selected, the terminal device 100 reproduces from the 30th frame of the moving image C30.

  Subsequently, 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 S110). And the terminal device 100 changes a web page (step S111), and complete | finishes a process, when changing a web page (step S110: Yes).

  On the other hand, when the terminal device 100 does not change the web page (step S110: No), the terminal device 100 executes step S105. Moreover, the terminal device 100 performs step S105 again, when scroll operation is not performed (step S105: No). If no advertising content is selected (step S108: No), the terminal device 100 skips step S109 and executes step S110.

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

[10-1. About content)
In the example described above, the example in which the terminal device 100 displays the content C20 related to the advertisement has been described. However, the embodiment is not limited to this. For example, the terminal device 100 may display the content C20 including a character string, a pattern, an image, a moving image, and the like. For example, the terminal device 100 may display only the part of the character in the initial display, and display the content C20 in such a manner that the other part of the character is displayed as the display size of the content C20 is reduced. Good. Further, the terminal device 100 may display the content C20 including a game or the like instead of the content related to the advertisement, or may display the content C20 including a so-called playable advertisement. Further, the terminal device 100 may display the content C20 including sound. Note that the character string, pattern, image, moving image, game, sound, and the like included in the content C20 are not limited to those related to the advertisement.

  Further, the content C20 is not limited to the content related to the advertisement. For example, when displaying 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. Further, the terminal device 100 may display the content C20 and execute the display process when displaying an interactive web page created by a technique such as flash or CSS when the game is executed.

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

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

  In addition, the terminal device 100 downloads an application that causes the terminal device 100 to execute the display process of the web page C10, the display process and the reproduction process described above, and executes the application to realize the process described above. May be. 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. 4 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 C10 which does not contain an acquisition command to the terminal device 100 with the content C20, when the acquisition request of a web page is received from the terminal device 100. Such an advertisement distribution server 20 may distribute the combined content including the web page C10 and the display areas C11 and C12 and the content C20 to the terminal device 100.

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

[10-4. About logs)
Here, the terminal device 100 may take a log indicating whether the content C20 is displayed or a log of the content selected by the user. Further, the terminal device 100 may take a log indicating not only the number of display times and selection times of the content C20 but also the number of times the user has selected each image C21 to C25 and the number of times each image C21 to C25 has been displayed. Good. Further, when the content C20 includes a GIF moving image or the like, the terminal device 100 may take a log indicating whether or not the GIF moving image is reproduced.

  Further, the terminal device 100 determines whether a landing page is displayed, which landing page is displayed, which range of the content C20 is displayed when the content C20 is selected, and which of the content C20 is displayed. A log indicating whether the position has been selected, which image among the images C21 to C25 has been selected, the moving image C30 has been reproduced, the moving image C30 has been reproduced from, the moving image C30 has been obtained from, and the like are collected. May be.

  For example, when the user finishes displaying the web page C10 without performing the scroll operation, the terminal device 100 logs that the content C20 is not being browsed, and the aspect ratio of the displayed range of the content C20. You may acquire the log to the effect that has not changed. On the other hand, in the terminal device 100, when the user performs an upward scroll operation from the initial screen to reduce the display size of the content C20 and the entire content C20 is displayed in the display area, the content C20 is displayed. A log to that effect may be acquired.

The log acquired by the terminal device 100 in this way is a useful log when updating the number of impressions of the content C20, updating the CTR, charging processing for displaying the content C20, and reporting the advertising effect to the advertiser. For example, when the entire content C20 is displayed but the content C20 is not selected, it is predicted 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, or when the scale of the content C20 is changed a plurality of times by such an operation, the user is interested in the content C20, It is predicted that the display mode has been changed many times.

  Therefore, a log indicating that the display mode of the content C20 has been changed, a log indicating a scroll operation from the initial screen, a log indicating whether or not the scale of the content C20 has been changed, and whether or not the content C20 has been selected. The contents of the display process and the reproduction process described above, such as a log indicating whether or not the images C21 to C25 are displayed or selected, a log indicating whether or not the moving image C30 is reproduced or a reproduction start position are shown. The log can be an index indicating the degree of recognition of the user's advertisement.

  Therefore, the advertisement distribution server 20 may update the number of impressions, change the billing amount, or the like using each acquired log. For example, the advertisement distribution server 20 may change the charge amount according to the displayed range, the display count, the selection count, the selected image, the playback position and the playback count of the moving image C30, etc., of the content C20. .

  Further, the log acquired by the terminal device 100 may be used for changing the content arranged on the landing page. For example, when the user selects the content C20, the terminal device 100 determines which range of the content C20 is displayed, how many times the scale of the content C20 has been changed, and images C21 to C25 included in the content C20. Depending on which image is selected, a landing page may be displayed. Further, the terminal device 100 may acquire the same landing page, notify the server that distributes the landing page of the content of the acquired log, and change the content to be arranged on the landing page. For example, when the image C21 is selected, the terminal device 100 displays a landing page for reproducing the moving image C30 from the top, and when the image C22 is selected, the reproduction position indicated by the image C22 in the moving image C30. You may display a landing page to play from.

[10-5. Terminal device operation record)
Further, the terminal device 100 described above transmits to the advertisement distribution server 20 a record of how much the user has operated the terminal device 100 with respect to the web page on which the content C20 according to the embodiment is arranged. Also good. Specifically, the terminal device 100 displays the content and number of scroll operations when the content C20 is arranged, the user's selection operation, the position where the user has selected the content C20, and the display of the content C20 when selected. The mode, the display position of the content C20, and the like are recorded.

  In addition, the terminal device 100 includes the number of selections of the content C20 and the images C21 to C25, the number of reloads, and a transmission operation (for example, writing to SNS, etc.) from the terminal device 100 regarding information specifying the content C20. Various operations performed on the terminal device 100 by the user 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 starts reproduction when the content C20 is distributed together with the control information and when it is not distributed, the number of scroll operations, the number of display processes, the number of reproduction processes, and the reproduction. Information obtained by comparing the reproduced playback position, the type of the displayed landing page, the type of content arranged on the landing page, and the index of the advertising effect such as CTR.

  Here, the history of operations performed on the web page C10 when the content C20 is distributed together with the control information can be an index indicating the advertising effect. That is, in the web page C10 on which the content C20 accompanied with the control information according to the embodiment is displayed, the web page (landing page) or the moving image C30 ahead of the content C20 is selected by the user selecting the content C20 itself. In addition to being displayed, the operation history itself indicating how much the user has operated on the web page C10 (that is, how much the user has changed the display mode of the screen) is the user's content. It can be said that it is an index indicating interest in C20.

  For example, the advertisement distribution server 20 performs an upward scroll operation from the initial display, the number of times the content C20 is changed, the number of times the content C20 is selected, the number of times the content C20 is displayed, and the content C20. By comparing the displayed time and the like, when displaying the content C20 accompanied by the control information according to the embodiment, the information that the content C20 intends to convey widely, that is, an index indicating how much interest in the advertisement is generated can do.

  Accordingly, the advertisement distribution server 20 transmits information related to the operation history of the terminal device 100 to the advertiser terminal 10, thereby generating a report indicating an index of the advertising effectiveness for the web page C10 on which the content C20 according to the embodiment is displayed. be able to. Note that the advertisement distribution server 20 may transmit information and a log regarding the operation history of the terminal device 100 to the advertiser terminal 10 as they are.

  Thereby, the advertisement delivery server 20 can show the advertiser the usefulness of the display mode of the content C20 with the control information according to the embodiment of 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. 7 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, for example, a computer 1000 configured as shown in FIG. Hereinafter, the advertisement distribution server 20 will be described as an example. FIG. 12 is a hardware configuration diagram illustrating an example of a computer that realizes the function of the advertisement distribution server. The computer 1000 includes a CPU 1100, RAM 1200, ROM 1300, HDD 1400, communication interface (I / F) 1500, input / output interface (I / F) 1600, and media interface (I / F) 1700.

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

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

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

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

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

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

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

[11. effect〕
As described above, the terminal device 100 arranges and displays the content C20 in the display range that is the range displayed on the screen in the predetermined display area C11. Then, the terminal device 100 changes the scale of the content C20 while maintaining the aspect ratio of the content C20 according to the size of the display range, so that the aspect ratio of the range displayed in the display range of the content C20. To change.

  As a result, the terminal device 100 does not simply move the content C20 to the outside of the screen according to the scrolling operation, but reduces the display size of the content C20 and gradually displays the hidden area of the content C20. The content C20 can be displayed in such a manner. As a result, since the terminal device 100 can generate awareness and interest in the content C20, it is possible to improve the appeal effect of information related to the content C20.

  In addition, the terminal device 100 matches the aspect ratio of the range displayed in the display range of the content C20 with the aspect ratio of the display range. In addition, the terminal device 100 changes the scale of the content C20 so that the vertical display size is the same as the vertical display size of the display range. For this reason, the terminal device 100 does not simply move the content C20 to the outside of the screen, but continues to remain on the screen until the entire content C20 is displayed while gradually reducing the content C20. Therefore, the effect of appealing information related to the content C20 can be improved.

  Further, when the display range is narrowed by the user's operation, the terminal device 100 displays the content C20 on the screen by reducing the display size while maintaining the aspect ratio of the content C20. Expand the range. For this reason, since the content C20 can be displayed in such a manner that the display size of the content C20 is reduced and the hidden area of the content C20 is gradually displayed, the effect of appealing information related to the content C20 can be obtained. Can be improved.

  Further, when the display range is widened by a user operation, the terminal device 100 displays the content C20 on the screen by enlarging the display size while maintaining the aspect ratio of the content C20. Reduce the range. For this reason, the terminal device 100 can display the content C20 in such a manner that the display size of the content C20 is enlarged and the area of the content C20 to be displayed is gradually reduced. As a result of generating awareness and interest, it is possible to improve the appeal effect of the information related to the content C20.

  In addition, the terminal device 100 changes the scale of the content C20 and the aspect ratio of the range displayed in the display range based on the scroll operation of the web page C10. For this reason, when the user scrolls the web page C10, the terminal device 100 changes the display mode of the content C20, thereby generating awareness and interest in the content C20. Can be improved.

  In addition, the terminal device 100 changes the size of the range displayed on the screen of the web page C10 and the size of the display area C11 based on the scroll operation of the web page C10. For this reason, since the terminal device 100 changes the display mode of the entire screen in accordance with the scroll operation, it is possible to improve the appeal effect of the information related to the content C20.

  Further, when the size of the display range is changed by the scroll operation of the web page C10, the terminal device 100 determines the scale of the content C20 and the range displayed in the display range according to the changed size. Change the aspect ratio. For this reason, the terminal device 100 can improve the appeal effect of the information related to the content C20 as a result of generating awareness and interest in the content C20.

  Further, the terminal device 100 arranges and displays a part of the content C20 in the display area C11 within the range displayed on the screen, and scrolls the content C20 when the scrolling operation of the content C20 is performed. Thus, the range displayed on the screen of the content C20 is changed. For this reason, the terminal device 100 can make a user's interest with respect to the content C20.

  Also, the terminal device 100 changes the scale of the content C20 and the aspect ratio of the range displayed in the display range while keeping the left end of the content C20 and the left end of the display range in contact. Therefore, the terminal device 100 can display the content C20 in such a manner that the display range of the content C20 expands in the right direction of the screen while reducing the display size of the content C20. Awareness and interest in C20 can be generated.

  In addition, when the display range is narrowed, the terminal device 100 gradually moves the center of the content C20 in the direction of the center of the display range, while reducing the scale of the content C20 and the aspect ratio of the range displayed in the display range. To change. Therefore, the terminal device 100 can display the content C20 in such a manner that the overall image of the content C20 becomes clear while reducing the display size of the content C20. Can be generated.

  Further, the terminal device 100 arranges the content C20 as a display area C11 in an area having the same display size as the horizontal width of the screen. Therefore, the terminal device 100 can display the entire content C20 with a reduced display size on the screen.

  Moreover, the terminal device 100 arrange | positions display area C11, C12 in the upper end or lower end of a screen. For this reason, the terminal device 100 can change the scale of the content C20 according to the up scroll or the down scroll operation.

  Further, the terminal device 100 displays content having a display size larger than the entire display area C11 as the content C20. For example, the terminal device 100 displays the content C20 in which a plurality of contents are arranged in the horizontal direction. Therefore, the terminal device 100 can realize an aspect in which the entire image of the content C20 becomes clear by hiding a part of the content C20 in the initial display and reducing the display size of the content C20.

  In addition, the terminal device 100 displays content C20 in which a plurality of images C21 to C25 each representing different frames of the same moving image C30 are arranged in the horizontal direction as the content C20. For this reason, since the terminal device 100 can present the contents of the moving image C30 to the user, the user can be interested in the moving image C30.

  In addition, the terminal device 100 arranges, as a plurality of images C21 to C25, images C21 to C25 that can transition to a screen that starts playback from a corresponding frame of the moving image C30 when selected by the user in the horizontal direction. Display content. For this reason, since the terminal device 100 can reproduce the moving image C30 from a reproduction position in which the user is interested, it is possible to improve the appeal effect of information relating to the moving image C30.

  Further, the terminal device 100 displays the content C20 including a moving image such as a GIF moving image as the content C20, changes the scale of the content C20, and changes the frame of the moving image such as a GIF image included in the content C20. . For this reason, the terminal device 100 can make a user's interest with respect to the content C20.

  As described above, some of the embodiments of the present application have been described in detail based on the drawings. It is possible to implement the present invention in other forms with improvements.

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

DESCRIPTION OF SYMBOLS 1 Distribution system 10 Advertiser terminal 20 Advertising distribution server 21, 31, 110 Communication part 22 Storage part 23, 33, 150 Control part 24 Advertising database 25 Submission reception part 26 Request reception part 27 Advertisement selection part 28 Distribution part 30 Content distribution Server 32 Content storage unit 34 Reception unit 35 Distribution unit 100 Terminal device 120 Input unit 130 Output unit 140 Physical sensor 151 Request unit 152 Operation control unit 153 Display control unit 154 Display unit 155 Playback unit 156 Change unit

Claims (20)

A first content having a horizontal display size larger than the display area is arranged in a display range that is a range displayed on the screen in a predetermined display area, and a second content different from the first content is arranged on the computer. A display procedure for arranging the display area and the screen in the vertical direction to display the first content and the second content;
When the width of the display range is narrowed by a scroll operation that moves the display area in the vertical direction by the user's operation , the display size of the first content is reduced while maintaining the aspect ratio of the first content. Thus , the information display program is configured to execute a changing procedure for enlarging a range displayed in the display range of the first content. The change procedure reduces the display size of the first content so that the vertical display size is the same as the vertical display size of the display range.
The information display program according to claim 1, wherein the information display program is a process. On the computer
A first content having a horizontal display size larger than the display region is arranged in a display range that is a range displayed on the screen in a predetermined display region, and a second content different from the first content is displayed. A display procedure for displaying the first content and the second content by arranging the region and the screen in the vertical direction;
When the width of the display range is expanded by a scroll operation that moves the display area in the vertical direction of the screen by the user's operation, the display size of the first content is increased while maintaining the aspect ratio of the first content. A change procedure for reducing a range displayed in the display range of the first content;
An information display program for executing The procedure for changing the vertical direction of the display size, as the same as the vertical display size of the display range, to claim 3, characterized in that the process of enlarging the display size of the first content The information display program described. The information display according to any one of claims 1 to 4 , wherein the display procedure is a process of displaying a first content in which a plurality of contents are arranged in a horizontal direction as the first content. program. The display procedure, as the first content, any one of claims 1-5, characterized in that each is a process of displaying the content obtained by arranging a plurality of images in the horizontal direction showing the different frames of the same motion picture The information display program according to any one of the above. The display procedure is a process of displaying, as the plurality of images, content in which images that can be transitioned to a screen for starting playback from a corresponding frame of the moving image are arranged in a horizontal direction when selected by a user. The information display program according to claim 6 . On the computer
A first content having a vertical display size larger than that of the display region is arranged in a display range that is a range displayed on the screen in a predetermined display region, and the second content different from the first content is displayed. A display procedure for displaying the first content and the second content by arranging the region and the screen in the horizontal direction;
When the width of the display range is narrowed by a scroll operation that moves the display area in the horizontal direction by a user operation, the display size of the first content is reduced while maintaining the aspect ratio of the first content. A changing procedure for enlarging a range displayed in the display range of the first content;
An information display program for executing On the computer
A first content having a vertical display size larger than that of the display region is arranged in a display range that is a range displayed on the screen in a predetermined display region, and the second content different from the first content is displayed. A display procedure for displaying the first content and the second content by arranging the region and the screen in the horizontal direction;
When the width of the display range is expanded by a scroll operation that moves the display area in the horizontal direction by the user's operation, the display size of the first content is increased while maintaining the aspect ratio of the first content. A change procedure for reducing a range displayed in the display range of the first content;
An information display program for executing The change procedure, based on the operation of moving the second content, Before moving the second content and the display region
Information display program according to any one of claims 1-9, characterized in that the processing. The change procedure is a process of changing the display size of the first content while gradually moving the center of the first content toward the center of the display range when the display range is narrowed. information display program according to any one of claims 1-10, wherein. The display procedure displays first content including a moving image as the first content,
The change procedure, as well as to change the display size of the first content, among the moving image included in the first content, according to claim 1 to 1 1, characterized in that the process of changing the frame to be displayed The information display program described in any one of them. An information display method executed by the information display device,
A first content having a horizontal display size larger than the display region is arranged in a display range that is a range displayed on the screen in a predetermined display region, and a second content different from the first content is displayed. A display step of arranging the region and the screen in the vertical direction to display the first content and the second content;
When the width of the display range is narrowed by a scroll operation that moves the display area in the vertical direction by the user's operation , the display size of the first content is reduced while maintaining the aspect ratio of the first content. And a changing step of enlarging a range displayed in the display range of the first content. A first content having a horizontal display size larger than the display region is arranged in a display range that is a range displayed on the screen in a predetermined display region, and a second content different from the first content is displayed. A display unit that displays the first content and the second content by arranging the region and the screen in the vertical direction ;
When the width of the display range is narrowed by a scroll operation that moves the display area in the vertical direction by the user's operation , the display size of the first content is reduced while maintaining the aspect ratio of the first content. Thus , the information display device includes: a changing unit that enlarges a range of the first content displayed in the display range. An information display method executed by the information display device,
A first content having a horizontal display size larger than the display region is arranged in a display range that is a range displayed on the screen in a predetermined display region, and a second content different from the first content is displayed. A display step of arranging the region and the screen in the vertical direction to display the first content and the second content;
When the width of the display range is expanded by a scroll operation that moves the display area in the vertical direction of the screen by the user's operation, the display size of the first content is increased while maintaining the aspect ratio of the first content. A changing step of reducing a range of the first content displayed within the display range;
An information display method comprising: A first content having a horizontal display size larger than the display region is arranged in a display range that is a range displayed on the screen in a predetermined display region, and a second content different from the first content is displayed. A display unit that displays the first content and the second content by arranging the region and the screen in the vertical direction;
When the width of the display range is expanded by a scroll operation that moves the display area in the vertical direction of the screen by the user's operation, the display size of the first content is increased while maintaining the aspect ratio of the first content. And a changing unit that reduces a range displayed in the display range of the first content.
An information display device comprising: An information display method executed by the information display device,
A first content having a vertical display size larger than that of the display region is arranged in a display range that is a range displayed on the screen in a predetermined display region, and the second content different from the first content is displayed. A display step of displaying the first content and the second content by arranging the region and the screen in the horizontal direction;
When the width of the display range is narrowed by a scroll operation that moves the display area in the horizontal direction by a user operation, the display size of the first content is reduced while maintaining the aspect ratio of the first content. A changing step of enlarging a range displayed in the display range of the first content;
An information display method comprising: A first content having a vertical display size larger than that of the display region is arranged in a display range that is a range displayed on the screen in a predetermined display region, and the second content different from the first content is displayed. A display unit that displays the first content and the second content by arranging the region and the screen in the horizontal direction;
When the width of the display range is narrowed by a scroll operation that moves the display area in the horizontal direction by a user operation, the display size of the first content is reduced while maintaining the aspect ratio of the first content. And a changing unit that expands a range displayed in the display range of the first content.
An information display device comprising: An information display method executed by the information display device,
A first content having a vertical display size larger than that of the display region is arranged in a display range that is a range displayed on the screen in a predetermined display region, and the second content different from the first content is displayed. A display step of displaying the first content and the second content by arranging the region and the screen in the horizontal direction;
When the width of the display range is expanded by a scroll operation that moves the display area in the horizontal direction by the user's operation, the display size of the first content is increased while maintaining the aspect ratio of the first content. A changing step of reducing a range of the first content displayed within the display range;
An information display method comprising: A first content having a vertical display size larger than that of the display region is arranged in a display range that is a range displayed on the screen in a predetermined display region, and the second content different from the first content is displayed. A display unit that displays the first content and the second content by arranging the region and the screen in the horizontal direction;
When the width of the display range is expanded by a scroll operation that moves the display area in the horizontal direction by the user's operation, the display size of the first content is increased while maintaining the aspect ratio of the first content. And a changing unit that reduces a range displayed in the display range of the first content.
An information display device comprising:

Images