JP5997328B2 - Program and terminal device - Google Patents

Description

  The present invention relates to a technology of a program and a terminal device.

  Conventionally, a banner advertisement is known as an advertisement on a Web page (Web site). On the other hand, in recent years, mobile terminals typified by smartphones have become widespread. For this reason, there are many users who browse web pages using mobile terminals.

  Here, since the screen of the mobile terminal is smaller than the screen of a PC or the like, there is a problem that it is difficult to place an advertisement on a web page for the mobile terminal.

  As a technique related to this, for example, a technique is known in which an advertisement is processed in a small size on a Web page, or a technique for displaying an advertisement by changing the display position of the advertisement depending on the status of the Web page (for example, Patent Document 1).

JP 2012-073863 A

  However, when an advertisement is placed on a Web page for a mobile terminal, in many cases, the advertisement area has to be small, so the size of the input advertisement is also limited. For this reason, there is a problem that it is difficult for advertisers to submit large-sized advertisements. In addition, in the case of an advertisement having a small size, the user feels that it is difficult to see or tap, for example, and it is difficult to desire a high advertisement effect (for example, CTR).

  The present invention has been proposed in view of the above points, and it is an object of the present invention to improve the degree of freedom of a submitted advertisement size and improve the advertisement effect even on a web page for a mobile terminal.

In order to solve the above-described problem, a program according to the present invention has the following configuration, for example. That is,
On the terminal device,
Content that includes an advertisement area in part and that can be scrolled according to a scroll operation is superimposed on an advertisement having a size larger than the advertisement area, and the content and an area that overlaps the advertisement area of the advertisement, Display procedure to display,
A detection procedure for detecting the scroll operation;
A moving procedure for moving the advertisement area is executed as the content scrolls in response to the scroll operation.

  According to the embodiment of the present invention, it is possible to improve the degree of freedom of the submitted advertisement size and improve the advertisement effect even on the web page for the mobile terminal.

It is a network block diagram of an advertisement system. 2 is a diagram illustrating a hardware configuration example of a mobile terminal 1 and a Web / advertisement server 2. FIG. 2 is a diagram illustrating a software configuration example of a mobile terminal 1 and a Web / advertisement server 2. FIG. It is a figure which shows the component of the web page with an advertisement. It is a figure which shows the example of a production | generation of a web page with an advertisement. It is a figure which shows the example of a screen of a web page with an advertisement. It is a figure which shows the HTML file example (the 1) of a web page with an advertisement. It is a figure which shows the HTML file example (the 2) of a web page with an advertisement. It is a figure which shows the HTML file example (the 3) of a web page with an advertisement.

  Hereinafter, preferred embodiments of the present invention will be described.

<Configuration>
(Network configuration)
FIG. 1 is a network configuration diagram of an advertisement system according to an embodiment of the present invention. In the advertisement system, a mobile terminal 1 and a Web / advertisement server 2 are connected via a network 3.

  The mobile terminal 1 is a user terminal device for browsing a Web page for mobile terminals. The user accesses the Web page with advertisement using the mobile terminal 1 and browses information and advertisement in the Web page.

  In addition, the portable terminal 1 is comprised with a smart phone, a tablet, etc., for example. In addition, for example, an application such as a Web browser for browsing Web pages with advertisements is provided.

  The Web / advertisement server 2 is an advertisement generation device that generates and provides Web pages with advertisements to the mobile terminal 1. In this embodiment, it is configured as a Web server / advertisement server. When the web / advertisement server 2 receives a web page (web site) browsing request from the mobile terminal 1, the web / advertisement server 2 creates a web page with an advertisement by placing an advertisement submitted by an advertiser on the web page. The advertisement-added web page is responded. Thereby, the portable terminal 1 can browse the web page with advertisement. Needless to say, the Web server and the advertisement server may be configured by different devices.

  The network 3 includes a wired network and a wireless network. For example, the network 3 is an Internet network that connects the mobile terminal 1 and the Web / advertisement server 2 to each other. The mobile terminal 1 and the Internet are connected by 3G, 4G, WiFi (registered trademark), or the like.

(Hardware configuration)
FIG. 2 is a diagram illustrating a hardware configuration example of the mobile terminal 1 and the Web / advertisement server 2 according to the embodiment of the present invention. Specifically, as shown in the figure, a central processing unit (CPU) 11, a read only memory (ROM) 12, a random access memory (RAM) 13, an input device 14, an output device 15, and a communication device 16 and an HDD (Hard Disk Drive) 17.

  The CPU 11 executes various programs and performs arithmetic processing. The ROM 12 stores a program necessary for startup. RAM13 memorize | stores the process in CPU11 temporarily, or memorize | stores data. The input device 14 is a keyboard or a mouse (including a touch panel). The output device 15 is a display that displays and outputs video and images, and a speaker that outputs sound and the like. The communication device 16 communicates with other devices via the network 3. The HDD 17 stores various data and programs.

(Software configuration)
FIG. 3 is a diagram showing a software configuration example of the mobile terminal 1 and the Web / advertisement server 2 according to the embodiment of the present invention.

  First, the Web / advertisement server 2 includes a generation unit 201 as a functional unit.

  When the generation unit 201 receives a Web page browsing request from the mobile terminal 1, the generation unit 201 generates an advertisement-added Web page by placing an advertisement submitted by an advertiser on the Web page. It also responds to the generated web page with advertisement.

  Note that the generation unit 201, as a web page with an advertisement, includes an advertisement area in part and an advertisement in which a content page that can be scrolled on the screen according to an operation and an advertisement page having a size larger than the advertisement area are superimposed. An attached Web page is generated. A specific example of the Web page with advertisement will be described later.

  Next, the mobile terminal 1 includes a display unit 101 and an operation unit 102 as functional units.

  The display unit 102 has a function of displaying a web page with an advertisement. A specific example of the Web page with advertisement will be described later.

  The operation unit 102 has a function of detecting and executing a screen scroll operation of a web page with an advertisement and an operation (for example, a tap operation) for an advertisement in accordance with a user operation. When a screen scroll operation is detected, the web page with advertisement is scrolled up and down and left and right, for example. Also, when an operation on the advertisement is detected, for example, the advertisement is switched to an advertisement displayed on the full screen, or the screen is changed to a URL linked to the advertisement. Details of this point will be described later.

<Advertising example>
Next, a web page with advertisement according to the present embodiment will be exemplified. The Web page with advertisement shown below is generated by the Web / advertisement server 2 (generation unit 201) and transmitted to the mobile terminal 1.

(Components of Web pages with advertisements)
FIG. 4 is a diagram showing components of the web page with advertisement according to the embodiment of the present invention. The Web page with advertisement includes an advertisement page 401 and a content page 402 as components of the page.

  The advertisement page 401 is advertisement data submitted by the advertiser. In addition to the image data (advertisement image), the advertisement data may be moving image data (moving image advertisement), text (text advertisement), or the like.

  A content page 402 is the content of a Web page. The illustrated content page 402 shows an example of the top page of the portal site. Note that the content volume of the content page 402 has a vertical size (length) that does not fit within one screen of the mobile terminal 1. That is, when the user browses all contents, it is necessary to scroll the screen upward by a flick operation or the like.

  Moreover, the content page 402 has the advertisement area | region a installed in the predetermined position of a part of page as FIG. The advertisement area a is set according to the description definition in the content page 402.

  Here, the shape of the advertisement area a is a rectangle. In addition, as the size of the advertisement area a, the horizontal width matches the content page 402, and the vertical width is about 1/3 to 1/5 of the screen of the mobile terminal. The color attribute of the advertisement area a is a transparent color. Note that the shape of the advertisement area a can be a circle (ellipse) or a polygon in addition to a rectangle. In addition, the color attribute of the advertising area a may be colored as long as it is a transparent color.

  A link to the advertisement page 401 is embedded in the advertisement area a. That is, when the advertisement area a is operated (for example, a tap operation) by the user, the advertisement page 401 is displayed on the front of the screen of the mobile terminal 1.

(Generate Web page with advertisement)
FIG. 5 is a diagram illustrating an example of generating a web page with an advertisement according to an embodiment of the present invention. As described above, the web page with advertisement includes the advertisement page 401 and the content page 402 as the components of the page.

  First, as shown in (a), the web page with advertisement has two components on the screen of the screen terminal 1 such that the content page 402 is the front surface (front surface) and the advertisement page 401 is the back surface (back surface). Generated by overlapping.

  The four corners of the advertisement page 401 are fixed so as not to scroll on the screen of the screen terminal 1. On the other hand, since the content page 402 has a vertical size (length) that does not fit within one screen of the mobile terminal 1, it is scrollable on the screen so that the user can view all the content. However, in the initial screen, the upper right corner and the upper left corner of the advertisement page 401 and the content page 402 are overlapped so as to coincide with each other.

  As described above, by generating the web page with advertisement, as shown in (b), when the content page 402 scrolls on the screen of the screen terminal 1, a part of the content page 402 is synchronized with the scroll. The advertisement area a installed at the predetermined position also moves upward, for example.

  At this time, since the advertisement area a has a transparent color, the advertisement page 401 superimposed on the back surface (back surface) is transmitted through the advertisement area a and displayed on the screen of the screen terminal 1. That is, the user can visually recognize a part of the advertisement page 401 from within the frame of the advertisement area a. Since the advertisement page 401 does not scroll on the screen of the screen terminal 1, the user visually recognizes the entire advertisement page 401 from the bottom to the top as the advertisement area a moves upward, for example. it can.

  In addition, a link to the advertisement page 401 is embedded in the advertisement area a. Therefore, when the advertisement area a is operated (for example, a tap operation) by the user, the content page 402 is switched to non-display on the screen of the mobile terminal 1 as shown in (c), and the advertisement page 401 is displayed. Is displayed on the front.

(Screen example of Web page with advertisement)
FIG. 6 is a diagram showing a screen example of a web page with advertisement according to an embodiment of the present invention.

  A screen 601 is an initial screen of a web page with an advertisement in the mobile terminal 1. First, as shown in (a), the user uses the mobile terminal 1 to display a web page with an advertisement on a web browser. An advertisement area a is displayed at the bottom of the screen 601. A part of the advertisement page 401 is displayed through the advertisement area a.

  Next, as shown in (b), the user scrolls the screen 601 by performing a flick operation or the like of touching and sliding the touch screen with a finger. At this time, the advertising area a moves to the middle of the screen, for example, and a part of the advertising page 401 (part different from the above (a)) is displayed through the advertising area a.

  Furthermore, as shown in (c), the user scrolls the screen 601. At this time, the advertising area a moves, for example, to the upper part of the screen, and a part of the advertising page 401 (part different from the above (a) and (b)) is displayed through the advertising area a.

  Thus, as the user scrolls the screen 601, a part of the advertisement page 401 can be visually recognized from the lower part to the upper part within the frame of the advertisement area a, and finally the entire advertisement page 401 is visually recognized. be able to.

  When the user operates the advertisement area a (for example, a tap operation), the advertisement page 401 is displayed on the front of the mobile terminal 1 as shown in (d). That is, it is displayed as a full screen advertisement on the screen of the mobile terminal 1.

(HTML file example of Web page with advertisement)
As described above, the web page with advertisement has the advertisement page 401 and the content page 402 as the components of the page, and the content is so that the advertisement page 401 is displayed on the front of the screen of the screen terminal 1. The two components are overlapped so that the page 402 is the front surface (front surface) and the advertisement page 401 is the back surface (back surface).

  In fact, such a Web page with advertisement can be realized by one HTML file. Therefore, the mobile terminal 1 can realize the web page with advertisement according to the present embodiment by displaying one HTML file with a web browser or the like.

  7 to 9 are diagrams showing examples of HTML files of web pages with advertisements according to an embodiment of the present invention. 7 to 9 show one HTML file divided into three parts for convenience of drawing. Hereinafter, each description will be described.

  FIG. 7 is a description in a <style> tag.

  701: A description of the screen layout position of the content page. Absolutely placed at the top 0 and left 0 (coordinate (0.0)) of the body. The width is specified as 100% of the screen width.

  702: Description of the screen layout position of the advertisement page. Absolutely fixed and placed at the top 0 and left 0 (coordinate (0.0)) of the body. The width is specified as 100% of the screen width and the height is specified as 100% of the screen width. That is, it arranges as a full-screen advertisement of the same size as the screen.

  703: A description definition of a transparent advertisement area. The vertical width is specified as 120px.

  FIG. 8 is a description in a <body> tag.

  801: Description of the advertisement page body. In this example, “new = body” (advertisement image (beer.jpg)) in the <style> tag is called using “id = newad-body” as a key. Since the advertisement page is HTML, in addition to the advertisement image, it is possible to describe the advertisement content in text or call a moving image in 801. Further, a link to an advertiser site or the like may be specified for an advertisement page (advertisement image, advertisement content, video, etc.). Thereby, when an advertisement page (for example, refer to Drawing 6 (d))) is further operated (for example, tap operation), a screen can be changed to an advertiser site etc.

  802: A description of the content page body. Here, specific Web page contents (for example, NEWS articles) are described. In this example, “new =” (advertisement area) in the <style> tag is called using “id = newad” as a key.

  FIG. 9 is a description in the <script> tag.

  901: A description of processing when an advertisement area is pressed (for example, a tap operation). Here, it is described that the content page is not displayed when the advertisement area is pressed. That is, by hiding the content page, the advertisement page on the back is displayed as a full screen advertisement.

<Application example>
When the advertisement area a is operated, the Web page with advertisement sends information indicating the screen position (scroll position) of the advertisement area a or the tapped screen position (screen coordinates) to the advertisement server 2 at that time. The advertisement server 2 may store the information as a log. By analyzing this log, it is possible to identify and aggregate which part of the advertisement page is displayed when the user has operated the advertisement area a based on the position of the advertisement area a on the screen. . Since it is possible to know which part of the advertising page attracted the user operation at the time when it was displayed, it can be useful for the creation of the advertising page (for example, if you put a tagline below the advertising page, Good etc).

  Regarding the billing method for the advertiser, first, the web page with advertisement is accessed to the advertisement server 2 at the timing when the advertisement area a is operated, and then accessed to the advertisement server 2 at the timing when the full-screen advertisement is operated. The advertisement server 2 may be configured to store the log. Based on the access, the advertisement server 2 performs the first billing at the timing when the advertisement area a is operated, and performs the second billing at the timing when the full-screen advertisement is operated. It is also possible to carry out the method.

<Summary>
As described above, according to the web page with an advertisement according to the present embodiment, an advertiser can submit an advertisement having a large size. In the case of a large-sized advertisement, the user can view the advertisement without feeling that it is difficult to see or tap, for example. Thereby, a high advertising effect (for example, CTR) can be expected.

  Thus, according to the present embodiment, the degree of freedom of the submitted advertisement size is improved and the advertising effect is improved even on the web page for the portable terminal.

  The present invention has been described above by the preferred embodiments of the present invention. While the invention has been described with reference to specific embodiments, various modifications and changes may be made to the embodiments without departing from the broad spirit and scope of the invention as defined in the claims. Obviously you can. That is, the present invention should not be construed as being limited by the details of the specific examples and the accompanying drawings.

1 Mobile Terminal 2 Web / Advertising Server 3 Network 11 CPU
12 ROM
13 RAM
14 Input device 15 Output device 16 Communication device 17 HDD
101 Display Unit 102 Operation Detection Unit 201 Generation Unit

Claims (6)

On the terminal device,
Content that includes an advertisement area in part and that can be scrolled according to a scroll operation is superimposed on an advertisement having a size larger than the advertisement area, and the content and an area that overlaps the advertisement area of the advertisement, Display procedure to display,
A detection procedure for detecting the scroll operation;
A moving procedure for moving the advertising area as the content scrolls in response to the scrolling operation;
A program characterized by having executed.   2. The transmission procedure of transmitting a scroll position indicating a position after the movement of the advertisement area moved in the movement procedure to a server device connected to the terminal device is further executed. program. The detection procedure further detects a tap operation on the advertisement area and a tap operation on the advertisement when the advertisement is displayed in front of the content in response to the tap operation on the advertisement area.
The said transmission procedure transmits the said tap operation detected in the said detection procedure to the said server apparatus, The program of Claim 2 characterized by the above-mentioned. A terminal device,
A reception unit that receives control information for controlling screen display;
Based on the control information,
Content that includes an advertisement area in part and that can be scrolled according to a scroll operation is superimposed on an advertisement having a size larger than the advertisement area, and the content and an area that overlaps the advertisement area of the advertisement, Display procedure to display
A detection procedure for detecting the scroll operation;
A moving procedure for moving the advertising area as the content scrolls in response to the scrolling operation;
The terminal device characterized by performing.   5. The transmission procedure of transmitting a scroll position representing a position after the movement of the advertisement area moved in the movement procedure to a server device connected to the terminal device is further executed. Terminal device. The detection procedure further detects a tap operation on the advertisement area and a tap operation on the advertisement when the advertisement is displayed in front of the content in response to the tap operation on the advertisement area.
The terminal device according to claim 5, wherein the transmission procedure transmits the tap operation detected in the detection procedure to the server device.