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

Description

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

  2. Description of the Related Art Conventionally, a technique for displaying various information on an arbitrary information display device such as a smart device such as a smartphone or a tablet PC (Personal Computer), a desktop PC, or the like is known. As an example of such a technique, a technique for generating interest in content by displaying predetermined content on a screen of an information display device and changing the display mode of the content according to a user's operation is known. It has been. For example, a technique is known in which a web page and content different from the web page are displayed on the screen, and when the user performs a scroll operation of the web page, the area for displaying the content is enlarged.

JP 2014-049095 A

  However, in the above-described conventional technology, it may not be said that the appealing power of information related to content is necessarily high. For example, in the prior art, when a scroll operation of a web page is performed, only the area for displaying the content is increased, and information related to the content is transmitted to a user who is watching the web page. There may not be.

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

  The information display device according to the present application displays a first content, a display unit that displays a part of the second content within a predetermined display area included in the first content, and a position selected by a user is displayed on the display And a change unit that changes a display area of the second content by changing the shape of the display area when the display area moves from the inside to the outside of the display area.

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

FIG. 1 is a diagram illustrating an example of a terminal device according to the embodiment. FIG. 2 is a diagram illustrating a configuration example of a distribution system according to the embodiment. FIG. 3 is a diagram illustrating a configuration example of the advertisement distribution server according to the embodiment. FIG. 4 is a diagram illustrating an example of information stored in the advertisement database according to the embodiment. FIG. 5 is a diagram illustrating a configuration example of the content distribution server according to the embodiment. FIG. 6 is a diagram illustrating a configuration example of the terminal device according to the embodiment. FIG. 7 is a diagram illustrating an example of a process in which the terminal device according to the embodiment displays a web page and content. FIG. 8 is a diagram illustrating an example of processing in which the terminal device according to the embodiment changes the shape of the advertisement area. FIG. 9 is a diagram illustrating an example of processing in which the terminal device according to the embodiment curves the shape of the advertisement area. FIG. 10 is a flowchart illustrating an example of a flow of display change processing executed by the terminal device according to the embodiment. FIG. 11 is a hardware configuration diagram illustrating an example of a computer that realizes the function of the advertisement distribution server.

  Hereinafter, a mode for carrying out an information display device, a distribution device, an information display method, and an information display program according to the present application (hereinafter referred to as “embodiment”) will be described in detail with reference to the drawings. Note that 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 processing 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 a web page C10 and content C20 are displayed by the terminal device 100.

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

  The web page C10 is a web page in which, for example, news, weather forecast, received mail index and contents, photo viewer, and other various contents are arranged, such as HTML (Hyper Text Markup Language) and XML (Extensible Markup Language). This is a web page described in. Such a web page C10 includes an input field for inputting a search keyword, links to other web pages, and the like. In the following description, it is assumed that the web page C10 is a so-called portal site web page. The web page C10 is a web page optimized for a smart device, and the horizontal display size is the same as the horizontal display size of the screen of the terminal device 100. The web page C10 is a web page whose vertical display size is longer than the vertical display size of the output unit 130 of the terminal device 100.

  Note that the web page C10 may be content in which each content is arranged in an independent tile shape and can be operated or updated for each content arranged in the tile shape. Here, the size and arrangement position of each tile arranged on the web page C10 may be automatically changed for each tile, or may be changed according to a user's operation.

  For example, on the web page C10, each news topic is displayed as a bulleted item under a display such as “New News” or “News List”. Such a news topic corresponds to an anchor text having a link to another web page. Further, for example, text and buttons in which links to web pages providing various services such as “route”, “auction”, and “shopping” are set may be arranged on the web page C10.

  The web page C10 includes an advertisement area C11 that is a predetermined display area. In the advertisement area C11, content distributed together with the web page C10 or separately from the web page C10 is displayed. For example, the advertising area C11 is set as a transparent area for displaying the content arranged on the back side. When the content C20 is arranged on the back side of the web page C10, the advertising area C11 is arranged on the back side of the advertising area C11 in the content C20. Displayed range.

  The content C20 is content displayed together with the web page C10, for example, content related to an advertisement. The content C20 is a content having a display size larger than the display size of the advertisement area C11, and is, for example, an image having the same display size as the screen of the terminal device 100.

  Here, the content C20 is not limited to the aspect shown in FIG. For example, it is assumed that the content C20 is not only an advertisement related to the promotion of products or services related to the content C20, but also recruits volunteers, public advertisements, notifications to the public, moving images, still images, and other arbitrary contents. That is, if the content C20 is interested in the user and widely informs the information included in the content or information related to other content (for example, a landing page) related to the content, characters, Graphics, symbols, hyperlinks, and any other content can be applied.

  Further, a link to a predetermined web page (so-called landing page) may be set in the content C20. That is, the content C20 may be content that can be changed to a predetermined landing page when selected by the user. For example, the terminal device 100 may display a landing page set in the content C20 when an operation by the user satisfies a predetermined condition. Specifically, the terminal device 100 displays a landing page corresponding to the content C20 when the user selects the content C20 when the content C20 is displayed on the entire screen by a display change process described later.

[2. Processing executed by terminal device 100]
Here, the conventional terminal device 100 has expanded the area | region which displays a predetermined content, when scroll operation of a web page is performed. However, such a conventional technique only increases the area for displaying the content, and information related to the content may not be transmitted to the user who is watching the web page.

  Therefore, the terminal device 100 performs the following processing. First, the terminal device 100 displays the web page C10, and displays a part of the content C20 in the advertisement area C11 included in the web page C10. Then, in the terminal device 100, when the user selects the advertisement area C11 and moves the selected position to the outside of the advertisement area C11 as it is, that is, the user pulls the advertisement area C11 (hereinafter referred to as a slide operation). If it is described, the shape of the advertising area C11 is changed, and the displayed area of the content C20 is changed.

[2-1. Example of processing executed by terminal device 100]
For example, the terminal device 100 arranges the content C20 in the screen and arranges and displays the web page C10 in front of the content C20. Moreover, the terminal device 100 performs scroll operation of the web page C10 according to a user's operation. For example, the terminal device 100 scrolls the web page C10 upward when it moves upward with the user's finger touching the screen, that is, when an upward scroll operation is performed. Further, the terminal device 100 scrolls the web page C10 downward when it moves downward with a user's finger touching the screen, that is, when a downward scroll operation is performed.

  Here, in the web page C10, an advertisement area C11 having a predetermined shape, which is an area through which the content C20 arranged on the back surface is transmitted, is arranged. Therefore, the terminal device 100 displays, in the advertisement area C11, an area that overlaps the advertisement area C11 in the content C20 arranged on the back according to the scroll operation of the user.

  Then, when a slide operation is performed, the terminal device 100 executes the following display change process. First, the terminal device 100 specifies the direction in which the slide operation is performed. For example, the terminal device 100 specifies the direction of the position selected by the user's finger on the basis of the position where the user starts the slide operation. Then, the terminal device 100 extends the advertising area C11 in the specified direction. For example, the terminal device 100 changes the shape of the advertisement area C11 by bending a side in the specified direction among the sides of the advertisement area C11 in the specified direction.

  Further, the terminal device 100 specifies the distance at which the slide operation is performed. For example, the terminal device 100 specifies the distance from the position where the user's finger starts the slide operation to the position selected by the user's finger. Then, the terminal device 100 changes the shape of the advertising area C11 according to the identified distance. For example, the terminal device 100 changes the shape of the advertising area C11 by bending a side in the specified direction among the sides of the advertising area C11 by a size corresponding to the specified distance.

  Further, when the shape of the advertisement area C11 is changed, the terminal device 100 displays, in the advertisement area C11, an area arranged on the back side of the changed advertisement area C11 in the content C20. For this reason, the terminal device 100 changes the display area of the content C20 by changing the advertisement area C11 according to the user's operation.

  In addition, when the slide operation is finished and the user's selection is released, for example, when the user's finger leaves the screen, the terminal device 100 executes the following display change process. First, the terminal device 100 changes the shape of the advertisement area C11 to a predetermined shape before the change in stages (hereinafter referred to as the original shape), and then the direction in which the shape of the advertisement area C11 is extended. The shape of the advertising area C11 is extended stepwise in the reverse direction. Subsequently, the terminal device 100 changes the shape of the advertisement area C11 to the original shape in a stepwise manner, and then extends the shape of the advertisement area C11 again in the direction in which the slide operation is performed.

  As described above, when the slide operation is finished, the terminal device 100 alternately extends the shape of the advertising region C11 in the direction in which the shape of the advertising region C11 is changed and the direction opposite to the direction. That is, the terminal device 100 vibrates the shape of the advertising area C11. Further, the terminal device 100 attenuates the size of extending the advertisement area C11 every time the shape of the advertisement area C11 is vibrated.

  For this reason, in response to the slide operation, the terminal device 100 deforms the area where the content C20 is displayed like rubber, and when the slide operation is finished, the area where the content C20 is displayed vibrates and the original is displayed. The display mode of the content C20 is changed in a complicated mode such as returning to the shape. As a result, the terminal device 100 can convey the information related to the content C20 as a result of impressing the user with the content C20.

  In addition, when the distance at which the slide operation is performed is larger than a predetermined threshold, that is, when the amount of deformation of the shape of the advertising area C11 is larger than the predetermined threshold, the terminal device 100 displays the web page C10. Erase and display the content C20 on the entire screen. In addition, when the terminal device 100 displays the content C20 on the entire screen and the user taps the content C20, the terminal device 100 displays a landing page corresponding to the content C20. As a result, the terminal device 100 can present information related to the content C20 to the user.

  Note that when the user selects a region where the web page C10 is displayed, the terminal device 100 interrupts the display change process even if the shape of the advertising region C11 is vibrated, and the shape of the advertising region C11. Return to the original shape. For this reason, since the terminal device 100 does not interfere with the user's act of browsing the web page C10, it is possible to prevent the impression of the content C20 from deteriorating.

[2-2. (Realization method of display change processing)
Note that the terminal device 100 may realize the display change process described above by an arbitrary method. For example, the terminal device 100 arranges and displays an advertisement area C11 that can be deformed according to a user's slide operation on the front surface of the web page C10, and displays the web page C10 and the advertisement area C11 according to a scroll operation. Scroll. Further, the terminal device 100 arranges the content C20 in an invisible state on the back of the web page C10, and identifies a range that overlaps the advertising area C11 in the content C20. And the terminal device 100 may arrange | position and display the specified range in the advertisement area | region C11.

  That is, when the shape of the advertisement area C11 is changed, the terminal device 100 may not make the shape of the web page C10 change, and may partially hide the web page C10 by the advertisement area C11 whose shape has been changed.

  Further, for example, the terminal device 100 may realize the display change process by drawing an image at any time using a “canvas” tag of HTML5 (Hyper Text Markup Language 5), JavaScript (registered trademark), or the like. . For example, when the advertisement area C11 is selected, the terminal device 100 includes an image in a range displayed on the screen (hereinafter referred to as an image of the web page C10) and a content C20 in the web page C10. An image in the range displayed in the advertisement area C11 (hereinafter referred to as an image of the content C20) is generated. Then, the terminal device 100 arranges the image of the content C20 in front of the image of the web page C10, and displays each image instead of the web page C10 and the content C20. In addition, the terminal device 100 fixes the display position of each image.

  In addition, each time the position selected by the user changes, the terminal device 100 virtually changes the shape of the advertising area C11 and specifies the range of the content C20 that overlaps the advertising area C11 whose shape has been changed. That is, the terminal device 100 changes the shape of the advertisement area C11 on the assumption that the advertisement area C11 that is not displayed is displayed, and specifies the range of the content C20 that overlaps the advertisement area C11 whose shape has been changed.

  And the terminal device 100 produces | generates the image of the specified range among the content C20, and displays the produced | generated image as an image of the new content C20. In addition, when the user's slide operation ends, the terminal device 100 changes the image of the content C20 each time so that the shape of the image of the content C20 vibrates and the area of the displayed content C20 changes. .

  As described above, the terminal device 100 displays the image of the web page C10 instead of the web page C10, and changes the size and shape of the displayed area according to the user's slide operation instead of the content C20. The image of the content C20 to be displayed is displayed. For this reason, for example, when the display change process is being performed, the terminal device 100 can prevent a malfunction in which a link of the web page C10 is erroneously selected and a different web page is displayed.

  Further, when the advertisement area C11 is selected, the terminal device 100 may display the image of the web page C10 and the content C20 whose display range can be changed in shape and width by a slide operation. Further, the terminal device 100 may receive the distribution of the content C20 whose shape and width of the display range can be changed by a slide operation, and may arrange the content C20 in front of the advertisement area C11 in the web page C10.

  When the user selects an area in which the image of the web page C10 is displayed, the terminal device 100 displays the web page C10 and the content C20 instead of the image of the web page C10 and the image of the content C20. To do. That is, the terminal device 100 arranges and displays the web page C10 in front of the content C20. For this reason, since the terminal device 100 does not interfere with the user's act of browsing the web page C10, it is possible to prevent the impression of the content C20 from deteriorating.

  Further, when the shape of the advertisement area C11 is changed, the terminal device 100 may change the shape of the web page C10 according to the change of the shape of the advertisement area C11.

[2-3. Example of display change processing)
Hereinafter, an example of the display change process executed by the terminal device 100 will be described with reference to FIG. In the following description, an example of the display change process executed by the terminal device 100 will be described separately for the first state to the sixth state.

  First, the terminal device 100 receives the web page C10 and the content C20 having the advertisement area C11 that is a transparent area. In such a case, the terminal device 100 arranges the content C20 on the screen and arranges and displays the web page C10 on the front surface of the content C20. Therefore, as shown in the first state in FIG. 1, the terminal device 100 displays the web page C10 and displays a range of the content C20 that is arranged on the back of the advertising area C11.

  Further, when receiving a scroll operation for scrolling the web page C10 upward from the user's finger F10, the terminal device 100 scrolls the web page C10 upward. As a result, as shown in the second state, the terminal device 100 changes the range of the content C20 displayed in the advertisement area C11 according to the movement of the advertisement area C11.

  Here, an operation description such as “pull” is displayed in an area adjacent to the advertisement area C11 in the web page C10 in order to cause the user to perform a slide operation. When the user's finger F10 selects the advertising area C11 and moves the selection position in the downward direction on the screen, that is, when a downward sliding operation is performed in accordance with the operation description, the terminal device 100 changes the display. Execute the process.

  That is, the terminal device 100 extends the shape of the advertising area C11 in the direction in which the slide operation is performed by the distance at which the slide operation is performed, and changes the displayed range of the content C20. Therefore, as shown in the third state in FIG. 1, the terminal device 100 deforms the shape of the advertisement area C11 and displays a range of the content C20 that overlaps the modified advertisement area C11.

  Here, the terminal device 100 vibrates the shape of the advertising area C11 when the user's finger F10 is separated from the screen. For example, when the user's finger F10 moves away from the screen, the terminal device 100 changes the shape of the advertising area C11 to the original shape in a stepwise manner, and thereafter, as shown in the fourth state in FIG. The shape of the region C11 is extended stepwise in a direction opposite to the direction in which the slide operation is performed. Here, when the terminal device 100 extends the shape of the advertisement area C11 stepwise in a direction opposite to the direction in which the slide operation is performed, the terminal device 100 is more predetermined than the length that is extended when the slide operation is performed. Is stretched short by the amount of.

  Subsequently, the terminal device 100 gradually changes the shape of the advertisement area C11 to the original shape, and then the direction in which the slide operation is performed on the shape of the advertisement area C11 as illustrated in the fifth state of FIG. And stretch again. At this time, the terminal device 100 extends the shape of the advertising area C11 by a predetermined amount shorter than the length in which the shape is extended stepwise in the direction opposite to the direction in which the slide operation is performed. That is, when the terminal device 100 vibrates the shape of the advertising area C11, the terminal device 100 gradually attenuates the magnitude of the vibration.

  And when the magnitude | size of the vibration of advertisement area | region C11 becomes below a predetermined threshold value, the terminal device 100 will return the shape of advertisement area | region C11 to the original shape, as shown in a 2nd state.

  Here, in the third state illustrated in FIG. 1, the terminal device 100 is configured such that, for example, the distance at which the slide operation is performed is greater than the predetermined threshold when the amount by which the advertisement area C11 is extended is greater than the predetermined threshold. In such a case, after the vibration of the advertising area C11 is attenuated as shown in the fifth state shown in FIG. 1, the content C20 is displayed on the entire screen as shown in the sixth state of FIG.

  In addition, when displaying the content C20 on the entire screen, the terminal device 100 may delete the web page C10, gradually increasing the transparency of the web page C10, and displaying the hidden content C20. Then, the content C20 may be displayed. Further, the terminal device 100 may display the content C20 on the entire screen after returning the shape of the advertisement area C11 to the original shape, and after the advertisement area C11 is vibrated a predetermined number of times, The content C20 may be displayed on the entire screen.

  In addition, for example, when an upward slide operation is performed, the terminal device 100 extends the shape of the advertisement area C11 upward, and when the slide operation ends, the terminal device 100 vibrates the shape of the advertisement area C11 up and down. Later, a display change process for returning to the original shape is performed. Further, when the user moves the finger F10 as it is without ending the slide operation, the terminal device 100 continues to change the shape of the advertising area C11 according to the movement.

[2-4. About the execution subject)
In addition, although description was abbreviate | omitted above, the terminal device 100 can implement | achieve the process mentioned above by arbitrary methods. For example, the terminal device 100 may realize the above-described processing by downloading in advance an application that causes the terminal device 100 to execute the above-described display change processing and executing the application at an arbitrary timing. In addition, the terminal device 100 accepts distribution of control information for executing the display change process described above simultaneously with the distribution of the web page C10 and the content C20. Then, the terminal device 100 performs the display change process described above according to the control information. Hereinafter, the terminal device 100 that executes the above-described display change process according to such control information will be described.

  In the following description, an example in which the content C20 related to the advertisement is distributed as an example of the content C20 will be described, but the embodiment is not limited to this. That is, the content C20 is not limited to the content related to the advertisement. Further, in the following description, content related to an advertisement, such as the content C20, is described as advertisement content.

[3. Distribution system configuration)
Hereinafter, the terminal device 100 and the like that realize the above-described display processing will be described. First, the configuration of the distribution system 1 according to the embodiment will be described with reference to FIG. FIG. 2 is a diagram illustrating a configuration example of a distribution system according to the embodiment. As shown in FIG. 2, the distribution system 1 includes a terminal device 100, an advertiser terminal 10, an advertisement distribution server 20, and a content distribution server 30. The terminal device 100, the advertiser terminal 10, the advertisement distribution server 20, and the content distribution server 30 are connected to be communicable via a network N by wire or wireless. The distribution system 1 shown in FIG. 2 may include a plurality of terminal devices 100, a plurality of advertiser terminals 10, a plurality of advertisement distribution servers 20, and a plurality of content distribution servers 30. Good.

  The terminal device 100 is an information processing device used by a user who browses a web page. For example, the terminal device 100 is a mobile phone such as a smartphone, a tablet terminal, a PDA (Personal Digital Assistant), a desktop PC (Personal Computer), a notebook PC, or the like. The terminal device 100 acquires the web page C10 from the content distribution server 30 according to the operation by the user, and displays the acquired web page C10. Moreover, when the acquisition command mentioned later is included with the web page C10, the terminal device 100 acquires the content C20 from the advertisement delivery server 20, and displays the acquired content C20 with the web page C10.

  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 as advertisement content to the advertisement distribution server 20 in accordance with an operation by the advertiser. For example, 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 as advertisement content to the advertisement distribution server 20.

  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 attribute, and the like, Is distributed to the terminal device 100. In addition, the advertisement distribution server 20 distributes control information for instructing a display mode of the advertisement content to be distributed to the terminal device 100 together with 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, which is a portal site where various related information is arranged, is distributed to the terminal device 100. The content distribution server 30 may be a server that transmits a web page in which various pieces of information are arranged in tiles and information is updated for each tile to the terminal device 100.

  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.

  The various data distributed from the content distribution server 30 to the terminal device 100 are actually HTML files and images that form web pages, moving images that are displayed superimposed on the web pages, and the like. Various data distributed from the distribution server 30 to the terminal device 100 may be referred to as web content.

[4. Configuration of advertisement distribution server]
Next, the configuration of the advertisement distribution server 20 according to the embodiment will be described with reference to FIG. FIG. 3 is a diagram illustrating a configuration example of the advertisement distribution server according to the embodiment. As illustrated in FIG. 3, the advertisement distribution server 20 includes a communication unit 21, a storage unit 22, and a control unit 23.

  The communication unit 21 is realized by, for example, a NIC (Network Interface Card). The communication unit 21 is connected to the network N by wire or wirelessly, and transmits / receives information to / from the terminal device 100, the advertiser terminal 10, and the content distribution server 30.

  The storage unit 22 is realized by, for example, a semiconductor memory element such as a RAM (Random Access Memory) or a flash memory, or a storage device such as a hard disk or an optical disk. Further, the storage unit 22 stores an advertisement database 24 that is a database in which various types of information related to advertisement content submitted from the advertiser terminal 10 is stored.

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

  The “advertiser ID” indicates identification information for identifying the advertiser or the advertiser terminal 10. “Advertising content” indicates content submitted from the advertiser terminal 10, that is, content related to an advertisement. FIG. 4 shows an example in which conceptual information such as “C20” to “C60” is stored in “advertising content”, but in reality, moving images including audio, audio and images, audio and text data, audio Arbitrary content including audio, such as game format advertisements including URL, URL where such content is located, or a file path name indicating the storage location thereof is stored.

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

  That is, FIG. 4 shows an example in which the advertiser identified by the advertiser ID “B10” submits the contents C20 to C40 as advertisement contents. 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, in the advertisement database 24, a control instruction for instructing in what display form each content is displayed is registered as the advertisement content. For example, the control instruction includes the position where the content C20 is arranged, whether or not to execute the display change process, and when performing the display change process, which range of the content C20 is arranged in the screen in the initial state, a slide operation It is assumed that information such as how long the content C20 is displayed on the entire screen, under what conditions the display change process is started, and the URL of the landing page is included.

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

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

  As shown in FIG. 3, the control unit 23 includes a submission receiving unit 25, a request receiving unit 26, an advertisement selection unit 27, and a distribution unit 28, and functions and functions of information processing described below. Realize or execute. Note that the internal configuration of the control unit 23 is not limited to the configuration illustrated in FIG. 3, and may be another configuration as long as information processing described later is performed. Further, the connection relationship between the processing units included in the control unit 23 is not limited to the connection relationship illustrated in FIG. 3, and may be another connection relationship.

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

  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 control 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 change process of the content which the extracted control instruction | indication shows. Thereafter, the distribution unit 28 distributes the generated control information and advertisement content to the terminal device 100.

[5. Configuration of Content Distribution Server 30]
Next, the configuration of the content distribution server 30 according to the embodiment will be described with reference to FIG. FIG. 5 is a diagram illustrating a configuration example of the content distribution server according to the embodiment. As shown in FIG. 5, the content distribution server 30 includes a communication unit 31, a content storage unit 32, and a control unit 33.

  The communication part 31 is implement | achieved by NIC etc., for example. The communication unit 31 is connected to the network N by wire or wirelessly and transmits / receives information to / from the terminal device 100 and the advertisement distribution server 20.

  The content storage unit 32 is realized by, for example, a semiconductor memory device such as a RAM or a flash memory, or a storage device such as a hard disk or an optical disk. And the content memory | storage part 32 memorize | stores the web page which is an example of a content. For example, the content storage unit 32 stores an HTML file that forms a web page, a still image or a moving image displayed on the web page.

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

  As illustrated in FIG. 5, the control unit 33 includes a reception unit 34 and a distribution unit 35, and realizes or executes information processing functions and operations described below. The internal configuration of the control unit 33 is not limited to the configuration illustrated in FIG. 5, and may be another configuration as long as the information processing described later is performed. In addition, the connection relationship between the processing units included in the control unit 33 is not limited to the connection relationship illustrated in FIG. 5, and may be another connection relationship.

  The accepting unit 34 accepts a web page acquisition request from the terminal device 100. For example, the reception unit 34 receives an HTTP request as a web page acquisition request.

  The distribution unit 35 distributes the web page to the terminal device 100 when the web page acquisition request is received by the reception unit 34. Specifically, the distribution unit 35 acquires the acquisition request target web page from the content storage unit 32 and distributes the acquired web page to the terminal device 100. 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 advertisement content received as a response according to the display change process.

[6. Configuration of terminal device]
Next, the configuration of the terminal device 100 according to the embodiment will be described with reference to FIG. FIG. 6 is a diagram illustrating a configuration example of the terminal device according to the embodiment. As illustrated in FIG. 6, the terminal device 100 includes a communication unit 110, an input unit 120, an output unit 130, a physical sensor 140, and a control unit 150.

  The communication unit 110 is realized by a NIC or the like, for example. The communication unit 110 is connected to the network N by wire or wireless, and transmits / receives information to / from the advertisement distribution server 20 and the content distribution server 30.

  The input unit 120 is an input device that receives various operations from the user. For example, the input unit 120 is realized by a keyboard, a mouse, an operation key, or the like. The output unit 130 is a display device for displaying various information. For example, the output unit 130 is realized by a liquid crystal display or the like. In addition, when a touch panel is employ | adopted for the terminal device 100, the input part 120 and the output part 130 are integrated.

  The physical sensor 140 is a sensor that detects the physical state of the terminal device 100. For example, the physical sensor 140 is a gyro sensor that measures the inclination of the terminal device 100 in the triaxial direction. Note that the physical sensor 140 is not limited to a gyro sensor, and an arbitrary sensor such as an acceleration sensor, a temperature sensor, a volume sensor, and a brightness sensor can be applied.

  The control unit 150 is realized, for example, by executing various programs (corresponding to an example of a display program) stored in a storage device inside the terminal device 100 using the RAM as a work area by a CPU, an MPU, or the like. For example, these various programs correspond to application programs called web browsers. The control unit 150 is realized by an integrated circuit such as an ASIC or FPGA, for example.

  As illustrated in FIG. 6, the control unit 150 includes a request unit 151, an operation control unit 152, and a display control unit 153, and realizes or executes functions and operations of information processing described below. Note that the internal configuration of the control unit 150 is not limited to the configuration illustrated in FIG. 6, and may be other configurations as long as the configuration performs information processing to be described later. Further, the connection relationship between the processing units included in the control unit 150 is not limited to the connection relationship illustrated in FIG. 6, and may be another connection relationship.

  When the request unit 151 receives the URL of the web page C10 from the operation control unit 152, the request unit 151 transmits an acquisition request for the web page C10 indicated by the received URL to the content distribution server 30. Further, the request unit 151 transmits an advertisement content acquisition request to the advertisement distribution server 20 when an acquisition command is included in the web page 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. In addition, the operation control unit 152 outputs the content of the user operation received via the input unit 120 to the display control unit 153.

  For example, when the user's finger F10 moves while touching on the screen, the operation control unit 152 specifies the position where the user's finger F10 first touched. Then, when the web page C10 is displayed at the specified position, the operation control unit 152 determines that the scroll operation of the web page C10 has been performed, and the direction in which the finger F10 has moved, that is, the scroll direction and the finger The display control unit 153 is notified of the amount of movement, that is, the amount of scrolling.

  On the other hand, the operation control unit 152 determines that the slide operation has been performed when the advertisement area C11 is displayed at the specified position, that is, when the content C20 is displayed. Then, the operation control unit 152 notifies the display control unit 153 of the direction and amount of movement of the finger F10, that is, the direction and amount of movement of the slide operation. In addition, after the slide operation, the operation control unit 152 notifies the display control unit 153 that the slide operation has ended when the user's finger F10 is released from the screen.

  In addition, when the user's finger F10 selects a screen, the operation control unit 152 notifies the display control unit 153 of the selected position. In addition, when the acquisition instruction is included in the web page C10 received by the display control unit 153, the operation control unit 152 instructs the request unit 151 to transmit an advertisement content acquisition request to the advertisement distribution server 20. .

  The display control unit 153 displays the received web page and advertisement content on the output unit 130, and executes the display change process described above. For example, the display control unit 153 operates as an arrangement unit 154, a display unit 155, and a change unit 156 as illustrated in FIG. Execute the process. The placement unit 154, the display 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 placement unit 154 places advertisement content on the back of the web page C10. For example, when receiving the web page C10 and the content C20, the arrangement unit 154 arranges the content C20 so that the display size of the content C20 matches the screen size. In addition, the arrangement unit 154 arranges the web page C10 in front of the content C20.

  The display unit 155 displays the web page C10 by arranging the content C20 on the back surface of the web page C10. Further, when receiving the content of the scroll operation from the operation control unit 152, the display unit 155 reflects the scroll operation on the web page C10 according to the content of the received scroll operation. As a result, the display unit 155 displays a part of the content C20 on the back side of the web page C10, and the area arranged on the back side of the advertising area C11 in the content C20 is displayed in the advertising area C11 according to the scroll operation. The web page C10 and the content C20 are displayed in correspondence.

  The display unit 155 displays the web page C10 on the screen when the advertising area C11 is arranged at the position selected by the user, that is, when the advertising area C11 is selected by the user. A range of images, i.e. screen shots, is generated. In addition, the display unit 155 generates an image in a range that overlaps with the advertisement area C11 in the content C20, and arranges it in front of the range that includes the image of the advertisement area C11 in the image of the web page C10. The display unit 155 displays the image of the web page C10 and the image of the content C20. Such processing is realized by an HTML5 “canvas” tag, JavaScript, or the like.

  Further, the display unit 155 realizes a display change process in accordance with control by the changing unit 156 described later. That is, the display unit 155 identifies the display region of the advertising region C11 whose shape has been changed by processing executed by the changing unit 156 described later. Note that the terminal device 100 does not display the advertising area C11 on the screen when the image of the web page C10 and the image of the content C20 are displayed instead of the web page C10 and the content C20. For this reason, the terminal device 100 virtually specifies the display area of the advertisement area C11 on the assumption that the advertisement area C11 whose shape has been changed by the changing unit 156 is displayed.

  In addition, the display unit 155 specifies the range of the content C20 arranged on the back surface of the display area of the specified advertisement area C11. And the display part 155 produces | generates the image of the specified range among the content C20, and changes it to the image which produced | generated the image of the content C20 currently displayed. That is, the display unit 155 generates an image of the content C20 displayed through the advertisement region C11 every time the shape of the advertisement region C11 is changed by the changing unit 156, and the generated image is the image of the web page C10. By overlapping and displaying, the process of changing the shape of the advertising area C11 is realized.

  Here, an example of processing executed by the display unit 155 will be described with reference to FIG. FIG. 7 is a diagram illustrating an example of a process in which the terminal device according to the embodiment displays a web page and content. In the example shown in FIG. 7, the range displayed on the screen is indicated by a thick dotted line. For example, as shown in the first state in FIG. 7, the display unit 155 displays the web page C10 having the advertisement area C11 that is a transparent area, and arranges and displays the content C20 on the back surface of the web page C10. Then, the display unit 155 displays a part of the content C20 hidden behind the web page C10 by scrolling the advertisement area C11 together with the web page C10 by a scroll operation.

  Here, the display unit 155 executes the following process when the user selects the advertisement area C11. That is, the display unit 155 generates an image C13 of an area displayed on the screen in the web page C10. In addition, the display unit 155 generates an image C21 in a range that overlaps the advertisement area C11 in the content C20. The display unit 155 arranges and displays the image C21 in front of the image C13 as shown in the second state of FIG.

  Here, the changing unit 156 changes the shape of the advertisement area C11 according to the slide operation. In such a case, the display unit 155 generates an image in a range that overlaps the advertising area C11 whose shape has been changed in the content C20, and displays the generated image as an image C21 as illustrated in the third state in FIG.

  Moreover, the change part 156 changes each time in the aspect which vibrates the shape of the advertisement area | region C11, when a slide operation is complete | finished. In such a case, the display unit 155 generates an image in a range that overlaps the advertising area C11 whose shape has been changed in the content C20, and displays the generated image as an image C21 as illustrated in the fourth state in FIG. For this reason, the terminal device 100 can display the content C20 in such a manner that the shape of the advertisement area C11 is deformed and then vibrates.

  In addition, when the shape of the advertisement area C11 is restored or when the area where the image C13 is displayed is selected by the user, the display unit 155 displays a web page as illustrated in the first state of FIG. C10 and content C20 are displayed in an overlapping manner.

  The display unit 155 displays the content C20 on the entire screen at a predetermined timing when the amount of the slide operation is larger than the predetermined threshold. For example, the display unit 155 cancels the display of the images C13 and C21 at an arbitrary timing, such as when the shape of the changing unit 156 vibrates a predetermined number of times or when the shape of the changing unit 156 returns to the original shape, The content C20 is displayed on the entire screen.

  Returning to FIG. 6, the description will be continued. When the slide operation is performed, the changing unit 156 changes the displayed area of the content C20 by changing the shape of the advertising area C11. For example, the changing unit 156 specifies the position where the advertisement area C11 is displayed. In addition, when the change unit 156 receives notification of the content of the slide operation such as the direction in which the slide operation was performed or the amount of movement from the operation control unit 152, the change unit 156 determines the shape of the advertisement area C11 according to the content of the received slide operation. And the display area of the advertising area C11 whose shape has been changed is notified to the display unit 155. As a result, the display unit 155 generates and displays an image of an area overlapping the advertising area C11 whose shape has been changed in the content C20.

  Hereinafter, an example in which the changing unit 156 changes the shape of the advertisement area C11 will be described. For example, the changing unit 156 extends the advertising area C11 in the direction in which the slide operation is performed by an amount corresponding to the amount of finger movement in the slide operation. More specifically, the changing unit 156 includes, in the sides of the advertisement area C11, the side in the direction in which the slide operation is performed, and the direction in which the slide operation is performed by the amount corresponding to the movement amount of the finger in the slide operation. To bend. As a result, the changing unit 156 extends the shape of the advertisement area C11 in the direction in which the slide operation is performed, for example, as shown in the third state of FIG.

  Further, the changing unit 156 restores the shape of the advertising area C11 when the slide operation is finished. In such a case, the changing unit 156 also vibrates the shape of the advertising area C11 and attenuates the magnitude of the vibration, thereby gradually returning the shape of the advertising area C11 to the original size.

  More specifically, when the slide operation is completed, the changing unit 156 gradually returns the shape of the advertisement area C11 to the original shape and extends the shape of the advertisement area C11 in the direction opposite to the extended direction. By changing and executing such processing, the changing unit 156 vibrates the shape of the advertising area C11.

  In addition, the changing unit 156 gradually decreases the amount of extending the shape of the advertising region C11, and when the amount of extending the shape of the advertising region C11 is equal to or less than a predetermined threshold, the changing unit 156 is based on the shape of the advertising region C11. return. Note that the changing unit 156 may immediately return the shape of the advertising area C11 to the original shape when the slide operation is completed. In addition, when the shape of the advertising area C11 is changed and the user selects an area other than the area where the advertising area C11 is displayed, the changing unit 156 immediately uses the shape of the advertising area C11. Return to the shape.

  Note that the changing unit 156 changes the shape of the advertising region C11 even when the display unit 155 displays the images C13 and C21, and notifies the display unit 155 of the display region of the advertising region C11 whose shape has been changed. . For this reason, the change part 156 will change to the image of the range displayed on the advertisement area | region C11 which changed the shape among the content C20.

  Next, an example of processing in which the changing unit 156 changes the shape of the advertisement area C11 will be described with reference to FIG. FIG. 8 is a diagram illustrating an example of processing in which the terminal device according to the embodiment changes the shape of the advertisement area. For example, as shown in the first state of FIG. 8, the changing unit 156 performs the sliding operation, and when the user's finger F10 moves to the position P03, the direction in which the sliding operation is performed in the advertisement area C11. Vertices P01 and P02 are specified. Further, the changing unit 156 calculates a curve inscribed in a triangle having the vertex P01, the vertex P02, and the position P03. For example, the changing unit 156 calculates a Bezier curve having the vertex P01, the vertex P02, and the position P03 as control points. Then, the changing unit 156 changes the side of the advertising area C11 in the direction in which the slide operation is performed to the calculated Bezier curve.

  In addition, when the user's finger F10 moves, the changing unit 156 changes the curve following the movement of the user's finger F10 as shown in the second state of FIG. That is, the changing unit 156 calculates a Bezier curve with the position P03 of the user's finger F10 and the vertices P01 and 02 as control points at predetermined time intervals, and a slide operation is performed in the advertisement area C11. Change the side of the selected direction to the calculated curve.

  In this way, the terminal device 100 forms a Bezier curve with control points at the vertex P01, the vertex P02, and the position P03 selected by the user, in the direction in which the slide operation is performed, and thus performs a complicated calculation. Even without this, a unique sensation can be easily generated. For example, the terminal device 100 can give a user who has changed the shape of the advertisement area C11 a feeling of pulling an object having a rubbery texture, so that the information related to the content C20 is more impressed. be able to.

  In addition, when the slide operation is finished, the changing unit 156 uses the center point of the advertisement area C11 as a reference, and is a position in a direction opposite to the position P03 of the finger F10 when the slide operation is finished. A position P04 in which the distance to the center point is shorter than the distance from the position P03 to the center point of the advertising area C11 by a predetermined distance is specified. Then, the changing unit 156 gradually returns the shape of the advertising area C11 to the original state, and thereafter, the side of the advertising area C11 opposite to the direction in which the sliding operation is performed is set to the vertex P05 of the advertising area C11. , And change to a Bezier curve with the vertex P06 and the position P04 as control points. Thereafter, the changing unit 156 vibrates the advertising area C11 by repeatedly executing the above-described processing.

  In addition, the process in which the changing part 156 makes the edge of the advertising area C11 a curve is not limited to the process described above. For example, the changing unit 156 may change the side of the advertising area C11 into a curve including a triangle that apexes the vertex P01, the vertex P02, and the position P03. In addition, the changing unit 156 can calculate a curve using an arbitrary method other than the Bezier curve, and can change the calculated area to a curve in which the side in the direction in which the slide operation is performed is calculated.

[7. Variation of display change processing)
In the above, an example of the display change process by the terminal device 100 has been described using the display mode illustrated in FIG. However, the embodiment is not limited to this. Hereinafter, variations of the display change process executed by the terminal device 100 will be described. Note that the display change process described below is realized by, for example, the display unit 155 performing various displays under the control of the change unit 156, but the embodiment is not limited to this.

[7-1. (Advertising area shape)
The terminal device 100 described above extends the shape of the advertising area C11 according to the slide operation. However, the embodiment is not limited to this.

  For example, the terminal device 100 may change the shape of the advertising area C11 in another manner according to the slide operation. For example, the terminal device 100 may change the side in the direction in which the slide operation is performed to a straight line connecting the finger that has performed the slide operation and each vertex of the advertisement area C11.

  Further, the terminal device 100 may divide the advertising area C11 into a plurality of areas in accordance with the slide operation, and change the shape to a different shape for each area. For example, when a slide operation is performed, the terminal device 100 may divide the advertising area C11 into a plurality of droplet-shaped areas and move the area to the outside of the screen while vibrating the shape of each area. In such a case, the terminal device 100 realizes a complicated aspect in which the content C20 is divided into a plurality of droplets like liquid and each moves outside the screen while shaking.

  Further, the terminal device 100 may change the shape of the advertisement area C11 in a plurality of directions in accordance with the slide operation. For example, the terminal device 100 may enlarge the shape of the advertising area C11 in the vertical direction when a downward sliding operation is performed.

[7-2. About the curvature of the advertising area)
For example, the terminal device 100 may bend the shape of the advertising area C11 according to the slide operation. Specifically, the terminal device 100 bends the side where the slide operation is performed and the side opposite to the side among the sides of the advertisement area C11 in the direction in which the slide operation is performed. The shape of the advertising area C11 may be curved. Furthermore, the terminal device 100 may display predetermined content arranged on the back surface of the advertising area C11 by arranging predetermined content on the back surface of the advertising area C11 and curving the shape of the advertising area C11. .

  Hereinafter, an example in which the terminal device 100 curves the shape of the advertising area C11 will be described with reference to FIG. FIG. 9 is a diagram illustrating an example of processing in which the terminal device according to the embodiment curves the shape of the advertisement area. First, the terminal device 100 receives the web page C10, the content C20, and the content C30. Here, it is assumed that the content C30 is content related to an advertisement similar to the content C20.

  In such a case, the terminal device 100 arranges the content C20 on the screen and arranges and displays the web page C10 on the front surface of the content C20. Therefore, as shown in the first state in FIG. 9, the terminal device 100 displays the web page C10 and the range of the content C20 that is arranged on the back of the advertising area C11.

  Here, when the advertising area C11 is selected by the user's finger F10 and a slide operation is performed, the terminal device 100 executes the following processing. First, when the advertising area C11 is selected, the terminal device 100 generates an image of the web page C10 and an image of the content C20. And the terminal device 100 arrange | positions the content C30 on the back surface of the image of the content C20, and arrange | positions and displays the image of the web page C10 on the back surface of the content C30. In this state, since the content C30 is arranged behind the image of the content C20, the terminal device 100 performs the same display as in the first state illustrated in FIG.

  Further, the terminal device 100 curves the shape of the advertising area C11 according to the slide operation. For example, among the sides of the advertising area C11, the terminal device 100 fixes the sides arranged on the left and right on the screen, and curves the sides arranged on the top and bottom on the screen according to the slide operation. And the terminal device 100 produces | generates the image of the area | region arrange | positioned in the back surface of the curved advertising area C11 among the content C20, and displays this image.

  As a result, as shown in the second state of FIG. 9, the terminal device 100 displays an area arranged on the back of the curved advertising area C11 in the content C20. In addition, the terminal device 100 displays the content C30 in a complicated manner in which the content C30 hidden in the advertising area C11 is displayed with the deformation of the advertising area C11.

  In addition, when the slide operation is finished, the terminal device 100 curves the shape of the advertisement area C11 in a direction opposite to the direction in which the slide operation is performed, as illustrated in the third state of FIG. Further, as illustrated in the fourth state in FIG. 9, the terminal device 100 changes the shape of the advertisement area C11 in such a manner that the magnitude of the vibration gradually attenuates while vibrating the shape of the advertisement area C11.

  Thus, the terminal device 100 curves the shape of the advertising area C11 according to the slide operation. Further, the terminal device 100 displays predetermined content on the back surface of the advertising area C11 and displays the content C30 arranged on the back surface of the advertising area C11 by curving the shape of the advertising area C11. Therefore, the terminal device 100 deforms the advertising area C11 in a complicated manner in which the shape of the advertising area C11 is curved in accordance with the slide operation, and the content C30 hidden in the advertising area C11 is displayed by the bending. I do. For this reason, the terminal device 100 can impress the information regarding the content C20 and the content C30 displayed in the advertisement area C11 to the user.

[7-3. (About switching the landing page)
The terminal device 100 described above displays the content C20 on the entire screen at a predetermined timing when the slide operation is performed for a predetermined threshold value or more. However, the embodiment is not limited to this. For example, the terminal device 100 may display content other than the content C20 according to the amount of change in the shape of the advertising area C11, that is, the distance of finger movement in the slide operation.

  For example, when the moving distance of the finger in the slide operation is shorter than the first threshold, the terminal device 100 vibrates the shape of the advertising area C11 and then returns to the original shape, and ends the display change process. On the other hand, when the moving distance of the finger in the slide operation is longer than the first threshold and shorter than the second threshold larger than the first threshold, the terminal device 100 vibrates the shape of the advertising area C11. After that, the content C20 is displayed. At this time, when the content C20 is tapped by the user, the terminal device 100 may display a landing page.

  In addition, when the moving distance of the finger in the slide operation is longer than the second threshold, the terminal device 100 displays other content on the entire screen instead of the content C20. Note that the terminal device 100 may display the landing page set in the content C20 instead of the web page C10 and the content C20 when the moving distance of the finger in the slide operation is longer than the second threshold.

  As described above, when the amount of change in the shape of the advertising area C11 is larger than the predetermined second threshold, the terminal device 100 displays other content instead of the content C20. For this reason, since the terminal device 100 can provide the motivation which makes a user perform slide operation many times, the information which concerns on the content C20 can be impressed to a user.

  Note that the terminal device 100 may change the content C20 to another content according to the direction in which the shape of the advertisement area C11 is changed, that is, the direction in which the slide operation is performed. Further, the terminal device 100 may display different contents or different landing pages depending on the combination of the direction in which the slide operation is performed and the distance the finger has moved.

  Further, the terminal device 100 may display the content C20 on the entire screen when the user performs a predetermined number of slide operations. Further, the terminal device 10 may change the content to be displayed and the landing page according to the number of times the user performs the slide operation.

  The terminal device 100 may display a landing page when the user taps the advertisement area C11 when the shape of the advertisement area C11 is not changed. Further, when displaying the landing page after changing the shape of the advertising area C11, the terminal device 100 is displayed when the user taps the advertising area C11 when the shape of the advertising area C11 is not changed. A different landing page may be displayed.

[7-4. Regarding the arrangement position of the content C20]
The terminal device 100 described above moved only the web page C10 without moving the content C20 when the scroll operation was performed. However, the embodiment is not limited to this. For example, the terminal device 100 may scroll the web page C10 and the content C20 according to the scroll operation.

  When such processing is executed, for example, when a scroll operation is performed, the terminal device 100 scrolls the advertising area C11 in which a predetermined range of the content C20 is displayed. Then, the terminal device 100 changes the shape of the advertising area C11 according to the slide operation. For this reason, in the terminal device 100, a part of the content C20 fixed to the web page C10 is hidden by the web page C10, and the hidden area of the content C20 is displayed by changing the shape of the advertisement area C11. The content C20 can be displayed in such a complicated manner. As a result, the terminal device 100 can impress the user with information related to the content C20.

[7-5. (About content changes)
When the terminal device 100 described above changes the shape of the advertising area C11 according to the slide operation, the terminal device 100 displays a range arranged on the back of the advertising area C11 whose shape has been changed in the content C20. That is, when the shape of the advertisement area C11 is changed, the terminal device 100 displays the content C20 on the screen without being distorted. However, the embodiment is not limited to this. For example, when the shape of the advertising area C11 is changed, the terminal device 100 may distort the displayed area of the content C20 based on the changed shape. Further, when the shape of the advertising area C11 is changed, the terminal device 100 may change the display mode such as the color of the content C20 and the transparency again based on the changed shape.

[7-6. Direction of slide processing)
In the example described above, the example in which the shape of the advertising area C11 is extended or curved in the vertical direction of the screen when the slide operation is performed in the vertical direction of the screen has been described. However, the embodiment is not limited to this. For example, the terminal device 100 may extend or curve the shape of the advertising area C11 in the left-right direction when the slide operation is performed in the left-right direction on the screen.

  For example, the terminal device 100 displays the advertisement area C11 whose width is shorter than the screen size. In such a case, the terminal device 100 may extend or curve the shape of the advertising area C11 in the left-right direction when the slide process is performed in the left-right direction.

[7-7. Content type]
Note that the terminal device 100 displayed the contents C20 and C30 including images. However, the embodiment is not limited to this. For example, the terminal device 100 may display contents C20 and C30 including moving images. Further, the terminal device 100 may control the reproduction of the moving image based on the direction or size of the slide operation. For example, the terminal device 100 may reproduce the moving image included in the content C30 only when the slide operation is performed and the shape of the advertisement area C11 is curved, that is, when the content C30 is displayed. .

[7-8. (Initial state)
In the initial state, the terminal device 100 sets the size of the display area of the web page C10 so that only the web page C10 is displayed on the screen, but the embodiment is not limited to this. For example, in the initial state, the terminal device 100 displays a part of the content C20 arranged on the back surface of the web page C10 by making the width of the display area of the web page C10 smaller than the width of the screen by a predetermined width. Then, the user may be interested in the content C20.

[7-9. (About display change processing trigger)
The terminal device 100 may execute the display change process according to an operation other than the slide operation. For example, the terminal device 100 may change the shape of the advertisement area C11 when the user strongly taps the advertisement area C11. In addition, the terminal device 100 may change the shape of the advertisement area C11 according to the speed at which the user performs the slide operation.

  Further, for example, the terminal device 100 may execute the display change process described above based on the physical state of the terminal device 100 acquired by the physical sensor 140 or the like. For example, the terminal device 100 may display a web page C10 including a message to the user such as “shake” and perform the display change process when the user shakes the terminal device 100.

[7-10. Others]
The terminal device 100 may execute the display change process by appropriately combining the above-described arbitrary processes. Such a combination can be arbitrarily set by the advertiser 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.

[8. Processing flow of terminal device 100]
Next, a procedure of processing executed by the terminal device 100 that has executed the control information will be described with reference to FIG. FIG. 10 is a flowchart illustrating an example of a flow of display change processing executed by the terminal device according to the embodiment.

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

  Further, when receiving the content C20 (step S103: Yes), the terminal device 100 displays the web page C10 and the content C20 in an overlapping manner (step S104). Further, the terminal device 100 determines whether or not a scroll operation is detected (step S105), and when the scroll operation is detected (step S105: Yes), the web page C10 is moved according to the scroll operation. (Step S106). Subsequently, the terminal device 100 determines whether or not the advertisement area C11 is selected (step S107).

  When the advertising area C11 is selected (step S107: Yes), the terminal device 100 displays the image of the web page C10 and the content C20 instead of the web page C10 and the content C20, and uses them. The shape of the advertisement area C11 is changed according to the position of the person's finger (step S108). Further, the terminal device 100 determines whether or not the finger has been removed from the screen (step S109). If the finger has not been removed (step S109: No), the shape of the advertising area C11 is changed according to the position of the finger. (Step S110) and step S109 is executed.

  Further, when the user's finger is separated from the screen (step S109: Yes), the terminal device 100 performs a vibration display that vibrates the shape of the advertising area C11 (step S111). Here, the terminal device 100 determines whether an area other than the area where the advertisement area C11 is displayed, that is, the area where the web page C10 is displayed is selected (step S112). Moreover, when the area | region other than the area | region where the advertising area C11 was displayed is not selected (step S112: No), the terminal device 100 determines whether the vibration display was complete | finished (step S113).

  If the terminal device 100 determines that the vibration display has ended (step S113: Yes), the web page C10 and the content C20 are displayed in an overlapping manner (step S114), and the process ends.

  On the other hand, if the vibration display has not ended (step S113: No), the terminal device 100 executes step S112. Further, when an area other than the area in which the advertisement area C11 is displayed is selected (step S112: Yes), the terminal device 100 skips step S113 and executes and sells step S114. The terminal device 100 executes Step S105 when the advertisement area C11 is not selected (Step S107: No) or when the scroll operation is not detected (Step S105: No).

[9. (Modification)
In the above, an example of the display change process by the terminal device 100 has been described using the display mode illustrated in FIG. However, the embodiment is not limited to this. Hereinafter, variations of the display change process executed by the terminal device 100 will be described. Note that the display change process described below is realized by the change unit 156 controlling the display unit 155, for example.

[9-1. Content type]
The terminal device 100 described above displayed the content C20 related to the advertisement registered by the advertiser as the content C20. However, the embodiment is not limited to this, and the terminal device can apply the display change process to any content. For example, the terminal device 100 can apply the above-described display change process to any content other than the advertisement, such as a game or a web page that accepts a user operation. A more specific example will be described. The terminal device 100 performs display change processing when a game is executed or when an interactive web page created by a technique such as flash or CSS (Cascading Style Sheets) is displayed. May be executed. By performing such processing, the terminal device 100 generates a user's interest in the hidden content, for example, by displaying a part of the content hidden behind the other content according to the scroll operation. Then, by expanding the display range of the hidden content or changing the shape of the display range according to the user's operation, such as a slide operation, users who are interested in the hidden content On the other hand, it is possible to impress the information that the hidden content tries to convey to the user.

[9-2. About logs)
Here, the terminal device 100 may take a log of the content actually displayed or the content selected by the user. For example, when the user ends the display of the web page C10 without selecting the advertisement area C11, the terminal device 100 acquires a log indicating that the content C20 is not being browsed. On the other hand, when the user performs a slide operation and changes the shape of the advertisement area C11, the terminal device 100 acquires a log indicating that the content C20 has been browsed. In addition, when the entire content C20 is displayed on the screen as a result of changing the shape of the advertising area C11, the terminal device 100 acquires a log indicating that the entire content C20 has been browsed.

  Thus, the log acquired by the terminal device 100 is a useful log when updating the number of impressions and CTR of each advertising content and reporting the advertising effect to the advertiser. Note that the terminal device 100 may change the reward per impression when the content C20 is browsed and when the entire content C20 is browsed.

  Further, the log acquired by the terminal device 100 may be used for changing the content arranged on the landing page. For example, the terminal device 100 acquires the same landing page and displays whether or not the shape of the advertisement area C11 has been changed, the content of the slide process, and the entire content C20 to the server that distributes the landing page. Information such as whether or not it was done is notified. At this time, the server that distributes the landing page may specify the content to be arranged on the landing page according to the received information, and instruct the terminal device 100 to arrange the specified content on the landing page.

[9-3. About control information)
The terminal device 100 described above executes the above-described display process using the control information distributed by the distribution server 20 together 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 display 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 change the display mode of the advertisement content according to the received display instruction.

  In addition, the terminal device 100 may download the application that causes the terminal device 100 to execute the display process of the web page C10, the display change process described above, and the like, and execute the application to realize the above-described process. Good.

[9-4. Device configuration〕
In the above embodiment, the advertisement 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 one device. May be. In this case, the advertisement distribution server 20 illustrated in FIG. 3 includes, for example, the content storage unit 32, the reception unit 34, and the distribution unit 35 illustrated in FIG. And the advertisement delivery server 20 delivers the web page which does not contain an acquisition command to the terminal device 100 with an advertising content, when the acquisition request of a web page is received from the terminal device 100. FIG.

  In the above embodiment, the example in which the content C20 is distributed from the advertisement distribution server 20 to the terminal device 100 has been described. However, the content distribution server 30 may acquire the content C20 from the advertisement distribution server 20. In this case, the request receiving unit 26 of the advertisement distribution server 20 receives an acquisition request for the content C20 from the content distribution server 30. Further, the advertisement distribution server 20 distributes the content C20 to the content distribution server 30. Further, 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.

[9-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 performs a scroll operation performed by the user on the web page on which the content C20 is arranged, a slide operation, a position where the user performs the slide operation, the number of times the slide operation is performed, Record time etc.

  In addition, the terminal device 100 allows the user to perform a selection operation on the content C20, the number of times the web page C10 has been reloaded, a transmission operation from the terminal device (for example, writing to the SNS, etc.) regarding information specifying the content C20. Various operations performed on the terminal device 100 can also be recorded. Then, the terminal device 100 transmits information related to the operation history to the advertisement distribution server 20.

  In such a case, the advertisement distribution server 20 aggregates information related to the operation history distributed from the terminal device 100, and further acquires information obtained by analyzing the information. For example, the advertisement distribution server 20 executes the display change process for the content C20 with the control information according to the embodiment and the content C20 without the control information, the number of scroll operations, the number of slide operations, and the like. The number of times, the number of times the entire content C20 has been displayed, the type of the displayed landing page, the type of content arranged on the landing page, and information comparing advertisement effect indicators such as CTR are acquired.

  Here, the operation history for the web page C10 on which the content C20 accompanied by the control information according to the embodiment is displayed can be an index indicating the advertising effect. That is, in the web page on which the content C20 with the control information according to the embodiment is displayed, not only the previous web page (landing page) of the content C20 is displayed by selecting the content C20 itself, The operation history itself indicating how much the user has performed on the web page C10 (for example, how much the user has performed the slide operation to change the display mode of the screen) is the user's content C20. This is an indicator of interest.

  For example, the advertisement distribution server 20 executes the slide operation and executes the display change process, so that the number and time of changing the shape of the advertisement area C11 and the number of times the entire content C20 is arranged in the screen. By comparing the time, time, etc., when the content C20 accompanied by the control information according to the embodiment is displayed, the information that the content C20 is to convey widely, that is, an index indicating how much interest in the advertisement is generated is provided. be able to. 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 regarding the operation history of the terminal device 100 to the advertiser terminal 10 as it is.

  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.

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

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

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

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

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

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

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

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

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

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

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

[10. effect〕
As described above, the terminal device 100 displays the web page C10 and displays a part of the content C20 in the advertisement area C11 included in the web page C10. Then, when the position selected by the user moves from the advertisement area C11 to the outside of the advertisement area C11, that is, when a slide operation is performed, the terminal device 100 changes the shape of the advertisement area C11. The displayed area of the content C20 is changed. For this reason, the terminal device 100 can improve the appeal power of information related to the content C20, such as information that the content C20 intends to convey to the user.

  For example, when the user performs a scroll operation on the web page C10, the terminal device 100 displays only a part of the content C20 arranged on the back surface of the web page C10 in the advertisement area C11. When a user who is interested in the content C20 performs a slide operation by such display, the terminal device 100 changes the range of the displayed content C20 by changing the shape of the advertisement area C11. As a result, since the terminal device 100 can impress the content C20, it is possible to improve the appeal of information related to the content C20.

  A more specific example will be described. When the terminal device 100 displays the advertising content related to the advertisement as the content C20, the terminal device 100 can generate the user's interest in the advertising content. As a result of improving the appealing power of, the advertising effect can be improved.

  In addition, the terminal device 100 changes the shape of the advertisement area C11 in the direction in which the slide operation is performed. Therefore, the terminal device 100 can display the content C20 in a complicated manner in which the shape of the area in which the content C20 is displayed is deformed in a direction pulled by the user's slide operation.

  In addition, the terminal device 100 changes the shape of the advertisement area C11 by an amount corresponding to the distance at which the slide operation is performed. For this reason, the terminal device 100 can display the content C20 in a complicated manner in which the shape of the region in which the content C20 is displayed is deformed by the amount pulled by the user's slide operation.

  In addition, when a slide operation is performed, the terminal device 100 extends the shape of the advertising area C11. For example, the terminal device 100 curves the side in the direction in which the slide operation is performed in the advertisement area C11 in the direction in which the slide operation is performed. For this reason, the terminal device 100 can display the content C20 in a complicated manner in which the shape of the region in which the content C20 is displayed is extended by the user's slide operation.

  In addition, the terminal device 100 curves the shape of the advertising area C11 in the direction in which the slide operation is performed. For this reason, the terminal device 100 can display the content C20 in a complicated manner in which the shape of the region where the content C20 is displayed is curved by the user's slide operation.

  Further, the terminal device 100 arranges the content C30 on the back surface of the advertising area C11, and displays the content C30 arranged on the back surface of the advertising area C11 when the shape of the advertising area C11 is curved. For this reason, the terminal device 100 can display the contents C20 and C30 in a complicated manner in which the content C30 hidden behind the content C20 is displayed when the area where the content C20 is displayed is curved.

  In addition, when the slide operation is finished, the terminal device 100 vibrates the shape of the advertisement area C11 in a direction in which the shape of the advertisement area C11 is changed and a direction opposite to the direction. For this reason, the terminal device 100 can display the content C20 in a complicated manner in which, for example, a region where the content C20 is displayed vibrates like rubber.

  Further, the terminal device 100 attenuates the magnitude of vibrating the shape of the advertising area C11 with the passage of time. For this reason, the terminal device 100 can display the content C20 in a complicated manner in which, for example, the vibration of the region where the content C20 is displayed is gradually attenuated.

  Through the above-described processing, the terminal device 100 can display the contents C20 and C30 in a complicated manner, so that the contents C20 and C30 can be impressed by the user, and as a result, the appeal of information related to the contents C20 and C30 is improved. Can be made.

  Moreover, the terminal device 100 returns the shape of the advertising area C11 to a predetermined shape, that is, the original shape when the slide operation is completed. For this reason, since the terminal device 100 does not hinder the browsing of the web page C10 by the user, it is possible to prevent the impression of the content C20 from deteriorating.

  In addition, when the terminal device 100 changes the shape of the advertisement area C11 and the user selects an area other than the area where the advertisement area C11 is displayed, the shape of the advertisement area C11 is changed to the original shape. Return to. For this reason, when the user wants to browse the web page C10, the terminal device 100 immediately ends the display change process, so that the impression of the content C20 can be prevented from deteriorating.

  Moreover, the terminal device 100 displays the whole content C20 on a screen, when the amount which changed the shape of the advertisement area | region C11 is larger than a predetermined threshold value. That is, the terminal device 100 displays the entire content C20 to users who are strongly interested in the content C20. For this reason, the terminal device 100 can improve the appeal power of the information concerning the content C20.

  Further, when the amount of change in the shape of the advertising area C11 is greater than a predetermined threshold, the terminal device 100 displays other content instead of the content C20. For this reason, the terminal device 100 can give a user the motivation to perform a slide operation many times. As a result, the terminal device 100 can impress the user on the information related to the content C20 and improve the appealing power of the information related to the content C20.

  In addition, when an operation for scrolling the web page C10 is performed, the terminal device 100 scrolls the web page C10 or scrolls the web page C10 and the content C20. For this reason, for example, the terminal device 100 not only changes the display area of the content C20 hidden behind the web page C10, but also changes the display area of the content C20 arranged on the web page C10. In this manner, the content C20 can be displayed. As a result, the terminal device 100 can impress the user on the information related to the content C20 and improve the appealing power of the information related to the content C20.

  Further, when the advertisement area C11 is selected by the user, the terminal device 100 displays the image of the web page C10 and the image of the content C20 instead of the web page C10 and the content C20. And the terminal device 100 produces | generates the image of the range arrange | positioned in the back surface of the advertisement area | region C11 which changed the shape according to slide operation among the content C20, and displays it as an image of the content C20. Here, the terminal device 100 displays a part of the content C20 instead of the image of the content C20, and displays a part of the content C20 in which the displayed area is changed in accordance with the change in the shape of the advertisement area C11. May be.

  For this reason, the terminal device 100 can prevent malfunctions, such as a link arrange | positioned at the web page C10 being selected, for example with slide operation. As a result, the terminal device 100 can prevent the impression of the content C20 from deteriorating.

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

  Further, the above-described “part (section, module, unit)” can be read as “means” or “circuit”. For example, the distribution unit can be read as distribution means or a distribution circuit.

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

Claims (25)

On the computer,
A display procedure for displaying the first content and displaying a part of the second content in a predetermined display area included in the first content;
When the position selected by the user moves from the inside of the display area to the outside of the display area, the shape of the side in the direction in which the position selected by the user moves in the display area is changed from the display area. A change procedure for changing a region to be displayed in the second content by changing a specific both ends fixed ;
Information display program to execute . In the changing procedure , the shape of the side in the direction in which the position selected by the user is moved is extended in the direction in which the position selected by the user is moved, while fixing both ends of the display area . The information display program according to claim 1, wherein: On the computer,
A display procedure for displaying the first content and displaying a part of the second content in a predetermined display area included in the first content;
When the position selected by the user moves from the inside of the display area to the outside of the display area, the position where the user selects the side in the direction in which the position selected by the user moves in the display area A change procedure for changing the displayed area of the second content by curving in the direction in which the
Information display program to execute. On the computer,
A display procedure for displaying the first content and displaying a part of the second content in a predetermined display area included in the first content;
When the position selected by the user moves from the inside of the display area to the outside of the display area , the second content is obtained by curving the shape of the display area in the direction in which the position selected by the user has moved. Change procedure to change the displayed area and
Information display program to execute. The display procedure, the third content is arranged on a rear surface of the display area, when the shape of the display area by the change procedure is curved in claim 4, characterized in that displaying the third content The information display program described. On the computer,
A display procedure for displaying the first content and displaying a part of the second content in a predetermined display area included in the first content;
When the position selected by the user moves from the inside of the display area to the outside of the display area, the display area of the second content is changed by changing the shape of the display area , and the display area If the user's operation of the shape when the change is completed, the direction in which to change the shape of the display area, in the opposite direction with the direction, the change procedure for vibrating the shape of the display area
Information display program to execute. The information display program according to claim 6 , wherein the changing procedure attenuates the magnitude of vibrating the shape of the display area as time elapses. The information display program according to any one of claims 1 to 7 , wherein the change procedure returns the shape of the display area to a predetermined shape when a user operation is completed. The change procedure is characterized in that when the shape of the display area is changed and the user selects an area other than the display area, the shape of the display area is returned to a predetermined shape. The information display program according to any one of Items 1 to 8 . 10. The display procedure according to any one of claims 1 to 9 , wherein when the amount of change in the shape of the display area is greater than a first threshold value, the entire second content is displayed. Information display program described in 1. The display procedure, the amount was changed the shape of the display area is greater than the second threshold, according to any one of claims 1 to 1 0, characterized in that displaying a fourth content Information display program . The display procedure is characterized in that, when an operation for scrolling the first content is performed, the first content is scrolled, or the first content and the second content are scrolled. information display program according to any one of 1 to 1 1. The display procedure is displayed when the display area is selected from the first content instead of the first content and the second content when the display area is selected by the user. An image of a range and a part of the second content displayed in the display area are displayed. The change procedure includes a part of the second content according to an operation of the user. information display program according to any one of claims 1 to 1 2, characterized in that to change the portion of the second content displayed the shape when changing. Along with the control information, a distribution unit that distributes the second content displayed in the predetermined display area included in the first content to the terminal device,
The control information is
A display procedure for displaying the first content and displaying a part of the second content in the display area;
When the position selected by the user moves from the inside of the display area to the outside of the display area, the shape of the side in the direction in which the position selected by the user moves in the display area is changed from the display area. The distribution device, wherein the terminal device is control information for causing the terminal device to execute a change procedure for changing a region to be displayed in the second content by changing with the specific ends fixed . An information display method executed by the information display device,
A display step of displaying the first content and displaying a part of the second content within a predetermined display area included in the first content;
When the position selected by the user moves from the inside of the display area to the outside of the display area, the shape of the side in the direction in which the position selected by the user moves in the display area is changed from the display area. An information display method comprising: a changing step of changing a region to be displayed in the second content by changing while fixing both ends fixed . A display unit which displays the first content, displays a portion of the second content on a predetermined display area included in the first content,
When the position selected by the user moves from the inside of the display area to the outside of the display area, the shape of the side in the direction in which the position selected by the user moves in the display area is changed from the display area. An information display device comprising: a changing unit that changes a region to be displayed in the second content by changing the fixed ends of the second content.   Along with the control information, a distribution unit that distributes the second content displayed in the predetermined display area included in the first content to the terminal device,
  The control information is
  A display procedure for displaying the first content and displaying a part of the second content in a predetermined display area included in the first content;
  When the position selected by the user moves from the inside of the display area to the outside of the display area, the position where the user selects the side in the direction in which the position selected by the user moves in the display area A change procedure for changing the displayed area of the second content by curving in the direction in which the
  The distribution apparatus is control information for causing the terminal apparatus to execute.   An information display method executed by the information display device,
  A display step of displaying the first content and displaying a part of the second content within a predetermined display area included in the first content;
  When the position selected by the user moves from the inside of the display area to the outside of the display area, the position where the user selects the side in the direction in which the position selected by the user moves in the display area A changing step of changing a displayed area of the second content by curving in a direction in which the
  An information display method comprising:   A display unit for displaying the first content and displaying a part of the second content in a predetermined display area included in the first content;
  When the position selected by the user moves from the inside of the display area to the outside of the display area, the position where the user selects the side in the direction in which the position selected by the user moves in the display area A changing unit that changes a displayed area of the second content by curving in the direction in which
  An information display device comprising:   Along with the control information, a distribution unit that distributes the second content displayed in the predetermined display area included in the first content to the terminal device,
  The control information is
  A display procedure for displaying the first content and displaying a part of the second content in a predetermined display area included in the first content;
  When the position selected by the user moves from the inside of the display area to the outside of the display area, the second content is obtained by curving the shape of the display area in the direction in which the position selected by the user has moved. Change procedure to change the displayed area and
  The distribution apparatus is control information for causing the terminal apparatus to execute.   An information display method executed by the information display device,
  A display step of displaying the first content and displaying a part of the second content within a predetermined display area included in the first content;
  When the position selected by the user moves from the inside of the display area to the outside of the display area, the second content is obtained by curving the shape of the display area in the direction in which the position selected by the user has moved. Change process to change the displayed area
  An information display method comprising:   A display unit for displaying the first content and displaying a part of the second content in a predetermined display area included in the first content;
  When the position selected by the user moves from the inside of the display area to the outside of the display area, the second content is obtained by curving the shape of the display area in the direction in which the position selected by the user has moved. Change part to change the displayed area
  An information display device comprising:   Along with the control information, a distribution unit that distributes the second content displayed in the predetermined display area included in the first content to the terminal device,
  The control information is
  A display procedure for displaying the first content and displaying a part of the second content in a predetermined display area included in the first content;
  When the position selected by the user moves from the inside of the display area to the outside of the display area, the display area of the second content is changed by changing the shape of the display area, and the display area A change procedure for vibrating the shape of the display area in a direction opposite to the direction in which the shape of the display area is changed and a direction opposite to the direction,
  The distribution apparatus is control information for causing the terminal apparatus to execute.   An information display method executed by the information display device,
  A display step of displaying the first content and displaying a part of the second content within a predetermined display area included in the first content;
  When the position selected by the user moves from the inside of the display area to the outside of the display area, the display area of the second content is changed by changing the shape of the display area, and the display area And changing the shape of the display region in a direction opposite to the direction in which the shape of the display region is changed and a direction opposite to the direction when the user operation is finished when the shape of the display is changed,
  An information display method comprising:   A display unit for displaying the first content and displaying a part of the second content in a predetermined display area included in the first content;
  When the position selected by the user moves from the inside of the display area to the outside of the display area, the display area of the second content is changed by changing the shape of the display area, and the display area A change unit that vibrates the shape of the display area in a direction opposite to the direction in which the shape of the display area is changed and a direction opposite to the direction when the user operation is completed when the shape of the display area is changed
  An information display device comprising: