JP5997328B2 - Program and terminal device - Google Patents
Program and terminal device Download PDFInfo
- Publication number
- JP5997328B2 JP5997328B2 JP2015146960A JP2015146960A JP5997328B2 JP 5997328 B2 JP5997328 B2 JP 5997328B2 JP 2015146960 A JP2015146960 A JP 2015146960A JP 2015146960 A JP2015146960 A JP 2015146960A JP 5997328 B2 JP5997328 B2 JP 5997328B2
- Authority
- JP
- Japan
- Prior art keywords
- advertisement
- area
- page
- content
- procedure
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 claims description 25
- 238000001514 detection method Methods 0.000 claims description 8
- 230000004044 response Effects 0.000 claims description 5
- 230000005540 biological transmission Effects 0.000 claims 4
- 238000010586 diagram Methods 0.000 description 10
- 230000000694 effects Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 235000013405 beer Nutrition 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
Landscapes
- Document Processing Apparatus (AREA)
- User Interface Of Digital Computer (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Description
本発明は、プログラム及び端末装置の技術に関する。 The present invention relates to a technology of a program and a terminal device.
従来より、Webページ(Webサイト)上の広告として、バナー広告が知られている。一方、近年、スマートフォンに代表される携帯端末が広く普及している。このため、携帯端末を用いて、Webページを閲覧するユーザも多い。 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.
ここで、ユーザが携帯端末の画面は、PC等の画面と比較して小さいため、携帯端末向けのWebページ上には、広告を設置しにくいという問題がある。 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.
これに関する技術として、例えば、Webページ上、広告を小さく加工して表示したり、又は、Webページの状況により広告の表示位置を変えて広告を表示しようとする技術が知られている(例えば、特許文献1参照)。 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).
しかしながら、携帯端末向けのWebページ上に広告を設置すると、多くの場合、広告領域は小さくならざるを得ないため、入稿広告のサイズも制限される。このため、広告主は、サイズの大きい広告を入稿するのが困難という問題がある。また、サイズの小さい広告の場合、ユーザは、例えば、見にくい、タップ操作しにくいと感じてしまうため、高い広告効果(例えば、CTR)を望むことが困難であった。 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).
本発明は上記の点に鑑み提案されたものであり、携帯端末向けのWebページ上でも、入稿広告サイズの自由度を向上させ、広告効果を向上させることにある。 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.
本発明の実施の形態によれば、携帯端末向けのWebページ上でも、入稿広告サイズの自由度を向上させ、広告効果を向上させることができる。 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.
以下、本発明の好適な実施形態につき説明する。 Hereinafter, preferred embodiments of the present invention will be described.
<構成>
(ネットワーク構成)
図1は、本発明の一実施形態にかかる広告システムのネットワーク構成図である。広告システムは、携帯端末1、Web/広告サーバ2が、ネットワーク3を介して接続される。
<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.
携帯端末1は、携帯端末向けのWebページを閲覧するためのユーザ端末装置である。ユーザは、携帯端末1を用いて広告付きWebページにアクセスし、Webページ内の情報や広告を閲覧する。 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.
なお、携帯端末1は、例えば、スマートフォン、タブレットなどにより構成される。また、例えば、広告付きWebページを閲覧するためのWebブラウザなどのアプリケーションを備える。 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.
Web/広告サーバ2は、携帯端末1に対し、広告付きWebページを生成し、提供する広告生成装置である。本実施形態では、Webサーバ兼広告サーバとして構成される。Web/広告サーバ2は、携帯端末1からWebページ(Webサイト)の閲覧要求を受信すると、Webページ上に広告主から入稿された広告を設置することにより広告付きWebページを生成し、生成した広告付きWebページを応答する。これにより、携帯端末1は、広告付きWebページを閲覧できる。なお、いうまでもなく、Webサーバと広告サーバとは、それぞれ別の装置で構成されてもよい。 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.
ネットワーク3は、有線、無線を含むネットワークで、例えば、携帯端末1、Web/広告サーバ2を相互に接続するインターネット網である。また、携帯端末1とインターネット間は、3G、4G、WiFi(登録商標)等で接続される。 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.
(ハードウェア構成)
図2は、本発明の一実施形態にかかる携帯端末1及びWeb/広告サーバ2のハードウェア構成例を示す図である。具体的に、図に示されるように、CPU(Central Processing Unit)11と、ROM(Read Only Memory)12と、RAM(Random Access Memory)13と、入力装置14と、出力装置15と、通信装置16と、HDD(Hard Disk Drive)17とを有する。
(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.
CPU11は、各種プログラムの実行や演算処理を行う。ROM12は、起動時に必要なプログラムなどが記憶されている。RAM13は、CPU11での処理を一時的に記憶したり、データを記憶したりする。入力装置14は、キーボードやマウスである(タッチパネルを含む)。出力装置15は、映像や画像を表示出力するディスプレイや、音声等を出力するスピーカーである。通信装置16は、ネットワーク3を介し他装置との通信を行う。HDD17は、各種データ及びプログラムを格納する。 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.
(ソフトウェア構成)
図3は、本発明の一実施形態にかかる携帯端末1及びWeb/広告サーバ2のソフトウェア構成例を示す図である。
(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.
まず、Web/広告サーバ2は、機能部として、生成部201を有する。 First, the Web / advertisement server 2 includes a generation unit 201 as a functional unit.
生成部201は、携帯端末1からWebページの閲覧要求を受信すると、Webページ上に広告主から入稿された広告を設置することにより広告付きWebページを生成する。また、生成した広告付きWebページを応答する。 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.
なお、生成部201は、広告付きWebページとして、広告領域を一部に含み、操作に応じて広告領域を画面スクロール可能なコンテンツページと、広告領域よりも大きいサイズの広告ページとを重畳した広告付きWebページを生成する。広告付きWebページの具体例については、後述する。 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.
次に、携帯端末1は、機能部として、表示部101、操作部102を有する。 Next, the mobile terminal 1 includes a display unit 101 and an operation unit 102 as functional units.
表示部102は、広告付きWebページを表示する機能を有する。広告付きWebページの具体例については、後述する。 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.
操作部102は、ユーザ操作に従って、広告付きWebページの画面スクロール操作や、広告に対する操作(例えば、タップ操作)を検知し実行する機能を有する。なお、画面スクロール操作が検知された場合、広告付きWebページを、例えば、上下左右にスクロールさせる。また、広告への操作が検知された場合、例えば、広告を全画面表示の広告へ切り替えたり、広告にリンクされるURLへ画面を遷移させたりする。この点、詳細は後述する。 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.
<広告例>
次に、本実施形態にかかる広告付きWebページを例示する。なお、以下に示される広告付きWebページは、Web/広告サーバ2(生成部201)により生成され、携帯端末1に送信されるものである。
<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.
(広告付きWebページの構成要素)
図4は、本発明の一実施形態にかかる広告付きWebページの構成要素を示す図である。広告付きWebページは、ページの構成要素として、広告ページ401と、コンテンツページ402とを有する。
(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.
広告ページ401は、広告主が入稿する広告データである。なお、広告データは、画像データ(広告画像)を用いる他、動画データ(動画広告)、テキスト(テキスト広告)などであってもよい。 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.
コンテンツページ402は、Webページのコンテンツである。図例のコンテンツページ402は、ポータルサイトのトップページの例を示す。なお、コンテンツページ402のコンテンツボリュームは、携帯端末1の1画面内では収まらない程度の縦サイズ(長さ)とする。つまり、ユーザが全コンテンツを閲覧する場合、フリック操作等で画面を上方にスクロールさせる必要がある。 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.
また、コンテンツページ402は、図に示されるように、ページの一部の所定位置に設置された広告領域aを有する。広告領域aは、コンテンツページ402内の記述定義により設置される。 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.
ここで、広告領域aの形状は、矩形とする。また、広告領域aのサイズとして、横幅は、コンテンツページ402にあわせ、縦幅は、携帯端末1画面のおおよそ1/3〜1/5程度とする。また、広告領域aの色属性は、透過色とする。なお、広告領域aの形状は、矩形の他、円(楕円)や、多角形とすることも可能である。また、広告領域aの色属性は、透過色であれば、有色でもよい。 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には、広告ページ401へのリンクを埋め込んでおく。つまり、ユーザにより広告領域aが操作(例えば、タップ操作)された場合、携帯端末1の画面上、広告ページ401が前面に表示されるようにする。 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.
(広告付きWebページの生成)
図5は、本発明の一実施形態にかかる広告付きWebページの生成例を示す図である。上述したように、広告付きWebページは、ページの構成要素として、広告ページ401と、コンテンツページ402とを有する。
(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.
まず、(a)に示されるように、広告付きWebページは、画面端末1の画面上、コンテンツページ402を前面(表面)、広告ページ401を背面(裏面)になるよう、2つの構成要素を重ね合わせて生成される。 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.
広告ページ401は、画面端末1の画面上でスクロールしないように、その4隅を固定する。一方、コンテンツページ402は、携帯端末1の1画面内では収まらない程度の縦サイズ(長さ)であるので、ユーザが全コンテンツを閲覧できるよう、画面上でスクロール可能とする。但し、初期画面において、広告ページ401及びコンテンツページ402の右上隅と左上隅の2点を一致するように重ね合わせる。 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.
以上のように、広告付きWebページを生成することで、(b)に示されるように、画面端末1の画面上で、コンテンツページ402がスクロールすると、スクロールに合わせて、コンテンツページ402の一部の所定位置に設置された広告領域aも、例えば上方へ移動する。 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.
このとき、広告領域aは透過色となっているので、背面(裏面)に重ね合わされている広告ページ401が広告領域aを透過して、画面端末1の画面上に表示される。つまり、ユーザが広告領域aの枠内から、広告ページ401の一部を視認できる。なお、広告ページ401は、画面端末1の画面上でスクロールしないので、広告領域aが例えば上方へ移動するにつれ、ユーザは、下部から上部へ向かって、最終的には広告ページ401の全体を視認できる。 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.
また、広告領域aには、広告ページ401へのリンクが埋め込まれている。このため、ユーザにより広告領域aが操作(例えば、タップ操作)された場合、(c)に示されるように、携帯端末1の画面上、コンテンツページ402は非表示に切替えられて、広告ページ401が前面に表示される。 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.
(広告付きWebページの画面例)
図6は、本発明の一実施形態にかかる広告付きWebページの画面例を示す図である。
(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.
画面601は、携帯端末1における広告付きWebページの初期画面である。まず、(a)に示されるように、ユーザは携帯端末1を用いて、Webブラウザ上、広告付きWebページを表示する。画面601の下部には、広告領域aが表示される。また、広告ページ401の一部が広告領域aを透過して表示される。 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.
次に、(b)に示されるように、ユーザは、タッチスクリーンに指で触れてスライドさせるフリック操作等を行って、画面601をスクロールさせる。このとき、広告領域aが例えば画面の中ほどへ移動し、広告ページ401の一部(上記(a)とは異なる部分)が広告領域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.
さらに、(c)に示されるように、ユーザは、画面601をスクロールさせる。このとき、広告領域aが例えば画面の上方へ移動し、広告ページ401の一部(上記(a)、(b)とは異なる部分)が広告領域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.
このように、ユーザは、画面601をスクロールさせるにつれ、広告領域aの枠内から、広告ページ401の一部を下部から上部へ向かって視認でき、最終的には広告ページ401の全体を視認することができる。 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.
また、ユーザにより広告領域aが操作(例えば、タップ操作)された場合、(d)に示されるように、携帯端末1の画面上、広告ページ401が前面に表示される。つまり、携帯端末1の画面では、全画面広告として表示される。 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.
(広告付きWebページのHTMLファイル例)
上述したように、広告付きWebページは、ページの構成要素として、広告ページ401と、コンテンツページ402とを有し、画面端末1の画面上、広告ページ401が前面に表示されるように、コンテンツページ402を前面(表面)、広告ページ401を背面(裏面)になるよう、2つの構成要素を重ね合わせて生成される。
(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).
実際、このような広告付きWebページは、1つのHTMLファイルにより実現することが可能である。このため、携帯端末1は、1つのHTMLファイルをWebブラウザ等で表示することで、本実施形態にかかる広告付きWebページを実現することができる。 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〜9は、本発明の一実施形態にかかる広告付きWebページのHTMLファイル例を示す図である。なお、図7〜9は、図面の都合上、1つのHTMLファイルを3分割して示したものである。以下、記述部分ごとに説明する。 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.
図7は、<style>タグ内の記述である。 FIG. 7 is a description in a <style> tag.
701:コンテンツページの画面配置位置の記述である。絶対初期配置でbodyの上0、左0(座標(0.0))に配置。横幅は画面横幅100%に指定。 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:広告ページの画面配置位置の記述である。絶対固定配置でbodyの上0、左0(座標(0.0))に配置。横幅は画面横幅100%に、縦幅は画面縦幅100%に指定。つまり、画面と同一サイズの全画面広告として配置する。 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:透過する広告領域の記述定義である。縦幅は120pxに指定。 703: A description definition of a transparent advertisement area. The vertical width is specified as 120px.
図8は、<body>タグ内の記述である。 FIG. 8 is a description in a <body> tag.
801:広告ページ本体の記述である。ここでは「id=newad−body」をキーとして、<style>タグ内の「newad−body」(広告画像(beer.jpg))が呼び出される構造である。なお、広告ページは、HTMLとなっているので、広告画像の他、801で、テキストで広告コンテンツを記述したり、動画を呼び出したりすることも可能である。また、広告ページ(広告画像、広告コンテンツ、動画等)に対し、さらに、広告主サイトなどへのリンクを指定してもよい。これにより、広告ページ(例えば、図6(d)参照))がさらに操作(例えば、タップ操作)された場合、広告主サイト等へ画面を切替えることができる。 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:コンテンツページ本体の記述である。ここでは、具体的なWebページのコンテンツ(例えば、NEWS記事等)が記述される。また、ここでは「id=newad」をキーとして、<style>タグ内の「newad」(広告領域)が呼び出される構造である。 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.
図9は、<script>タグ内の記述である。 FIG. 9 is a description in the <script> tag.
901:広告領域を押したとき(例えば、タップ操作)の処理の記述である。ここでは、広告領域を押したとき、コンテンツページを非表示することが記述されている。つまり、コンテンツページを非表示することで、背面の広告ページが全画面広告として表示される。 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.
<応用例>
広告付きWebページは、広告領域aが操作された場合、そのときのコンテンツページにおける広告領域aの画面位置(スクロール位置)もしくはタップされた画面位置(スクリーン座標)を示す情報を広告サーバ2へ送らせる構成であって、広告サーバ2がその情報をログとして蓄積する構成であってもよい。このログを解析することにより、広告領域aの画面上の位置を基に、広告ページの内どの部分が表示されたときにユーザが広告領域aを操作したかを特定して集計することができる。広告ページの内どの部分が表示されたタイミングでユーザ操作を誘引したかが分かるので、以降、広告ページの作成に役立てることができる(例えば、広告ページの内、下方に、キャッチフレーズを入れた方がよい等)。
<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).
また、広告主に対する課金方法に関し、まず、広告付きWebページは、広告領域aが操作されたタイミングで広告サーバ2へアクセスさせると共に、その後、全画面広告が操作されたタイミングで広告サーバ2へアクセスさせる構成にし、広告サーバ2がそのログを蓄積する構成であってもよい。広告サーバ2は、アクセスに基づいて、広告領域aが操作されたタイミングで第1の課金を実施すると共に、全画面広告が操作されたタイミングで、第2の課金を実施するという2段階式課金方法を実施することも可能である。 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.
<総括>
以上、本実施形態にかかる広告付きWebページによれば、広告主は、サイズの大きい広告を入稿するのができる。また、サイズの大きいさい広告の場合、ユーザは、例えば、見にくい、タップ操作しにくいと感じることなく、広告を閲覧することができる。これにより、高い広告効果(例えば、CTR)が期待できる。
<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.
このように、本実施形態によれば、携帯端末向けのWebページ上でも、入稿広告サイズの自由度を向上させ、広告効果を向上させることにある。 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 携帯端末
2 Web/広告サーバ
3 ネットワーク
11 CPU
12 ROM
13 RAM
14 入力装置
15 出力装置
16 通信装置
17 HDD
101 表示部
102 操作検知部
201 生成部
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 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 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.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2015146960A JP5997328B2 (en) | 2015-07-24 | 2015-07-24 | Program and terminal device |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2015146960A JP5997328B2 (en) | 2015-07-24 | 2015-07-24 | Program and terminal device |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2014212044A Division JP5805289B2 (en) | 2014-10-16 | 2014-10-16 | Apparatus and distribution method |
Related Child Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2016164864A Division JP6279679B2 (en) | 2016-08-25 | 2016-08-25 | Program, terminal device, device, and distribution method |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2015228238A JP2015228238A (en) | 2015-12-17 |
JP5997328B2 true JP5997328B2 (en) | 2016-09-28 |
Family
ID=54885625
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2015146960A Active JP5997328B2 (en) | 2015-07-24 | 2015-07-24 | Program and terminal device |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP5997328B2 (en) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP6186457B2 (en) * | 2016-01-19 | 2017-08-23 | ヤフー株式会社 | Information display program, information display device, information display method, and distribution device |
JP6104437B1 (en) * | 2016-08-03 | 2017-03-29 | ヤフー株式会社 | Information display program, information display device, information display method, and distribution device |
JP6490122B2 (en) * | 2017-02-28 | 2019-03-27 | ヤフー株式会社 | Information display program, information display device, information display method, and distribution device |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1116133A1 (en) * | 1998-09-25 | 2001-07-18 | Narrative Communications Corporation | Changing advertisement size in response to user interactions |
JP2002215510A (en) * | 2001-01-17 | 2002-08-02 | Directlink:Kk | Advertising method for supplying variable advertisement and advertising method for registering property information on advertisement information and supplying customized advertisement information |
-
2015
- 2015-07-24 JP JP2015146960A patent/JP5997328B2/en active Active
Also Published As
Publication number | Publication date |
---|---|
JP2015228238A (en) | 2015-12-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP5638648B2 (en) | Advertisement generation device, advertisement generation program, and terminal device | |
JP5620958B2 (en) | Advertisement display control device, terminal device, advertisement display method, and advertisement display program | |
JP5324411B2 (en) | Advertisement distribution apparatus, method and program | |
CN110909274B (en) | Page browsing method and device and electronic equipment | |
CN105892794A (en) | Browser interface display method and device | |
JP5997328B2 (en) | Program and terminal device | |
JP6109798B2 (en) | Advertisement display control device, terminal device, advertisement display method, and advertisement display program | |
JP5805289B2 (en) | Apparatus and distribution method | |
JP5563703B2 (en) | Content distribution apparatus, content distribution method, content distribution program, and terminal program | |
CN106201407A (en) | A kind of data display method and terminal | |
JP6339550B2 (en) | Terminal program, terminal device, and terminal control method | |
JP6279679B2 (en) | Program, terminal device, device, and distribution method | |
JP2016024586A (en) | Information processing device, information processing method, and program | |
US10137373B2 (en) | Recording medium, information processing device and information processing method | |
JP2004086744A (en) | Information processor and program | |
JP2014146233A (en) | Material sharing program, terminal device, material sharing method | |
JP2014164736A (en) | Web page browsing device and program | |
JP2014021945A (en) | Information processor and program | |
JP6312901B2 (en) | Terminal program, terminal device, and terminal control method | |
JP6559280B2 (en) | Terminal program, terminal device, and terminal control method | |
JP6577731B2 (en) | Terminal device, display control method, and program | |
JP2017027276A (en) | Image display method | |
JP5774042B2 (en) | Server device, program, terminal device, and display method | |
US9514552B2 (en) | Information processing apparatus, information processing method, and storage medium | |
JP6101654B2 (en) | Distribution apparatus, distribution method, distribution program, and control program |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20150917 |
|
TRDD | Decision of grant or rejection written | ||
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20160726 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20160727 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20160825 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 5997328 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
S531 | Written request for registration of change of domicile |
Free format text: JAPANESE INTERMEDIATE CODE: R313531 |
|
R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
S533 | Written request for registration of change of name |
Free format text: JAPANESE INTERMEDIATE CODE: R313533 |
|
R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
S111 | Request for change of ownership or part of ownership |
Free format text: JAPANESE INTERMEDIATE CODE: R313111 |
|
R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
S111 | Request for change of ownership or part of ownership |
Free format text: JAPANESE INTERMEDIATE CODE: R313111 |
|
R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |