JP6444338B2 - Information display program, information display apparatus, information display method, distribution apparatus, and distribution method - Google Patents
Information display program, information display apparatus, information display method, distribution apparatus, and distribution method Download PDFInfo
- Publication number
- JP6444338B2 JP6444338B2 JP2016101573A JP2016101573A JP6444338B2 JP 6444338 B2 JP6444338 B2 JP 6444338B2 JP 2016101573 A JP2016101573 A JP 2016101573A JP 2016101573 A JP2016101573 A JP 2016101573A JP 6444338 B2 JP6444338 B2 JP 6444338B2
- Authority
- JP
- Japan
- Prior art keywords
- content
- terminal device
- area
- displayed
- display
- 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 title claims description 81
- 230000008569 process Effects 0.000 claims description 36
- 230000004044 response Effects 0.000 claims description 8
- 238000012545 processing Methods 0.000 description 53
- 238000010586 diagram Methods 0.000 description 22
- 230000000694 effects Effects 0.000 description 18
- 238000004891 communication Methods 0.000 description 13
- 230000006870 function Effects 0.000 description 12
- 230000010365 information processing Effects 0.000 description 8
- 230000008859 change Effects 0.000 description 7
- 230000002542 deteriorative effect Effects 0.000 description 5
- 230000006866 deterioration Effects 0.000 description 4
- 238000013515 script Methods 0.000 description 4
- 239000000284 extract Substances 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 239000004065 semiconductor Substances 0.000 description 3
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000007774 longterm Effects 0.000 description 1
- 230000006855 networking Effects 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000010079 rubber tapping Methods 0.000 description 1
- 230000008685 targeting Effects 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
- 230000037303 wrinkles Effects 0.000 description 1
Images
Landscapes
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Description
本発明は、情報表示プログラム、情報表示装置、情報表示方法、配信装置および配信方法に関する。
The present invention relates to an information display program, an information display device , an information display method , a distribution device, and a distribution method .
従来、スマートフォンやタブレット型PC(Personal Computer)等のスマートデバイス、デスクトップ型のPC等、任意の情報表示装置に複数の情報を表示させる技術が知られている。このような技術の一例として、画面上に所定のコンテンツを表示し、利用者からの操作に応じて、コンテンツの表示態様を変更することで、コンテンツに対する興味を生じさせる技術が知られている。例えば、画面上にウェブページと、広告に係るコンテンツとを表示し、利用者がウェブページのスクロール操作を行った場合は、コンテンツを表示する面積を拡大する技術が知られている。 Conventionally, a technique for displaying a plurality of information on an arbitrary information display device such as a smart device such as a smartphone or a tablet PC (Personal Computer), a desktop PC, or the like is known. As an example of such a technique, a technique for generating interest in content by displaying predetermined content on a screen and changing the display mode of the content according to an operation from a user is known. For example, a technique is known that displays a web page and content related to an advertisement on a screen, and enlarges the area for displaying the content when a user performs a scroll operation of the web page.
しかしながら、上記の従来技術では、コンテンツに係る情報の訴求効果が必ずしも高いとは言えない場合がある。例えば、従来技術では、ウェブページのスクロール操作が行われた場合に、コンテンツを表示する面積を増大させるので、ウェブページを注視する利用者のコンテンツに対する印象が悪化する恐れがある。 However, in the above-described conventional technology, it may not be said that the effect of appealing information related to the content is necessarily high. For example, in the prior art, when the scroll operation of the web page is performed, the area for displaying the content is increased, so that the impression of the content of the user watching the web page may be deteriorated.
本願は、上記に鑑みてなされたものであって、コンテンツに係る情報の訴求効果を向上させる情報表示装置、配信装置、情報表示方法および情報表示プログラムを提供することを目的とする。 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.
本願に係る情報表示プログラムは、第1コンテンツの前面に当該第1コンテンツとは異なる第2コンテンツを重ねて表示する表示手順と、前記第1コンテンツに対する移動操作が行われた場合は、前記第2コンテンツを移動させずに、当該第2コンテンツのうち表示される領域の端を徐々に狭めることで、前記第1コンテンツが表示される領域の広さを変更する制御手順と、を実行させることを特徴とする。
The information display program according to the present application includes a display procedure for displaying a second content different from the first content in front of the first content, and a second operation when the moving operation is performed on the first content. A control procedure for changing the size of the area in which the first content is displayed by gradually narrowing the edge of the area in which the second content is displayed without moving the content. Features.
実施形態の一態様によれば、コンテンツに係る情報の訴求効果を向上させることができるという効果を奏する。 According to one aspect of the embodiment, there is an effect that the effect of appealing information related to the content can be improved.
以下に、本願に係る情報表示プログラム、情報表示装置、情報表示方法、配信装置および配信方法を実施するための形態(以下、「実施形態」と記載する。)について図面を参照しつつ詳細に説明する。なお、この実施形態により本願に係る情報表示プログラム、情報表示装置、情報表示方法、配信装置および配信方法が限定されるものではない。また、以下の各実施形態において同一の部位には同一の符号を付し、重複する説明は省略される。 DESCRIPTION OF EMBODIMENTS Hereinafter, a mode for implementing an information display program, an information display device , an information display method , a distribution device, and a distribution method according to the present application (hereinafter referred to as “embodiment”) will be described in detail with reference to the drawings. To do. In addition, the information display program, the information display device , the information display method , the distribution device, and the distribution method 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.端末装置100の一例〕
まず、図1を用いて、情報表示装置の一例である端末装置100が実行する処理の一例について説明する。図1は、実施形態に係る端末装置の一例を示す図である。図1では、端末装置100によって、ウェブページC10と、コンテンツC20とが表示される例を示す。
[1. Example of terminal device 100]
First, an example of processing executed by the
図1に示した端末装置100は、スマートフォンやタブレット等のスマートデバイスであり、3G(Generation)やLTE(Long Term Evolution)等の無線通信網を介して任意のサーバ装置と通信を行うことができる携帯端末装置である。また、端末装置100は、液晶ディスプレイ等の出力部130を有する。なお、端末装置100には、タッチパネルが採用されているものとする。すなわち、端末装置100の利用者は、指やスタイラスで出力部130の表示面(以下、画面と記載する場合がある。)をタッチすることにより各種操作を行う。
A
ウェブページC10は、例えば、ニュース、天気予報、受信メールのインデックスや内容、フォトビュワー、その他各種のコンテンツが配置されたウェブページであり、HTML(Hyper Text Markup Language)やXML(Extensible Markup Language)等で記述されたウェブページである。ここで、ウェブページC10の先頭には、コンテンツC20の表示サイズと同じサイズの空欄C11若しくは利用者に視認されなくてもよい任意のコンテンツが挿入されているものとする。 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. Here, it is assumed that a blank C11 having the same size as the display size of the content C20 or any content that does not need to be visually recognized by the user is inserted at the top of the web page C10.
なお、以下の説明では、ウェブページC10は、いわゆるポータルサイトのウェブページであるものとする。また、ウェブページC10は、スマートデバイス用に最適化されたウェブページであり、横方向の表示サイズが、端末装置100が有する画面の横方向の表示サイズと同じウェブページであるものとする。また、ウェブページC10は、縦方向の表示サイズが、端末装置100が有する出力部130の縦方向の表示サイズよりも長いウェブページであり、複数の「ニュース1」〜「ニュース5」といった複数のニュースに係るコンテンツが配置されているものとする。
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
なお、ウェブページC10は、例えば、ニュース、天気予報、受信メールのインデックスや内容、フォトビュワー、その他各種のコンテンツが独立したタイル状に配置されたコンテンツであり、タイル状に配置されたコンテンツごとに操作や更新等を行うことができるコンテンツであってもよい。かかる場合、ウェブページC10に配置される各タイルの大きさや配置位置は、タイルごとに自動で変更されてもよく、利用者の操作に応じて変更されてもよい。なお、ウェブページC10は、HTML(Hyper Text Markup Language)やXML(Extensible Markup Language)等で記述されたウェブページであってもよい。このようなウェブページC10には、検索キーワードを入力するための入力欄や、他のウェブページへのリンク等が含まれる。 The web page C10 is, for example, news, weather forecasts, received mail indexes and contents, photo viewers, and other various contents arranged in independent tiles. For each content arranged in tiles, for example, It may be content that can be operated and updated. In such a case, the size 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 operation. The web page C10 may be a web page described in HTML (Hyper Text Markup Language), XML (Extensible Markup Language), or the like. Such a web page C10 includes an input field for inputting a search keyword, links to other web pages, and the like.
コンテンツC20は、ウェブページC10とともに表示されるコンテンツであり、例えば、広告に係るコンテンツ(以下、広告コンテンツと記載する。)である。例えば、コンテンツC20は、複数のコンテンツC21〜C23により構成されるコンテンツである。 The content C20 is content displayed together with the web page C10, for example, content related to an advertisement (hereinafter referred to as advertisement content). For example, the content C20 is a content composed of a plurality of contents C21 to C23.
より詳細には、コンテンツC21は、コンテンツC20として表示される画像のうち、上端から3分の1までの範囲を含む画像である。また、コンテンツC22は、コンテンツC20として表示される画像のうち、上端から3分の2までの範囲を含む画像である。また、コンテンツC23は、コンテンツC20として表示される画像の全範囲を含む画像である。 More specifically, the content C21 is an image including a range from the upper end to one third of the image displayed as the content C20. Content C22 is an image including a range from the upper end to two-thirds of the image displayed as content C20. The content C23 is an image including the entire range of images displayed as the content C20.
なお、コンテンツC20は、それぞれ独立した複数のコンテンツにより構成されてもよく、それぞれ独立した複数のコンテンツが組み合わせることによって全体として異なる1つのコンテンツとして構成されてもよい。また、コンテンツC20は、任意の数のコンテンツにより構成されてもよい。 Note that the content C20 may be configured by a plurality of independent contents, or may be configured as a single content that is different as a whole by combining a plurality of independent contents. Further, the content C20 may be composed of an arbitrary number of contents.
また、後述するように、コンテンツC20は、CSS(Cascading Style Sheets)、HTML5、その他の動的なコンテンツを記述可能なスクリプト等により、配置位置や表示位置が設定される結果、利用者の操作等により表示態様が変化するコンテンツである。例えば、コンテンツC20は、利用者の操作により表示、消去、拡大、縮小、移動、回転、再生、一時停止等の制御が行われる画像、文字、図形、記号、動画像等を含むコンテンツである。なお、コンテンツC20は、ウェブページC10と同様に、HTMLやXML等で記述されたウェブページであってもよい。 Further, as will be described later, the content C20 is set by the CSS (Cascading Style Sheets), HTML5, and other scripts that can describe dynamic content, as a result of setting the arrangement position and the display position, so that the user's operation, etc. This is a content whose display mode changes. For example, the content C20 is content that includes images, characters, figures, symbols, moving images, and the like that are controlled by a user operation such as display, deletion, enlargement, reduction, movement, rotation, reproduction, and pause. Note that the content C20 may be a web page described in HTML, XML, or the like, like the web page C10.
ここで、広告に係るコンテンツとは、営利若しくは非営利の広告だけではなく、ボランティアの募集、公共広告、公共に対する通知、ウェブページC10に係る情報の一部、その他任意のコンテンツであるものとする。すなわち、コンテンツC20は、いわゆる広告関連の情報を含むコンテンツのみならず、利用者に興味を抱かせ、コンテンツC20に含まれる情報、または、コンテンツC20と関連するコンテンツ(例えば、ランディングページ等)に含まれる情報を広く報知するものであれば、画像、動画像、文字、図形、記号、ハイパーリンク、その他任意のコンテンツを適用可能である。 Here, the content relating to the advertisement is not limited to the commercial or non-profit advertisement, but also recruits volunteers, public advertisements, notification to the public, part of the information related to the web page C10, and other arbitrary contents. . That is, the content C20 is not only included in content including so-called advertisement-related information but also included in information included in the content C20 or content related to the content C20 (for example, a landing page) that interests the user. As long as the information is widely notified, images, moving images, characters, figures, symbols, hyperlinks, and other arbitrary contents can be applied.
端末装置100は、ウェブページC10の配信を受けると、広告に係るコンテンツの配信を行う広告配信サーバ20に配信要求を送信する。そして、端末装置100は、広告配信サーバ20から広告に係るコンテンツとして、コンテンツC20の配信を受けると、ウェブページC10とコンテンツC20とを表示する。
Upon receiving the distribution of the web page C10, the
〔2.端末装置100が実行する処理〕
ここで、従来技術では、ウェブページC10のスクロール操作が行われた際に、所定のコンテンツを表示する領域を拡大した。しかしながら、かかる従来技術では、コンテンツ領域の拡大に伴い、ウェブページC10が表示される領域(以下、ウェブページC10の表示領域と記載する)が狭くなるので、利用者がウェブページを注視している場合は、コンテンツに対する利用者の印象が悪化し、コンテンツに係る情報の訴求効果が適切に発揮できない場合がある。
[2. Processing executed by terminal device 100]
Here, in the prior art, when the scroll operation of the web page C10 is performed, an area for displaying predetermined content is enlarged. However, in such a conventional technique, as the content area is expanded, an area where the web page C10 is displayed (hereinafter referred to as a display area of the web page C10) is narrowed, so the user is watching the web page. In such a case, the user's impression of the content may deteriorate, and the appeal effect of the information related to the content may not be exhibited appropriately.
また、従来、ウェブページC10のうち、初期表示が行われる範囲内にコンテンツを配置することで、コンテンツのインプレッション数を向上させるといった表示処理が行われてきた。しかしながら、利用者がコンテンツの配信前にウェブページC10をスクロールさせた場合は、利用者が実際にコンテンツを視認していないにも関わらず、コンテンツが視認されたものとしてインプレッション数がカウントされてしまう。 Conventionally, display processing has been performed in which the number of impressions of the content is improved by arranging the content within the range where the initial display is performed in the web page C10. However, if the user scrolls the web page C10 before distributing the content, the number of impressions is counted as the content being viewed even though the user has not actually viewed the content. .
また、ウェブページC10をスクロールする際に、コンテンツを表示し続けた場合は、コンテンツに対する利用者の印象が悪化する恐れがある。一方で、広告配信に対する課金は、利用者による閲覧や選択等に対して行われるため、広告にかかるコンテンツは、利用者の目に留まり易い態様で行われるのが望ましい。 Further, if the content continues to be displayed when scrolling the web page C10, the user's impression of the content may be deteriorated. On the other hand, since billing for advertisement distribution is performed for browsing and selection by the user, it is desirable that the content related to the advertisement be performed in a manner that is easily noticeable to the user.
〔2−1.表示処理〕
そこで、端末装置100は、以下の表示処理を行う。まず、端末装置100は、ウェブページC10とコンテンツC20とを表示する。そして、端末装置100は、ウェブページC10のスクロール操作が行われた場合は、コンテンツC20を移動させることなく、コンテンツC20のうち表示される領域(コンテンツC20の表示領域と記載する。以下同様。)をスクロール操作が行われた方向へと狭めることで、ウェブページC10が表示される領域の広さを拡大する。
[2-1. Display processing)
Therefore, the
より具体的には、端末装置100は、画面上端にウェブページC10を表示し、ウェブページC10よりも前面にコンテンツC20を配置して表示する。ここで、ウェブページC10の先頭には、コンテンツC20の表示サイズと同サイズの空欄C11が挿入されているので、端末装置100は、空欄C11を有さないウェブページC10の上端がコンテンツC20の下端に接するように配置された初期画面を表示する。
More specifically, the
ここで、ウェブページC10やコンテンツC20の上端とは、ウェブページC10やコンテンツC20を画面に表示する際に基準となる位置であり、ウェブページC10やコンテンツC20を表示する際に、画面上の最も上側に配置される端である。また、ウェブページC10やコンテンツC20の下端とは、ウェブページC10やコンテンツC20を画面に表示する際に生じる端のうち、画面上の最も下側に配置される端である。 Here, the upper end of the web page C10 or the content C20 is a reference position when the web page C10 or the content C20 is displayed on the screen, and is the most on the screen when the web page C10 or the content C20 is displayed. It is an end arranged on the upper side. Further, the lower end of the web page C10 or the content C20 is an end arranged at the lowermost position on the screen among the ends generated when the web page C10 or the content C20 is displayed on the screen.
そして、端末装置100は、ウェブページC10を画面上方向に移動させるスクロール操作(以下、上スクロール操作と記載する)が行われた場合は、ウェブページC10をスクロールさせるとともに、コンテンツC20の表示領域を、画面下方向から上方向へと徐々に狭める。ここで、画面上方向とは、端末装置100が有する画面上において、ウェブページC10やコンテンツC20の上端が表示される方向であり、画面下方向とは、画面上においてウェブページやコンテンツC20の下端が配置される方向である。換言すると、端末装置100は、コンテンツC20の上端を移動させることなく、コンテンツC20の下端をスクロール操作に従って徐々に画面上方向へと移動させることで、コンテンツC20の表示領域の幅を徐々に狭める。
Then, when a scroll operation for moving the web page C10 in the upward direction on the screen (hereinafter referred to as an up scroll operation) is performed, the
ここで、端末装置100は、複数のコンテンツC21〜C23によりコンテンツC20が構成されている場合、コンテンツC21〜C23毎に、異なるタイミングで各コンテンツC21〜C23の表示領域を個別に狭める。例えば、端末装置100は、各コンテンツC21〜C23の上端の位置を揃えるように、コンテンツC21の背面にコンテンツC22を配置し、コンテンツC22の背面にコンテンツC23を配置することで、コンテンツC20を構成する。
Here, when the content C20 is configured by the plurality of contents C21 to C23, the
そして、端末装置100は、上スクロール操作が行われた場合は、コンテンツC23を移動させることなく、コンテンツC23の表示領域の下端を徐々に画面上方向へと移動させることで、コンテンツC23の表示領域を画面上方向へと徐々に狭める。また、端末装置100は、コンテンツC23の表示領域が狭まり、コンテンツC23がコンテンツC22の背面に隠れる結果、コンテンツC23が表示されなくなった後で、さらに上スクロール操作が行われた場合は、コンテンツC22を移動させることなく、コンテンツC22の表示領域の下端を徐々に画面上方向へと移動させることで、コンテンツC22の表示領域を画面上方向へと徐々に狭める。
Then, when an upward scroll operation is performed, the
そして、端末装置100は、コンテンツC22の表示領域が狭まり、コンテンツC22がコンテンツC21の背面に隠れる結果、コンテンツC22が表示されなくなった後で、さらに上スクロール操作が行われた場合は、コンテンツC21を移動させることなく、コンテンツC21の表示領域を画面上方向へと徐々に狭める。この結果、端末装置100は、ウェブページC10のスクロール操作に従って、コンテンツC20を移動させることなく、コンテンツC20の表示領域を徐々に狭め、ウェブページC10の表示領域を拡大する。
If the display area of the content C22 is narrowed and the content C22 is hidden behind the content C21 and the content C22 is not displayed after the
なお、端末装置100は、コンテンツC20を3等分した画像をコンテンツC21〜C23として並べて配置することでコンテンツC20を表示し、各コンテンツC21〜C23の表示領域を同時に狭めることで、スリット状にコンテンツC20の表示領域を徐々に狭める表示を行ってもよい。
The
また、端末装置100は、各コンテンツC21〜C23の表示領域を狭め始めるタイミングに、差分を設ける。例えば、端末装置100は、コンテンツC23が表示されなくなった後で上スクロール操作の量が所定の閾値を超えるまでは、コンテンツC22の表示領域を狭めることなく表示し、上スクロール操作の量が所定の閾値を超えた場合は、コンテンツC22の表示領域を狭め始める。
In addition, the
また、端末装置100は、例えば、コンテンツC23の全体が表示されなくなってからコンテンツC22の表示領域を狭め始めるまでのスクロール量と、コンテンツC22の全体が表示されなくなってからコンテンツC21の表示領域を狭め始めるまでのスクロール量とに異なる値を採用してもよい。このように、端末装置100は、ウェブページC10に対するスクロール操作に応じて、コンテンツC20を移動させることなく、コンテンツC20の表示領域の広さを徐々に狭めるのであれば、任意の態様で、コンテンツC20の表示領域の広さを狭めてよい。
In addition, the
また、端末装置100は、コンテンツC20を利用者が選択した場合は、所定のランディングページを表示してもよい。ここで、端末装置100は、コンテンツC21〜C23ごとに異なるランディングページを表示してもよく、コンテンツC21〜C23のうち表示されているコンテンツの数や、コンテンツC20のうち表示されている領域の割合等に応じて、異なるランディングページを表示してもよい。また、端末装置100は、コンテンツC21〜C23が表示されていない場合は、コンテンツC21〜C23が配置されていた位置を利用者がタップしても、ランディングページを表示しないといった処理を行ってもよい。
Further, the
〔2−2.表示処理の実現手法について〕
ここで、端末装置100は、上述した表示処理を任意の手法により実現することができる。例えば、端末装置100は、スクロール量を監視し、監視したスクロール量が所定の閾値を超えた場合は、スクロール操作に従って、コンテンツC20の表示領域を徐々に狭めてもよい。また、例えば、端末装置100は、ウェブページC10のうち所定の位置がコンテンツC20の下端よりも画面上方向に位置しているか否かを判定する。そして、端末装置100は、ウェブページC10のうち所定の位置がコンテンツC20の下端よりも画面上方向に位置している場合は、コンテンツC20の下端を、かかる所定の位置まで画面上方向に移動させてもよい。
[2-2. About display processing methods)
Here, the
また、端末装置100は、CSS等のスクリプトを利用することにより、上述した表示処理を実現してもよい。例えば、端末装置100は、コンテンツC20を画面上端に固定した領域である配置領域に配置する。また、端末装置100は、コンテンツC20を視認可能な状態で表示する領域である可視領域を、コンテンツC20の親要素としてウェブページC10の上端から所定の位置まで設定する。
Further, the
ここで、端末装置100は、コンテンツC20の配置領域を設定した場合、コンテンツC20を配置領域上に配置して表示しようとする。しかしながら、端末装置100は、親要素としての可視領域が設定されている場合、可視領域内でのみコンテンツC20を可視状態にする。このため、端末装置100は、コンテンツC20のうち、コンテンツC20が配置され、かつ、コンテンツC20が可視状態となる範囲、すなわち、配置領域と可視領域とが重なる範囲のみを可視状態にし、画面上に表示することとなる。
Here, when the arrangement area of the content C20 is set, the
例えば、初期画面においては、配置領域全体がコンテンツC20の可視領域に含まれる、すなわち、配置領域と可視領域とが一致する。このため、端末装置100は、初期画面においてコンテンツC20の全体を表示する。一方、上スクロール操作が行われた場合は、ウェブページC10のスクロール操作に合わせて可視領域が移動する。そして、コンテンツC20の下端が配置領域の下端よりも画面上方向に移動した場合は、配置領域と可視領域とに齟齬が生じるので、コンテンツC20のうち、配置領域と可視領域とが一致する範囲のみが表示されることとなる。
For example, in the initial screen, the entire arrangement area is included in the visible area of the content C20, that is, the arrangement area and the visible area match. Therefore, the
この結果、端末装置100は、コンテンツC20のうち、配置領域の下端から可視領域の下端までの範囲が不可視状態となるので、コンテンツC20を移動させることなくその表示領域を下端から徐々に狭め、コンテンツC20の背面に配置されたウェブページC10を表示する。すなわち、ここでいう不可視状態は、コンテンツC20の透過度等がプログラムやスクリプトによって操作されることにより実現されるものではなく、配置領域のうち可視領域に含まれない範囲が表示されないという現象により実現される。
As a result, since the range from the lower end of the arrangement area to the lower end of the visible area in the content C20 becomes invisible, the
ここで、端末装置100は、コンテンツC21〜C23ごとに可視領域と配置領域とをそれぞれ個別に設定してもよい。例えば、端末装置100は、コンテンツC21〜C23の配置領域を画面上端から順に設定するとともに、それぞれ異なる位置に下端が設定された可視領域を設定する。より詳細には、端末装置100は、ウェブページC10の上端からコンテンツC23、コンテンツC22、コンテンツC21の順で、各可視領域の下端と下端との間がコンテンツC21の幅よりも広くなるように、各可視領域の下端を設定する。そして、端末装置100は、コンテンツC21〜C23のうち可視領域に含まれる範囲を表示する。
Here, the
上述した設定を行った場合、端末装置100は、スクロール操作により、コンテンツC23の可視領域の下端がコンテンツC23の配置領域の下端よりも画面上方向に移動するので、コンテンツC23の表示領域を下端から徐々に狭め、コンテンツC23を不可視状態にする。また、端末装置100は、スクロール操作がさらに行われると、コンテンツC22の可視領域の下端がコンテンツC22の配置領域の下端よりも画面上方向に移動するので、コンテンツC22の表示領域を下端から徐々に狭め、コンテンツC22を不可視状態にする。そして、端末装置100は、スクロール操作がさらに行われると、コンテンツC21の可視領域の下端がコンテンツC21の配置領域の下端よりも画面上方向に移動するので、コンテンツC21の表示領域を下端から徐々に狭め、コンテンツC21を不可視状態にする。
When the setting described above is performed, the
このように、端末装置100は、コンテンツC20の配置領域とコンテンツC20の親要素となる可視領域とを設定することで、ウェブページC10のスクロール操作に応じ、コンテンツC20を移動させることなく、コンテンツC20の表示領域を徐々に狭めることができる。この結果、端末装置100は、スクロール量やコンテンツC10の位置を判定するといった複雑な処理を行なわずとも、上述した表示処理を容易に実現することができる。
In this way, the
〔2−3.スクロール操作の方向について〕
なお、端末装置100は、画面下方向にウェブページC10を移動させるスクロール操作(以下、下スクロール操作と記載する。)が行われた場合は、徐々にコンテンツC20の表示領域を拡大してもよい。例えば、端末装置100は、コンテンツC20の表示領域を狭めた後で、下スクロール操作が行われた場合は、コンテンツC20を移動させることなく、コンテンツC20表示領域の下端を画面下方向に移動させることで、コンテンツC20の表示領域を広げてもよい。
[2-3. (Direction of scroll operation)
Note that the
〔2−4.端末装置100が実行する処理の一例〕
以下、図1を用いて、端末装置100が実行する表示処理の一例を説明する。なお、以下の説明では、端末装置100が複数のコンテンツC21〜C23の表示領域をそれぞれ異なるタイミングで狭め始めることで、コンテンツC21〜C23から構成されるコンテンツC20の表示領域を段階的に狭める表示処理の一例を第1状態〜第6状態に分けて説明する。また、以下の説明では、コンテンツC23の可視領域の下端がウェブページC10に含まれる「ニュース1」の上端の位置に配置され、コンテンツC22の可視領域の下端がウェブページC10に含まれる「ニュース2」の上端の位置に配置され、コンテンツC21の可視領域の下端がウェブページC10に含まれる「ニュース3」の上端の位置に配置されているものとする。
[2-4. Example of processing executed by terminal device 100]
Hereinafter, an example of display processing executed by the
まず、端末装置100は、ウェブページC10と、コンテンツC20との配信を受付ける。かかる場合、端末装置100は、第1状態に示すように、画面上端からコンテンツC21〜C23を並べて配置し、画面上端からウェブページC10を配置して表示することで、ウェブページC10とコンテンツC20とを並べた初期画面を表示する。
First, the
ここで、端末装置100は、利用者の指F10がウェブページC10上で上スクロール操作を行った場合は、ウェブページC10を画面上方向にスクロールさせる。そして、端末装置100は、ウェブページC10に含まれる「ニュース1」の上端がコンテンツC23の下端よりも画面上方向まで移動した場合、すなわち、コンテンツC23の可視領域の上端がコンテンツC23の配置領域の下端よりも画面上方向に移動した場合は、第2状態に示すように、「ニュース1」の上端の位置に合わせてコンテンツC23の表示領域を狭め始める。
Here, when the user's finger F10 performs an upward scroll operation on the web page C10, the
そして、端末装置100は、上スクロール操作に従って、コンテンツC23の表示領域を徐々に狭め、第3状態に示すように、コンテンツC23を不可視状態とする。なお、第3状態に示す例では、コンテンツC23の全体が不可視状態となっているわけではないものの、可視状態となっている範囲がコンテンツC22の背面に配置されている結果、コンテンツC23は画面上に表示されず、不可視状態となる。
Then, the
ここで、端末装置100は、さらに上スクロール操作が行われても、コンテンツC22の表示領域を狭めず、ウェブページC10のスクロールのみを行う。そして、端末装置100は、上スクロール操作が行われた結果、ウェブページC10に含まれる「ニュース2」の上端がコンテンツC22の下端よりも画面上方向まで移動した場合、すなわち、コンテンツC22の可視領域の上端がコンテンツC22の配置領域の下端よりも画面上方向に移動した場合は、第4状態に示すように、「ニュース2」の上端の位置に合わせてコンテンツC22の表示領域を狭め始める。そして、端末装置100は、上スクロール操作に従って、コンテンツC22の表示領域を徐々に狭め、第5状態に示すように、コンテンツC22をコンテンツC23と同様に不可視状態とし、コンテンツC21のみを表示する。
Here, the
同様に、端末装置100は、さらに上スクロール操作が行われても、コンテンツC21の表示領域を狭めず、ウェブページC10のスクロールのみを行う。そして、端末装置100は、上スクロール操作が行われた結果、ウェブページC10に含まれる「ニュース3」の上端がコンテンツC21の下端よりも画面上方向まで移動した場合、すなわち、コンテンツC21の可視領域の上端がコンテンツC21の配置領域の下端よりも画面上方向に移動した場合は、上スクロール操作に従って、コンテンツC21の表示領域を徐々に狭める。そして、端末装置100は、ウェブページC10に含まれる「ニュース3」の上端が画面上端まで移動した場合は、第6状態に示すように、コンテンツC21を不可視状態とする。
Similarly, the
なお、端末装置100は、下スクロール操作が行われた場合は、第6状態から第1状態に示すように、コンテンツC21〜C23の順に、各コンテンツC21〜C23の表示領域を徐々に拡大することで、コンテンツC20を表示してもよい。また、端末装置100は、例えば、コンテンツC20を非表示とするためのボタン等を表示し、かかるボタンが選択された場合は、コンテンツC20全体を非表示にしてもよい。また、端末装置100は、コンテンツC20全体を非表示とした後は、下スクロール操作等が行われても、コンテンツC20を非表示状態に保ってもよい。
In addition, when the downward scroll operation is performed, the
このように、端末装置100は、利用者が上スクロール操作を行い続けた場合、コンテンツC20を段階的に不可視状態にし、ウェブページC10の表示領域を広げる。より詳細には、端末装置100は、スクロール操作に従ってコンテンツC23の表示領域を狭め、コンテンツC23が不可視状態になった後で、所定量だけスクロール操作が行われると、コンテンツC22の表示領域を狭める処理を開始する。
As described above, when the user continues to perform the upward scroll operation, the
また、端末装置100は、コンテンツC22が不可視状態になった後で、所定量だけスクロール操作が行われると、コンテンツC21の表示領域を狭める処理を開始する。このような処理を実行することで、端末装置100は、スクロール操作に従ってコンテンツC21〜C23の表示領域を単純に狭めるのではなく、コンテンツC21〜C23の表示領域を段階的に異なるタイミングで狭めるといった複雑な表示態様で、コンテンツC21〜C23を不可視状態にする。
In addition, when the scroll operation is performed by a predetermined amount after the content C22 becomes invisible, the
この結果、端末装置100は、コンテンツC20に対する利用者の印象の悪化を防ぎつつ、コンテンツC20に対する気づきを与えることができる。この結果、端末装置100は、コンテンツC20に興味を持った利用者をコンテンツC20へと誘導することができるので、コンテンツC20に係る情報の訴求力を向上させることができる。
As a result, the
また、端末装置100は、利用者が初期画面から即時に上スクロール操作を行っても、すぐにはコンテンツC20を非表示にしないので、利用者の印象の悪化を防ぎつつも、コンテンツC20のファーストビューを確保することができる。
Further, since the
また、端末装置100は、上スクロール操作が行われた場合に、コンテンツC20を上方向に移動させることなく、コンテンツC20の下端を徐々に上方向へと移動させるといった複雑な態様で、コンテンツC20を非表示とする。このため、端末装置100は、コンテンツC20に対する利用者の興味を生じさせることができる。
In addition, when an upward scroll operation is performed, the
〔2−5.実行主体について〕
なお、上記では説明を省略したが、端末装置100は、上述した表示処理を任意の手法で実現することができる。例えば、端末装置100は、上述した表示処理を端末装置100に実行させるアプリケーションをあらかじめダウンロードし、任意のタイミングでアプリケーションを実行することで、上述した処理を実現してもよい。
[2-5. About the execution subject)
In addition, although description was abbreviate | omitted above, the
また、端末装置100は、ウェブページC10やコンテンツC20の配信と同時に、上述した表示処理を実行させる制御情報の配信を受け付ける。そして、端末装置100は、制御情報に従って上記した表示処理を行う。以下、このような制御情報に従って、図1に示す表示処理を実行する端末装置100等について説明する。
In addition, the
〔3.配信システムの構成〕
以下、上記した表示処理を実現する端末装置100等について説明する。まず、図2を用いて、実施形態に係る配信システム1の構成について説明する。図2は、実施形態に係る配信システムの構成例を示す図である。図2に示すように、配信システム1は、端末装置100と、広告主端末10と、広告配信サーバ20と、コンテンツ配信サーバ30とを含む。端末装置100、広告主端末10、広告配信サーバ20およびコンテンツ配信サーバ30は、ネットワークNを介して有線または無線により通信可能に接続される。なお、図2に示す配信システム1には、複数台の端末装置100や、複数台の広告主端末10や、複数台の広告配信サーバ20や、複数台のコンテンツ配信サーバ30が含まれてもよい。
[3. Distribution system configuration)
Hereinafter, the
端末装置100は、ウェブページを閲覧する利用者によって利用される情報処理装置である。例えば、端末装置100は、スマートフォン等の携帯電話機や、タブレット端末や、PDA(Personal Digital Assistant)や、デスクトップ型PC(Personal Computer)や、ノート型PC等である。端末装置100は、利用者による操作にしたがって、コンテンツ配信サーバ30からウェブページC10を取得し、取得したウェブページC10を表示する。また、端末装置100は、ウェブページC10とともに後述する取得命令が含まれる場合には、コンテンツC20を広告配信サーバ20から取得する。また、端末装置100は、上述した表示処理を実現する制御情報の配信を広告配信サーバ20から受付けた場合は、かかる制御情報に従って動作し、表示処理を実現する。
The
広告主端末10は、広告主によって利用される情報処理装置である。例えば、広告主端末10は、デスクトップ型PCや、ノート型PCや、タブレット端末や、携帯電話機や、PDA等である。広告主端末10は、広告主による操作にしたがって、コンテンツC20等の広告コンテンツとして広告配信サーバ20に入稿する。例えば、広告主端末10は、広告コンテンツとして、コンテンツC20を広告配信サーバ20に入稿する。また、広告主端末10は、コンテンツC20として、静止画像や、動画像や、テキストデータや、ランディングページを取得するためのURL(Uniform Resource Locator)などを広告配信サーバ20に入稿する。
The
なお、広告主は、広告コンテンツの入稿を代理店に依頼する場合がある。この場合、広告配信サーバ20に広告コンテンツを入稿するのは代理店となる。以下では、「広告主」といった表記は、広告主だけでなく代理店を含む概念であり、「広告主端末」といった表記は、広告主端末10だけでなく代理店によって利用される代理店装置を含む概念であるものとする。
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
広告配信サーバ20は、広告主端末10から入稿された広告コンテンツを配信するサーバ装置である。例えば、広告配信サーバ20は、端末装置100から広告コンテンツの配信要求を受付けると、端末装置100の場所や利用者の属性等から利用者と広告コンテンツとのマッチングを行い、マッチングの結果配信対象となる広告コンテンツを端末装置100に配信する。また、広告配信サーバ20は、上述した表示処理を実現するための制御情報を広告コンテンツであるコンテンツC20とともに端末装置100に配信する。この制御情報は、例えば、JavaScript(登録商標)やCSS(Cascading Style Sheets)等のスクリプト言語により記述される。なお、表示領域のオフセット量については、制御情報として配信されてもよく、制御情報とは個別の情報として配信されてもよい。
The
コンテンツ配信サーバ30は、端末装置100にウェブページC10を配信するウェブサーバ等である。例えば、コンテンツ配信サーバ30は、ポータルサイト、ニュースサイト、オークションサイト、天気予報サイト、ショッピングサイト、ファイナンス(株価)サイト、路線検索サイト、地図提供サイト、旅行サイト、飲食店紹介サイト、ウェブブログなどに関連する各種情報がタイル状に配置されたウェブページC10を端末装置100に配信する。なお、コンテンツ配信サーバ30は、各種情報が配置されたポータルサイト等のウェブページを配信するサーバであってもよい。
The
ここで、コンテンツ配信サーバ30によって配信されるウェブページC10には、取得命令が含まれる。例えば、ウェブページC10を形成するHTMLファイル等には、広告配信サーバ20のURL等が取得命令として記述される。この場合、端末装置100は、HTMLファイル等に記述されているURLにアクセスすることで、広告配信サーバ20からコンテンツC20を広告コンテンツとして取得する。
Here, the web page C10 distributed by the
なお、コンテンツ配信サーバ30から端末装置100に配信される各種データは、実際にはウェブページを形成するHTMLファイルや画像、ウェブページとともに表示される動画像等である。
Note that the various types of data distributed from the
〔4.広告配信サーバの構成〕
次に、図3を用いて、実施形態に係る広告配信サーバ20の構成について説明する。図3は、実施形態に係る広告配信サーバの構成例を示す図である。図3に示すように、広告配信サーバ20は、通信部21と、記憶部22と、制御部23とを有する。
[4. Configuration of advertisement distribution server]
Next, the configuration of the
通信部21は、例えば、NIC(Network Interface Card)等によって実現される。そして、通信部21は、ネットワークNと有線または無線で接続され、端末装置100や広告主端末10やコンテンツ配信サーバ30との間で情報の送受信を行う。
The
記憶部22は、例えば、RAM(Random Access Memory)、フラッシュメモリ(Flash Memory)等の半導体メモリ素子、または、ハードディスク、光ディスク等の記憶装置によって実現される。また、記憶部22は、広告主端末10から入稿された広告コンテンツに関する各種情報が格納されたデータベースである広告データベース24を記憶する。
The
ここで、図4は、実施形態に係る広告データベースに格納された情報の一例を示す図である。図4に示した例では、広告データベース24は、広告主ID、広告コンテンツ、インプレッション数、インプレッション保証数、対価といった項目を有する。なお、広告データベース24は、コンテンツと利用者とのマッチングを行うための情報や、CTR(Click Through Rate)といった情報をさらに記憶してもよい。
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
「広告主ID」は、広告主または広告主端末10を識別するための識別情報を示す。「広告コンテンツ」は、広告主端末10から入稿されたコンテンツ、すなわち、コンテンツC20等の広告に係るコンテンツを示す。なお、図4では「広告コンテンツ」に「C20」〜「C60」といった概念的な情報が格納される例を示したが、実際には、共通する情報を利用者に伝えようとする個別の画像、動画像、音声と画像、テキストデータ、ゲームのデータ、ゲーム形式の広告等、各コンテンツが所在するURL、または、これらの格納場所を示すファイルパス名などが格納される。
The “advertiser ID” indicates identification information for identifying the advertiser or the
広告データベース24には、広告コンテンツとして、コンテンツC20の他にも、コンテンツC20の表示態様の変更を指示する表示指示が登録される。かかる表示指示には、コンテンツC20を構成するコンテンツC21〜C23の可視領域や配置領域の設定値などが含まれる。
In addition to the content C20, a display instruction for instructing a change in the display mode of the content C20 is registered in the
例えば、広告データベース24には、ウェブページC10の上端を基準として「0〜1000ピクセル」や「300〜1000ピクセル」といった可視領域の範囲を示す画素数がコンテンツC21〜C23ごとに登録される。また、広告データベース24には、画面の上端を基準として「0〜100ピクセル」や、「100〜200ピクセル」といった配置領域の範囲を示す画素数がコンテンツC21〜C23ごとに登録される。端末装置100は、かかる可視領域の設定と配置領域の設定との組合せにより、任意の態様でコンテンツC20の表示態様を変更できる。
For example, in the
また、表示指示には、コンテンツC20のランディングページへの遷移の契機となる利用者の操作や端末装置100の状態等を示す情報が含まれている。かかる表示指示は、例えば、広告主が広告コンテンツを登録する際に、広告主によって任意の設定が行われる。
In addition, the display instruction includes information indicating a user operation, a state of the
「インプレッション数」は、広告コンテンツが表示された回数を示す。また、「インプレッション保証数」は、対価に対して保証されている広告コンテンツの表示回数を示す。また、「対価」は、「インプレション保証数」だけ広告コンテンツが表示された際に広告主から支払われる報酬を示す。すなわち、広告配信サーバ20は、広告に係るコンテンツをインプレッション保証型で配信するサーバである。
“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
すなわち、図4では、広告主ID「B10」によって識別される広告主が、コンテンツC20を広告コンテンツとして入稿した例を示している。また、図4では、広告コンテンツ「C20」のインプレッション数が「10000」であり、インプレッション保証数が「20000」であり、インプレッション保証数だけコンテンツ「C20」が表示された際の課金額が「aaa」である例を示している。ここで、広告配信サーバ20は、コンテンツC21〜C23ごとにインプレッション数を計数してもよい。
That is, FIG. 4 shows an example in which the advertiser identified by the advertiser ID “B10” submits the content C20 as the advertising content. Also, in FIG. 4, the number of impressions of the advertising content “C20” is “10000”, the number of impression guarantees is “20000”, and the charge amount when the content “C20” is displayed for the number of guaranteed impressions is “aaa” An example is shown. Here, the
なお、広告コンテンツが選択される度に課金が行われるクリック課金形式で広告に係るコンテンツを配信する場合は広告データベース24には、コンテンツが選択された回数や、コンテンツが選択された際の課金額等が登録される。また、配信要求を受信した際に、入札形式で広告コンテンツを選択し、選択した広告コンテンツを配信する場合は、広告データベース24には、1インプレッションあたりの報酬として広告主が設定した広告料金である入札価格や、CTR等が登録される。
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
図3に戻って、説明を続ける。制御部23は、例えば、CPU(Central Processing Unit)やMPU(Micro Processing Unit)等によって、広告配信サーバ20内部の記憶装置に記憶されている各種プログラムがRAMを作業領域として実行されることにより実現される。また、制御部23は、例えば、ASIC(Application Specific Integrated Circuit)やFPGA(Field Programmable Gate Array)等の集積回路により実現される。
Returning to FIG. 3, the description will be continued. The
図3に示すように、制御部23は、入稿受付部25と、要求受付部26と、広告選択部27と、配信部28とを有し、以下に説明する情報処理の機能や作用を実現または実行する。なお、制御部23の内部構成は、図3に示した構成に限られず、後述する情報処理を行う構成であれば他の構成であってもよい。また、制御部23が有する各処理部の接続関係は、図3に示した接続関係に限られず、他の接続関係であってもよい。
As shown in FIG. 3, the
入稿受付部25は、広告主端末10から広告コンテンツの入稿を受け付ける。具体的には、入稿受付部25は、対価の指定とともに広告コンテンツの入稿を受け付ける。また、入稿受付部25は、コンテンツC20と表示指示とを受付ける。かかる場合、入稿受付部25は、コンテンツC20および表示指示を、広告主IDと、受付けた対価の値とともに広告データベース24に登録する。
The submission receiving unit 25 receives submission of advertising content from the
要求受付部26は、端末装置100から広告コンテンツの取得要求を受け付ける。例えば、要求受付部26は、広告コンテンツの取得要求として、HTTPリクエストを受け付ける。
The
広告選択部27は、要求受付部26によって広告コンテンツの取得要求が受け付けられた場合に、配信候補の広告コンテンツを広告データベース24から選択する。例えば、広告選択部27は、端末装置100の位置や利用者の属性に基づいて、広告データベース24に登録されている広告コンテンツから配信対象となる広告コンテンツのマッチングを行う。かかるマッチングにおいては、インプレッション数が、インプレッション保証数よりも多くなるように、広告コンテンツの選択が行われる。例えば、広告選択部27は、インプレッション保証数とインプレッション数との差が最も大きい広告コンテンツを優先して選択する。なお、広告選択部27は、入札価格またはCTRが高い広告コンテンツや、入札価格およびCTRの双方が高い広告コンテンツが優先的に選択されてもよい。そして、広告選択部27は、配信対象として選択された広告コンテンツを配信部28に出力する。
When the
なお、広告選択部27は、ウェブページが検索ページである場合には、検索ページに指定された検索キーワードとマッチする広告コンテンツを抽出する検索連動型広告と呼ばれる広告配信手法を用いてもよい。また、広告選択部27は、利用者の属性情報(サイコグラフィック属性、デモグラフィック属性など)とマッチする広告コンテンツを抽出するターゲティング配信と呼ばれる広告配信手法を用いてもよい。 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).
配信部28は、広告選択部27が選択した広告コンテンツとともに、端末装置100に対して制御情報を配信する。具体的には、配信部28は、広告選択部27が選択した広告コンテンツを受信すると、受信した広告コンテンツに含まれる表示指示を抽出する。そして、配信部28は、抽出した表示指示が示す内容の表示処理を端末装置100に実行させるための制御情報を生成する。かかる制御情報には、例えば、各コンテンツC21〜C23の可視領域や配置領域の位置を示す情報等が含まれる。その後、配信部28は、生成した制御情報と、広告コンテンツとを端末装置100に対して配信する。
The
〔5.コンテンツ配信サーバの構成〕
次に、図5を用いて、実施形態に係るコンテンツ配信サーバ30の構成について説明する。図5は、実施形態に係るコンテンツ配信サーバの構成例を示す図である。図5に示すように、コンテンツ配信サーバ30は、通信部31と、コンテンツ記憶部32と、制御部33とを有する。
[5. Content distribution server configuration]
Next, the configuration of the
通信部31は、例えば、NIC等によって実現される。そして、通信部31は、ネットワークNと有線または無線で接続され、端末装置100や広告配信サーバ20との間で情報の送受信を行う。
The
コンテンツ記憶部32は、例えば、RAM、フラッシュメモリ等の半導体メモリ素子、または、ハードディスク、光ディスク等の記憶装置によって実現される。そして、コンテンツ記憶部32は、コンテンツの一例であるウェブページを記憶する。例えば、コンテンツ記憶部32は、ウェブページを形成するHTMLファイルや、ウェブページに表示される静止画像や動画像を記憶する。
The
制御部33は、例えば、CPUやMPU等によって、コンテンツ配信サーバ30内部の記憶装置に記憶されている各種プログラム(配信プログラムの一例に相当)がRAMを作業領域として実行されることにより実現される。また、制御部33は、例えば、ASICやFPGA等の集積回路により実現される。
The
図5に示すように、制御部33は、受付部34と、配信部35とを有し、以下に説明する情報処理の機能や作用を実現または実行する。なお、制御部33の内部構成は、図5に示した構成に限られず、後述する情報処理を行う構成であれば他の構成であってもよい。また、制御部33が有する各処理部の接続関係は、図5に示した接続関係に限られず、他の接続関係であってもよい。
As illustrated in FIG. 5, the
受付部34は、端末装置100からウェブページの取得要求を受け付ける。例えば、受付部34は、ウェブページの取得要求として、HTTPリクエストを受け付ける。
The accepting
配信部35は、受付部34によってウェブページの取得要求が受け付けられた場合に、ウェブページを端末装置100に配信する。具体的には、配信部35は、コンテンツ記憶部32から取得要求対象のウェブページを取得し、取得したウェブページを端末装置100に配信する。
The
また、配信部35は、ウェブページC10を生成し、生成したウェブページC10を端末装置100に配信する。かかる場合、端末装置100は、ウェブページC10を受信すると、広告配信サーバ20に対して広告の配信要求を送信し、応答として受信した広告コンテンツを表示する。そして、端末装置100は、利用者の操作に応じて、広告コンテンツを変更する表示処理を実行する。
Further, the
〔6.端末装置の構成〕
次に、図6を用いて、実施形態に係る端末装置100の構成について説明する。図6は、実施形態に係る端末装置の構成例を示す図である。図6に示すように、端末装置100は、通信部110と、入力部120と、出力部130と、物理センサ140と、制御部150とを有する。
[6. Configuration of terminal device]
Next, the configuration of the
通信部110は、例えば、NIC等によって実現される。そして、通信部110は、ネットワークNと有線または無線で接続され、広告配信サーバ20やコンテンツ配信サーバ30との間で情報の送受信を行う。
The
入力部120は、利用者から各種操作を受け付ける入力装置である。例えば、入力部120は、キーボードやマウスや操作キー等によって実現される。出力部130は、各種情報を表示するための表示装置である。例えば、出力部130は、液晶ディスプレイ等によって実現される。なお、端末装置100にタッチパネルが採用される場合には、入力部120と出力部130とは一体化される。また、以下の説明では、出力部130を画面と記載する場合がある。
The
物理センサ140は、端末装置100の物理的な状態を検知するセンサである。例えば、物理センサ140は、端末装置100の3軸方向の傾きを測定するジャイロセンサである。なお、物理センサ140は、ジャイロセンサに限定されるものではなく、例えば、加速度センサ、温度センサ、音量センサ、明度センサ等、任意のセンサが適用可能である。
The physical sensor 140 is a sensor that detects the physical state of the
制御部150は、例えば、CPUやMPU等によって、端末装置100内部の記憶装置に記憶されている各種プログラム(表示プログラムの一例に相当)がRAMを作業領域として実行されることにより実現される。例えば、この各種プログラムは、ウェブブラウザと呼ばれるアプリケーションプログラムに該当する。また、制御部150は、例えば、ASICやFPGA等の集積回路により実現される。
The
図6に示すように、制御部150は、要求部151と、操作制御部152と、表示制御部153とを有し、以下に説明する情報処理の機能や作用を実現または実行する。なお、制御部150の内部構成は、図6に示した構成に限られず、後述する情報処理を行う構成であれば他の構成であってもよい。また、制御部150が有する各処理部の接続関係は、図6に示した接続関係に限られず、他の接続関係であってもよい。
As illustrated in FIG. 6, the
要求部151は、操作制御部152からウェブページC10のURLを受信した場合は、コンテンツ配信サーバ30に対して受信したURLが示すウェブページC10の取得要求を送信する。また、要求部151は、コンテンツ配信サーバ30から受信したウェブページC10に取得命令が含まれる場合に、広告コンテンツの取得要求を広告配信サーバ20に送信する。
When the
操作制御部152は、入力部120を介して受け付けた利用者の操作にしたがって、各種制御を実行する。例えば、操作制御部152は、利用者が入力部120に対してウェブページC10の表示操作を行った場合は、表示対象となるウェブページC10のURLを要求部151に出力する。また、操作制御部152は、入力部120を介して受け付けたスクロール操作やタップ操作等、利用者の操作の内容を表示制御部153に出力する。
The
表示制御部153は、受信したウェブページおよび広告コンテンツを出力部130に表示する処理を実行する。例えば、表示制御部153は、制御部150が、広告コンテンツとともに配信される制御情報を実行することで、図6に示すように、配置部154、表示部155、領域制御部156として動作し、表示処理を実行する。配置部154、表示部155、領域制御部156は、例えば、CPUやMPU等によって、制御情報がRAMを作業領域として実行されることにより実現される。
The
配置部154は、コンテンツC21〜C23を並べて配置する。例えば、配置部154は、コンテンツC20として、複数のコンテンツC21〜C23を受信した場合は、各コンテンツC21〜C23がコンテンツC20として表示されるように、各コンテンツC21〜C23を、各コンテンツC21〜C23の配置領域にそれぞれ配置する。また、配置部154は、ウェブページC10を各コンテンツC21〜C23の背面に配置する。
The
表示部155は、ウェブページC10とコンテンツC20とを表示する。具体的には、表示部155は、配置部154によって配置されたコンテンツC21〜C23及びウェブページC10を表示する。また、表示部155は、スクロール操作に従って、ウェブページC10をスクロールさせる。そして、表示部155は、各コンテンツC21〜C23のうち、対応する可視領域に含まれる範囲のみを表示する。
The
領域制御部156は、ウェブページC10のスクロール操作に従って、各コンテンツC21〜C23の可視領域を移動させることで、各コンテンツC21〜C23を移動させることなく、各コンテンツC21〜C23の表示領域をスクロール操作が行われた方向へ狭めさせる。この結果、領域制御部156は、ウェブページC10の表示領域の広さを拡大する。
The
より具体的には、領域制御部156は、各コンテンツC21〜C23ごとに設定された可視領域を、ウェブページC10と同様に、スクロール操作に従って移動させる。この結果、領域制御部156は、上方向のスクロール操作に従って、各コンテンツC21〜C23の表示領域を、それぞれ個別に、画面下方向から上方向へと徐々に狭める。
More specifically, the
ここで、各コンテンツC21〜C23の可視領域C21b〜C23bは、それぞれ異なる位置が下端として設定されている。このため、領域制御部156は、各可視領域を移動させることで、各コンテンツC21〜C23の表示領域をそれぞれ異なるタイミングで狭めることとなる。また、各コンテンツC21〜C23の可視領域は、ウェブページC10の上端を基準として、コンテンツC23、コンテンツC22、コンテンツC21の順に下端が設定されている。このため、領域制御部156は、コンテンツC23、コンテンツC22、コンテンツC21の順に、各コンテンツC21〜C23の表示領域を狭め始めることとなる。
Here, in the visible areas C21b to C23b of the contents C21 to C23, different positions are set as lower ends. For this reason, the
また、可視領域C23bの下端と可視領域C22bの下端との間、および、可視領域C22bの下端と可視領域C21bの下端との間に間隔を設けた場合、端末装置100は、以下の表示処理を行う。すなわち、端末装置100は、コンテンツC23が不可視状態になった後で、スクロール操作が行われても、しばらくコンテンツC22の表示領域を狭めず、所定量だけスクロール操作が行われた後でコンテンツC22の表示領域を狭める処理を開始する。また、端末装置100は、コンテンツC22が不可視状態になった後で、スクロール操作が行われても、しばらくコンテンツC21の表示領域を狭めず、所定量だけスクロール操作が行われた後でコンテンツC21の表示領域を狭める処理を開始する。
Moreover, when the space | interval is provided between the lower end of visible region C23b and the lower end of visible region C22b, and between the lower end of visible region C22b and the lower end of visible region C21b, the
このように、端末装置100は、複数のコンテンツC21〜C23の表示領域を、それぞれ異なるタイミングで段階的に狭める。このため、端末装置100は、端末装置100は、例えば、表示サイズが縦に長いコンテンツ等を表示する際に、かかるコンテンツの全体を表示するだけではなく、スクロール操作に従って段階的に表示領域を狭めるので、コンテンツに対する印象の悪化を防ぎつつ、コンテンツに係る情報の訴求効果を向上させることができる。
Thus, the
〔7.配置領域と可視領域との設定例〕
ここで、図7は、配置領域と可視領域との設定の一例を説明する図である。例えば、図7中(A)に示す例では、ウェブページC10の上端から、コンテンツC21の配置領域C21a、コンテンツC22の配置領域C22a、コンテンツC23の配置領域C23aが設定されている。また、図7中(A)に示す例では、ウェブページの上端からコンテンツC23の可視領域C23bが設定され、可視領域C23bよりも下端までの距離が長いコンテンツC22の可視領域C22bが設定され、可視領域C22bよりも下端までの距離がさらに長いコンテンツC21の可視領域C21bが設定されている。
[7. (Setting example of arrangement area and visible area)
Here, FIG. 7 is a diagram illustrating an example of setting the arrangement area and the visible area. For example, in the example shown in FIG. 7A, the arrangement area C21a of the content C21, the arrangement area C22a of the content C22, and the arrangement area C23a of the content C23 are set from the upper end of the web page C10. In the example shown in FIG. 7A, the visible region C23b of the content C23 is set from the upper end of the web page, and the visible region C22b of the content C22 having a longer distance from the lower end than the visible region C23b is set. The visible region C21b of the content C21 having a longer distance to the lower end than the region C22b is set.
かかる場合、端末装置100は、図7中(B)に示すように、出力部130の画面の上端に各コンテンツC21〜C23を配置し、その背面にウェブページC10を配置する。なお、図7中(B)に示す例では、各可視領域C21b〜C23bを模式的に示した点線を、コンテンツC21〜C23とウェブページC10との間に配置した。そして、端末装置100は、図7中(C)に示すように、スクロール操作に従って、ウェブページC10及び各可視領域C21b〜C23bを移動させる。
In such a case, as shown in FIG. 7B, the
ここで、可視領域C22bの下端は、可視領域C23bの下端よりも画面下方向に設定され、可視領域C21bの下端は、可視領域C21bの下端よりも画面下方向に設定されている。この結果、端末装置100は、図7中(D)に示す可視領域C23bの下端を画面上方向に移動させることで、配置領域C23aに配置されたコンテンツC23を、下端から上端へと徐々に不可視状態にする。
Here, the lower end of the visible region C22b is set in the lower screen direction than the lower end of the visible region C23b, and the lower end of the visible region C21b is set in the lower screen direction than the lower end of the visible region C21b. As a result, the
また、端末装置100は、コンテンツC23を不可視状態にした後で、図7中(E)に示す可視領域C22bの下端を画面上方向に移動させることで、配置領域C22aに配置されたコンテンツC22を、下端から上端へと徐々に不可視状態にする。そして、端末装置100は、コンテンツC22を不可視状態にした後で、図7中(F)に示す可視領域C21bの下端が画面上方向に移動させることで、配置領域C21aに配置されたコンテンツC21を、上端から下端へと徐々に不可視状態にする。
Further, the
なお、端末装置100は、コンテンツC22を一部に含むコンテンツC23をコンテンツC22の背面に配置し、コンテンツC23の下端から画面上方向へ徐々に不可視状態にした場合は、コンテンツC22とコンテンツC23との境目をシームレスに表示することができる。しかしながら、端末装置100は、コンテンツC20のうちそれぞれ異なる範囲を各コンテンツC21〜C23として表示してもよい。例えば、端末装置100は、コンテンツC20を上端から3等分したコンテンツをコンテンツC21〜C23として表示する場合、画面上端から配置領域C21a〜C23aを並べて配置すればよい。このような設定を行った場合にも、端末装置100は、図7に示す設定を行った場合と同様の表示態様を実現できる。
In addition, when the
〔8.表示処理のバリエーション〕
上記では、図1に例示した表示態様を用いながら、端末装置100による表示処理の一例について説明した。しかしながら、実施形態は、これに限定されるものではない。以下、端末装置100が実行する表示処理のバリエーションについて説明する。なお、以下に説明する表示処理は、例えば表示部155や領域制御部156が発揮する処理により実現されるが、実施形態は、これに限定されるものではない。
[8. Variations in display processing)
In the above, an example of the display process by the
〔8−1.第1のバリエーション〕
上述した端末装置100は、ウェブページC10の上端から始まる可視領域を設定することで、各コンテンツC21〜C23を初期画面で表示した。また、上述した端末装置100は、各コンテンツC21〜C23の可視領域を重ね、各可視領域の下端の位置をずらすことで、それぞれ異なるタイミングで表示領域を狭めた。しかしながら、実施形態は、これに限定するものではない。
[8-1. First variation]
The
例えば、利用者は、コンテンツC20の配置領域を画面上端に設定し、可視領域をウェブページC10の途中に設定してもよい。このような設定を行った場合は、初期画面においてコンテンツC20の配置領域と可視領域とが重ならないので、コンテンツC20を表示せず、ウェブページC10のみを表示する。そして、端末装置100は、上スクロール操作が行われた場合に、コンテンツC20を移動することなくその表示領域の下端を画面上方向へ移動させることで、表示領域を徐々に広げ、さらに上スクロール操作が行われた場合は、表示領域を画面上方向へ徐々に狭めるといった対応で、コンテンツC20を表示する。
For example, the user may set the arrangement area of the content C20 at the upper end of the screen and set the visible area in the middle of the web page C10. When such a setting is made, the arrangement area of the content C20 and the visible area do not overlap on the initial screen, so the content C20 is not displayed and only the web page C10 is displayed. Then, when an upward scroll operation is performed, the
この結果、端末装置100は、初期画面においてはコンテンツC20を表示せずにウェブページC10のみを表示するので、利用者がウェブページC10を閲覧する行為を妨げない結果、利用者の印象の悪化を防ぐことができる。また、端末装置100は、スクロール操作が行われた際にコンテンツC20を下端から上端まで徐々に表示し、その後、コンテンツC20を下端から上端まで徐々に非表示にする。このため、端末装置100は、コンテンツC20に対する印象の悪化を防ぎつつ、コンテンツC20に係る情報の訴求力を向上させることができる。
As a result, since the
また、利用者は、例えば、表示サイズが同じ複数のコンテンツC31、C32の配置領域を同じ位置に設置し、コンテンツC31の可視領域の下端とコンテンツC32の可視領域の上端とを接するように設定してもよい。このような設定を行った場合は、端末装置100は、上スクロール操作に従って、コンテンツC31の表示領域を画面下方向から画面上方向へと徐々に広げ、コンテンツC31を表示する。
Further, for example, the user sets the arrangement areas of the plurality of contents C31 and C32 having the same display size at the same position, and sets the lower end of the visible area of the content C31 and the upper end of the visible area of the content C32 to contact each other. May be. When such setting is performed, the
また、端末装置100は、さらに上スクロール操作が行われた場合は、コンテンツC31の表示領域の下端を画面上方向へ移動させると同時に、コンテンツC31が表示されていた領域内で、コンテンツC32の表示領域の上端を画面上方向へ移動させる。また、端末装置100は、さらに上スクロール操作が行われた場合は、コンテンツC32の表示領域を徐々に狭める。このような処理を行うことで、端末装置100は、スクロール操作に従い、画面上の同一領域内で、コンテンツC31をコンテンツC32に切替えることができる。
In addition, when an upward scroll operation is further performed, the
〔8−1−1.可視領域と配置領域との設定について〕
以下、図8を用いて、表示処理のバリエーションの一例を説明する。図8は、実施形態に係る端末装置が実行する表示処理の第1のバリエーションを示す図である。なお、以下の説明では、端末装置100が同一の領域内でコンテンツを切替える表示処理の一例を第1状態〜第6状態に分けて説明する。
[8-1-1. (Setting of visible area and arrangement area)
Hereinafter, an example of a variation of the display process will be described with reference to FIG. FIG. 8 is a diagram illustrating a first variation of display processing executed by the terminal device according to the embodiment. In the following description, an example of display processing in which the
例えば、端末装置100は、図8に示すように、上端に空欄C11が設けられていないウェブページC10と、同じ表示サイズのコンテンツC31〜C33からなるコンテンツC30との配信を受付ける。ここで、各コンテンツC31〜C33は、コンテンツC21〜C23と同様に、広告に係るコンテンツであるものとする。
For example, as illustrated in FIG. 8, the
ここで、各コンテンツC31〜C33の配置領域は、画面上同一の領域に設定されており、各コンテンツC31〜C33の可視領域は、それぞれ重ならないように設定される。例えば、図9は、配置領域と可視領域との設定のバリエーションを説明する図である。図9中(A)に示す例では、各コンテンツC31〜C33の配置領域であるC30aが、ウェブページC10の上端から各コンテンツC31〜C33と同じ表示サイズだけ設定されている。 Here, the arrangement areas of the contents C31 to C33 are set to the same area on the screen, and the visible areas of the contents C31 to C33 are set so as not to overlap each other. For example, FIG. 9 is a diagram illustrating a variation in setting the arrangement area and the visible area. In the example shown in FIG. 9A, C30a, which is the arrangement area of the contents C31 to C33, is set from the upper end of the web page C10 by the same display size as the contents C31 to C33.
また、図9中(A)に示す例では、ウェブページC10の途中から、コンテンツC31〜C33の可視領域C31b〜C33bが設定されている。ここで、可視領域C32bの上端は、可視領域C31bの下端と接するように配置され、可視領域C33bの上端は、可視領域C32bの下端と接するように配置されている。 In the example shown in FIG. 9A, visible regions C31b to C33b of the contents C31 to C33 are set from the middle of the web page C10. Here, the upper end of the visible region C32b is disposed so as to be in contact with the lower end of the visible region C31b, and the upper end of the visible region C33b is disposed so as to be in contact with the lower end of the visible region C32b.
かかる場合、端末装置100は、図9中(B)に示すように、配置領域C30aに各コンテンツC31〜C33を不可視領域で配置し、その背面にウェブページC10を配置する。なお、図9中(B)に示す例では、各可視領域C31b〜C33bを模式的に示した点線を、配置領域C30aとウェブページC10との間に配置した。そして、端末装置100は、図9中(C)に示すように、スクロール操作に従って、ウェブページC10及び各可視領域C31b〜C33bを移動させる。
In such a case, as illustrated in FIG. 9B, the
かかる処理を行った場合、可視領域C31b〜C33bのうち、可視領域C31bが最初に配置領域C30aと重なることとなる。このため、端末装置100は、配置領域C30a内で、コンテンツC31を移動させずに、コンテンツC31を、下端から上端へと徐々に可視状態にする。
When such a process is performed, among the visible areas C31b to C33b, the visible area C31b first overlaps with the arrangement area C30a. Therefore, the
そして、端末装置100は、図9中(D)に示す可視領域C31bの下端及び可視領域C32bの上端が画面上方向に移動するに従い、配置領域C30a内で、コンテンツC31を下端から上端へと徐々に不可視状態にし、コンテンツC32を下端から上端へと徐々に可視状態にする。すなわち、端末装置100は、同一の配置領域C30a内で、コンテンツC31の表示領域の下端を画面上方向に移動させるとともに、コンテンツC32の表示領域の上端を上方向に移動させる。
Then, as the lower end of the visible region C31b and the upper end of the visible region C32b shown in FIG. 9D move in the screen upward direction, the
また、端末装置100は、図9中(E)に示す可視領域C32bの下端及び可視領域C33bの上端が画面上方向に移動するに従い、配置領域C30a内で、コンテンツC32を下端から上端へと徐々に不可視状態にし、コンテンツC33を下端から上端へと徐々に可視状態にする。すなわち、端末装置100は、同一の配置領域C30a内で、コンテンツC32の表示領域の下端を画面上方向に移動させるとともに、コンテンツC33の表示領域の上端を上方向に移動させる。
Further, the
そして、端末装置100は、図9中(F)に示す可視領域C33bの下端が画面上方向に移動するに従い、配置領域C30a内で、コンテンツC33を下端から上端へと徐々に不可視状態にすることで、コンテンツC33の表示領域を画面下方向から画面上方向へと徐々に狭める。
Then, the
〔8−1−2.コンテンツを切替える表示処理の一例〕
以下、図8に戻り、端末装置100がスクロール操作に従って、コンテンツC31〜C33を切替える表示処理の一例を説明する。なお、以下の説明では、可視領域C31bの上端が「ニュース1」の上端の位置に配置され、可視領域C31bの下端および可視領域C32bの上端が「ニュース2」の上端の位置に配置されているものとする。また、可視領域C32bの下端および可視領域C33bの上端が「ニュース3」の上端の位置に配置され、可視領域C33bの下端が「ニュース4」の上端の位置に配置されているものとする。
[8-1-2. Example of display processing for switching content)
Hereinafter, returning to FIG. 8, an example of a display process in which the
まず、端末装置100は、ウェブページC10と、コンテンツC30との配信を受付ける。かかる場合、端末装置100は、ウェブページC10を表示するとともに、コンテンツC20を配置領域C30aに配置する。この結果、端末装置100は、第1状態に示すように、ウェブページC10のみを可視状態で表示する。
First, the
ここで、端末装置100は、利用者の指F10がウェブページC10上で上スクロール操作を行った場合は、ウェブページC10を画面上方向にスクロールさせる。そして、端末装置100は、ウェブページC10に含まれる「ニュース1」の上端が配置領域C30aの下端よりも画面上方向まで移動した場合は、第2状態に示すように、「ニュース1」の上端の位置に合わせてコンテンツC31を下端から上端へと可視状態にすることで、コンテンツC31の表示領域を広げる。そして、端末装置100は、上スクロール操作に従って、コンテンツC31の表示領域を徐々に広げ、第3状態に示すように、コンテンツC31の全体を可視状態にする。
Here, when the user's finger F10 performs an upward scroll operation on the web page C10, the
また、端末装置100は、コンテンツC31の全体が表示されている際に、さらに上スクロール操作が行われ、ウェブページC10に含まれる「ニュース2」の上端が配置領域C30aの下端よりも画面上方向まで移動した場合は、以下の処理を実行する。すなわち、端末装置100は、第4状態に示すように、「ニュース2」の上端の位置に合わせてコンテンツC31を下端から上端へと不可視状態にし、同時に、「ニュース2」の上端の位置に合わせてコンテンツC32を下端から上端へと可視状態にする。
The
すなわち、端末装置100は、コンテンツC31を移動させずに、その表示領域を画面下方向から上方向へと狭めつつ、コンテンツC32を移動させずに、その表示領域を画面下方向から上方向へと広げる。そして、端末装置100は、上スクロール操作に従って、コンテンツC31の表示領域を徐々に狭めつつ、コンテンツC32の表示領域を徐々に広げ、第5状態に示すように、コンテンツC32の全体を可視状態にする。
That is, the
また、端末装置100は、さらに上スクロール操作が行われ、ウェブページC10に含まれる「ニュース3」の上端が配置領域C30aの下端よりも画面上方向まで移動した場合は、「ニュース3」の上端の位置に合わせてコンテンツC32を下端から上端へと不可視状態にし、同時に、「ニュース2」の上端の位置に合わせてコンテンツC33を下端から上端へと可視状態にする。
Further, when the
そして、端末装置100は、上スクロール操作に従って、コンテンツC32の表示領域を徐々に狭めつつ、コンテンツC33の表示領域を徐々に広げ、第6状態に示すように、コンテンツC33の全体を可視状態にする。なお、端末装置100は、コンテンツC33の全体が表示されている際に、さらに上スクロール操作が行われた場合は、コンテンツC33を下端から上端へと不可視状態にすることで、コンテンツC30を不可視状態にする。
Then, the
上述したように、端末装置100は、ウェブページC10の上スクロール操作に従って、同一の領域内で、画面下方向から画面上方向へとコンテンツC31がコンテンツC32に切り替わり、コンテンツC32がコンテンツC33に切り替わっていくといった複雑な表示態様で、コンテンツC31〜C33を表示できる。このため、端末装置100は、各コンテンツC30に係る情報の訴求効果を向上させることができる。
As described above, according to the upward scroll operation of the web page C10, the
なお、端末装置100は、下スクロール操作が行われた場合は、第6状態から第1状態に示すように、下スクロール操作に従って、コンテンツC33〜C31の順に、表示されるコンテンツを切替えることとなる。例えば、図9を用いて説明すると、端末装置100は、下スクロール操作が行われた場合は、配置領域C30a内で、コンテンツC33を上端から下端へと徐々に可視状態にする。そして、端末装置100は、コンテンツC33を上端から下端へと徐々に不可視状態にするとともに、コンテンツC32を上端から下端へと徐々に可視状態にする。また、端末装置100は、コンテンツC32を上端から下端へと徐々に不可視状態にするとともに、コンテンツC31を上端から下端へと徐々に可視状態にし、その後、コンテンツC31を上端から下端へと徐々に不可視状態にする。
In addition, when the downward scroll operation is performed, the
〔8−2.第2のバリエーション〕
上述した端末装置100は、各コンテンツC21〜C23、C31〜C33の配置領域と可視領域とを設定することで、上述した各種の表示処理を行った。しかしながら、実施形態は、これに限定するものではない。
[8-2. Second variation]
The
例えば、図10は、実施形態に係る端末装置が実行する表示処理の第2のバリエーションを示す図である。なお、以下の説明では、端末装置100が同一の領域内でコンテンC40の表示を変更する処理の一例を第1状態〜第6状態に分けて説明する。
For example, FIG. 10 is a diagram illustrating a second variation of the display process executed by the terminal device according to the embodiment. In the following description, an example of processing in which the
例えば、端末装置100は、図10に示すように、ウェブページC10と、コンテンツC40との配信を受付ける。ここで、ウェブページC10には、コンテンツC40を表示するための空欄C11が設けられており、かかる空欄C11にコンテンツC40が配置される。また、コンテンツC40は、コンテンツC41と、コンテンツC42により構成される。
For example, as illustrated in FIG. 10, the
コンテンツC41は、例えば「SALE!」といった文字が配置された領域と「○○ショップ」といった文字が配置された領域とを有する。また、コンテンツC42は、コンテンツC41が有する「SALE!」といった文字が配置された領域と同じ表示サイズのコンテンツであり、「月末まで!」といった文字が配置されている。 The content C41 has, for example, an area where characters such as “SALE!” Are arranged and an area where characters such as “XX shop” are arranged. The content C42 is content having the same display size as the area where the characters “SALE!” Of the content C41 are arranged, and the characters “until the end of the month!” Are arranged.
かかる場合、端末装置100は、第1状態に示すように、コンテンツC41をウェブページC10の空欄C11に配置して、ウェブページC10とコンテンツC41とを表示する。そして、端末装置100は、第2状態に示すように、利用者の指F10による上スクロール操作に従って、ウェブページC10をスクロールさせるとともに、コンテンツC41をスクロールさせる。
In this case, as shown in the first state, the
ここで、コンテンツC42の配置領域は、画面上端に配置されており、コンテンツC42の可視領域は、コンテンツC41のうち「○○ショップ」といった文字が配置された領域に配置されているものとする。かかる場合、端末装置100は、上スクロール操作に応じて、コンテンツC41を画面の上端から画面外へと移動させるとともに、コンテンツC42を下端から上端へと徐々に可視状態にする。
Here, it is assumed that the arrangement area of the content C42 is arranged at the upper end of the screen, and the visible area of the content C42 is arranged in an area where characters such as “XX shop” are arranged in the content C41. In such a case, the
この結果、端末装置100は、第3状態に示すように、「SALE!」といった文字を画面上方向に移動させながらその表示領域を徐々に狭めさせるとともに、コンテンツC42を移動させずに、その表示領域を画面下方向から画面上方向へと広げるといった複雑な表示対応を実現する。
As a result, as shown in the third state, the
また、端末装置100は、さらに、上スクロール操作が行われると、第4状態に示すように、コンテンツC42の全体を可視状態にする。そして、端末装置100は、さらに上スクロール操作が行われると、コンテンツC42の表示領域を移動させることなく、背面に配置されたコンテンツC41が画面上方向に移動するといった対応で、コンテンツC40を表示する。
Further, when an upward scroll operation is performed, the
そして、端末装置100は、さらに上スクロール操作が行われると、コンテンツC41の全体を画面外まで移動させるとともに、コンテンツC41の下端の位置に合わせて、コンテンツC42を移動させることなく下端から上端へと徐々に不可視状態にする。この結果、端末装置100は、第6状態に示すように、ウェブページC10のみを表示する。
Then, when the upward scroll operation is further performed, the
〔8−3.スクロールの方向に応じた表示処理について〕
上述した端末装置100は、上スクロール操作が行われると、コンテンツC20の表示領域を画面下方向から画面上方向へと徐々に狭めた。しかしながら、実施形態は、これに限定されるものではない。例えば、端末装置100は、下スクロール操作が行われた場合に、コンテンツC20の表示領域を画面上方向から画面下方向へと徐々に狭めてもよい。また、端末装置100は、画面左側から右側へと横方向のスクロール操作が行われた場合に、コンテンツC20を移動させることなく、その表示領域を画面左側から右側へと徐々に狭めてもよい。すなわち、端末装置100は、任意の方向のスクロール操作に応じて、コンテンツC20を移動させずに、その表示領域を徐々に狭めればよい。
[8-3. Display processing according to scroll direction)
The
〔8−4.可視領域の設定について〕
上述した説明以外にも、コンテンツC20〜C40を移動させずに、表示領域をスクロール操作の方向へと徐々に狭めるのであれば、端末装置100は、任意の態様を採用することができる。例えば、端末装置100は、コンテンツC21〜C23の可視領域C21b〜C21bを重ねずともよく、可視領域C21aの下端から可視領域C22bの下端までの距離と、可視領域C21bの下端から可視領域C23bの下端までの距離とを異なる距離に設定してもよい。
[8-4. (About setting the visible region)
In addition to the above description, the
また、端末装置100は、コンテンツC31〜C33の可視領域C31b〜C33bの可視領域が接するように設置せずとも好い。また、端末装置100は、コンテンツC20〜C40の一部のみが表示されるように可視領域を設定してもよい。例えば、端末装置100は、横方向の表示サイズがコンテンツC20よりも短い可視領域を設定することで、コンテンツC20の一部のみが表示されるようにしてもよい。
Further, the
〔8−5.可視領域について〕
上述した端末装置100は、コンテンツC20〜C40を可視状態にする可視領域を設定した。しかしながら、実施形態は、これに限定されるものではない。例えば、端末装置100は、コンテンツC20〜C40のうち、配置領域と重なった範囲の透過度、彩度、若しくは明度等を変更する領域を設定してもよい。また、端末装置100は、コンテンツC20〜C40が動画像である場合は、動画像の再生や停止等、動画像の再生態様を制御する領域を設定してもよい。
[8-5. (About visible region)
The
〔8−6.配置領域について〕
上述した端末装置100は、画面の上端部分に配置領域C31a〜C23a、C30aを設定した。しかしながら、実施形態は、これに限定されるものではない。すなわち、端末装置100は、画面上の任意の場所に配置領域を設定することができる。例えば、端末装置100は、画面上の下端部分、左右、中央など、任意の場所に配置領域を設定することができる。また、端末装置100は、画面内にコンテンツC21の配置領域C21aを複数配置してもよい。かかる場合、端末装置100は、画面内の複数の位置で同時にコンテンツC21の表示態様を変更することとなる。
[8-6. (Regional area)
The
〔8−7.その他〕
端末装置100は、上述した任意の処理を適宜組み合わせて、表示処理を実行してもよい。かかる組合せは、広告配信サーバ20に広告コンテンツを登録する際、表示指示として広告主が任意に設定することができる。そして、広告配信サーバ20は、広告主が設定した処理の組合せを端末装置100に実行させる制御情報を生成し、生成した制御情報を端末装置100に配信する。この結果、端末装置100は、上述した任意の処理を広告主の設定に応じて組合せ、実行することができる。
[8-7. Others]
The
〔9.端末装置100の処理フロー〕
次に、図11を用いて、制御情報を実行した端末装置100が実行する処理の手順について説明する。図11は、実施形態に係る端末装置が実行する表示処理の流れの一例を示すフローチャートである。なお、図11に示す例では、コンテンツC20等、広告配信サーバ20から配信されるコンテンツを広告コンテンツとして処理を説明する。
[9. Processing flow of terminal device 100]
Next, a procedure of processing executed by the
図11に示す例では、端末装置100は、利用者の操作に応じてコンテンツ配信サーバ30にウェブページC10の配信を要求し、コンテンツ配信サーバ30からウェブページC10を受信する(ステップS101)。次に、端末装置100は、配信されたウェブページC10に取得命令が含まれる場合は、広告配信サーバ20に対して配信要求を送信する(ステップS102)。次に、端末装置100は、広告コンテンツを受信したか否かを判定する(ステップS103)。そして、端末装置100は、広告コンテンツを受信していないと判定した場合は(ステップS103:No)、再度ステップS103を実行する。
In the example illustrated in FIG. 11, the
また、端末装置100は、広告コンテンツを受信した場合は(ステップS103:Yes)、画面上に広告コンテンツの配置領域を設定する(ステップS104)。また、端末装置100は、ウェブページC10内に広告コンテンツの可視領域を設定する(ステップS105)。そして、端末装置100は、ウェブページC10と広告コンテンツとを表示する(ステップS106)。ここで、ステップS106に示す処理においては、広告コンテンツのうち、配置領域が可視領域と重なる範囲のみが表示されることとなる。例えば、図1に示す例では、端末装置100は、コンテンツC20の全体を表示する。
Further, when receiving the advertising content (step S103: Yes), the
また、端末装置100は、スクロール操作が行われたか否かを判定し(ステップS107)、スクロール操作が行われていた場合は(ステップS107:Yes)、スクロール操作に応じて、広告コンテンツを移動させずに、スクロール方向へと表示領域を狭める(ステップS108)。例えば、図1に示す例では、端末装置100は、コンテンツC20を移動させずに、コンテンツC20の表示領域を画面上方向へと徐々に狭める。
Further, the
また、端末装置100は、利用者がリンクをタップした等の処理によりウェブページを遷移させるか否かを判定する(ステップS109)。そして、端末装置100は、ウェブページを遷移させる場合は(ステップS109:Yes)、ウェブページを遷移させ(ステップS110)、処理を終了する。
Further, the
一方、端末装置100は、ウェブページを遷移させない場合は(ステップS109:No)、ステップS107を実行する。また、端末装置100は、スクロール操作が行われていない場合は(ステップS107:No)、ステップS107を再度実行する。
On the other hand, when the
〔10.変形例〕
上記では、図1、図8、図10に例示した表示態様を用いながら、端末装置100による表示処理の一例について説明した。しかしながら、実施形態は、これに限定されるものではない。以下、端末装置100が実行する表示処理のバリエーションについて説明する。なお、以下に説明する表示処理は、例えば、配置部154、表示部155、領域制御部156が実行する処理により実現されるものとする。
[10. (Modification)
In the above, an example of display processing by the
〔10−1.コンテンツの態様について〕
上述した端末装置100は、コンテンツC20を構成する複数のコンテンツC21〜C23を表示した。しかしながら、実施形態は、これに限定されるものではない。例えば、コンテンツC21〜C23は、それぞれ異なる広告に係るコンテンツであってもよい。また、端末装置100は、コンテンツC21〜C23で構成される際と、コンテンツC21、C22で構成される際と、コンテンツC21のみで構成される際とで、異なる内容を示すように構成されたコンテンツC20を表示してもよい。
[10-1. (About the content mode)
The
〔10−2.コンテンツについて〕
上述した例では、端末装置100が、広告に係るコンテンツC20〜C40を表示する例について説明した。しかしながら、実施形態はこれに限定されるものではない。例えば、端末装置100は、文字列、模様、画像、動画像等を含むコンテンツを表示してもよい。また、端末装置100は、広告にかかるコンテンツではなく、ゲーム等を含むコンテンツC20〜C40を表示してもよく、いわゆるプレイアブル広告を含むコンテンツC20〜C40を表示してもよい。また、端末装置100は、音声を含むコンテンツC20〜C40を表示してもよい。なお、コンテンツC20〜C40に含まれる文字列、模様、画像、動画像、ゲーム、音声等は、広告に係るものに限定されるものではない。
[10-2. About content)
In the example described above, the example in which the
また、コンテンツC20は、広告に係るコンテンツに限定されるものではない。例えば、端末装置100は、ウェブページC10に代えてゲームコンテンツを表示する際、ゲームのメニューやチュートリアル等の補助コンテンツをコンテンツC20〜C40として表示してもよい。また、端末装置100は、ゲームの実行時、フラッシュやCSS等の技術により作成されたインタラクティブ形式のウェブページの表示を行う際にコンテンツC20〜C40を表示して、表示処理を実行してもよい。
Further, the content C20 is not limited to the content related to the advertisement. For example, when displaying the game content instead of the web page C10, the
また、端末装置100は、SNS(Social Networking Service)のコンテンツ、メッセンジャーアプリケーションの画面、カメラアプリケーションの画面、その他任意のコンテンツとともに、コンテンC20〜C40を表示し、上述した表示処理を実行してもよい。また、端末装置100は、ウェブページC10以外にも、ゲーム、地図、音楽再生画面、動画再生画面等、任意のコンテンツを表示してもよい。
Further, the
〔10−3.制御情報について〕
上記した端末装置100は、広告配信サーバ20がコンテンツC20とともに配信する制御情報を用いて、上記した表示処理を実行した。しかしながら、実施形態は、これに限定されるものではない。例えば、端末装置100は、上記した制御情報をコンテンツ配信サーバ30からウェブページとともに受信し、広告配信サーバ20からコンテンツC20とともに制御指示を受信する。そして、端末装置100は、コンテンツ配信サーバ30から受信した制御情報を実行するとともに、受信した制御指示に従って表示処理を実行してもよい。
[10-3. About control information)
The
また、端末装置100は、ウェブページC10の表示処理や、上述した表示処理等を端末装置100に実行させるアプリケーションをあらかじめダウンロードし、かかるアプリケーションを実行することで、上述した処理を実現してもよい。
Further, the
〔10−4.装置構成〕
また、上記実施形態では、配信システム1に、広告配信サーバ20とコンテンツ配信サーバ30とが含まれる例を示したが、広告配信サーバ20とコンテンツ配信サーバ30とは1個の装置として形成されてもよい。この場合、図3に示した広告配信サーバ20は、例えば、図5に示したコンテンツ記憶部32、受付部34、配信部35を有する。そして、広告配信サーバ20は、端末装置100からウェブページの取得要求を受け付けた場合に、広告コンテンツとともに、取得命令を含まないウェブページを端末装置100に配信する。
[10-4. Device configuration〕
In the above embodiment, the
また、上記実施形態では、広告配信サーバ20から端末装置100にコンテンツC20が配信される例を示したが、コンテンツ配信サーバ30が、広告配信サーバ20からコンテンツC20を取得してもよい。この場合、広告配信サーバ20の要求受付部26は、コンテンツ配信サーバ30からコンテンツC20の取得要求を受け付ける。また、広告配信サーバ20は、コンテンツ配信サーバ30にコンテンツC20を配信する。また、コンテンツ配信サーバ30は、広告配信サーバ20から取得したコンテンツC20とともに、取得命令を含まないウェブページを端末装置100に配信する。
In the above embodiment, the example in which the content C20 is distributed from the
〔10−5.ログについて〕
ここで、端末装置100は、コンテンツC20〜C40が表示されたか否かを示すログや、利用者によって選択されたコンテンツのログを取ってもよい。また、端末装置100は、コンテンツC20〜C40の表示回数や選択回数だけではなく、利用者が選択した時間を、画像ごとに測定してもよい。まだ、端末装置100は、初期画面からコンテンツC30を表示したか、コンテンツC20〜C30の全体を非表示にしたかを示すログを取ってもよい。また、端末装置100は、コンテンツC20〜C40が全て表示されたか否かを示すログを取ってもよい。また、端末装置100は、コンテンツC21〜C23、C31〜C33、C41、C42が表示されたか否か、表示領域を狭めたか否か、表示領域を広げたか否か、もしくは表示回数等を示すログを取ってもよい。また、端末装置100は、ウェブページC10に対する1度のアクセスで各コンテンツC20〜C40を表示した回数や、操作した回数等を示すログを取ってもよい。
[10-5. About logs)
Here, the
例えば、端末装置100は、利用者がスクロール操作を行わずにウェブページC10の表示を終了した場合は、コンテンツC30が閲覧されていない旨のログを取得してもよい。一方で、端末装置100は、初期画面から利用者が上スクロール操作を行い、コンテンツC31の表示領域を拡大した場合は、コンテンツC31が表示された旨のログを取得してもよい。また、端末装置100は、利用者がコンテンツC21〜C23を選択したか否か、コンテンツC21〜C23のいずれかが表示されている際に選択を行ったかを示すログを取ってもよい。
For example, when the user ends the display of the web page C10 without performing the scroll operation, the
このように端末装置100が取得したログは、コンテンツC20〜C40のインプレッション数やCTRの更新、コンテンツC20〜C40の表示に対する課金処理、および、広告主に広告効果を報告する際等に有用なログとなる。例えば、コンテンツC20が非表示状態になり、その後再度表示されなかった場合は、利用者がコンテンツC20に興味を有さなかったものと予測される。また、コンテンツC21〜C23が複数回表示された場合は、上スクロール操作と下スクロール操作とが何度も行われた場合は、コンテンツC20に利用者が興味を有し、表示態様を何度も変更したと予測される。このため、コンテンツC20〜C40の表示態様を変更した旨を示すログや、初期画面からのスクロール操作を示すログは、利用者がコンテンツC20〜C40に対して興味を有したか否かの指標となりえる。また、一度のアクセスで各コンテンツC20〜C40を表示した回数や、操作した回数等は、利用者の広告に対する認知度を示す指標になりえる。
The log acquired by the
そこで、広告配信サーバ20は、取得された各ログを用いて、インプレッション数の更新や、課金額の変更等を行ってもよい。例えば、広告配信サーバ20は、初期画像から下方向のスクロール操作が行われ、コンテンツC20〜C40の表示領域が拡大もしくは狭めたか、コンテンツC20〜C40の表示態様が変更されたか、コンテンツC20〜C40に含まれる動画像が再生されたか、スクロール操作が行われた回数等に応じて、課金額を変更してもよい。
Therefore, the
また、端末装置100が取得したログは、ランディングページに配置されるコンテンツの変更に用いられてもよい。例えば、端末装置100は、利用者がコンテンツC20を選択した場合は、コンテンツC20の表示領域の広さや、コンテンツC20の表示態様を最後まで変更したか否かに応じて、ランディングページを出しわけてもよい。また、端末装置100は、同一のランディングページを取得するとともに、かかるランディングページを配信するサーバに対して、コンテンツC20の表示領域の広さや、コンテンツC20の表示態様を最後まで変更したかいなか等を通知し、ランディングページに配置するコンテンツを変更させてもよい。
Further, the log acquired by the
〔10−6.端末装置の操作記録〕
また、上述してきた端末装置100は、実施形態に係るコンテンツC20〜C40が配置されているウェブページに対して、利用者がどれだけ端末装置100を操作したかという記録を広告配信サーバ20に送信してもよい。具体的には、端末装置100は、コンテンツC20〜C40が配置された際におけるスクロール操作の内容や回数、利用者の選択操作、利用者がコンテンツC20〜C40を選択した位置、選択された際のコンテンツC20〜C40の表示態様、コンテンツC20〜C40が含む動画像の再生状況等を記録する。
[10-6. Terminal device operation record)
Further, the
また、端末装置100は、コンテンツC20〜C40の選択回数や、リロードした回数や、コンテンツC20〜C40を特定する情報について端末装置100からの発信操作(例えば、SNSへの書き込みなど)など、利用者が端末装置100に対して行う種々の操作を記録することもできる。そして、端末装置100は、操作履歴に関する情報を広告配信サーバ20に送信する。
In addition, the
かかる場合、広告配信サーバ20は、端末装置100から配信された操作履歴に関する情報を集計し、かかる情報について分析した情報をさらに取得する。例えば、広告配信サーバ20は、制御情報とともにコンテンツC20〜C40を配信した場合と、配信しなかった場合とについて、ウェブページC10に対するスクロール操作の回数や、表示処理を実行した回数、表示したランディングページの種別やランディングページに配置されたコンテンツの種別、CTRなどの広告効果の指標を比較した情報などを取得する。
In such a case, the
ここで、制御情報とともにコンテンツC20〜C40を配信した際にウェブページC10に対して行われた操作の履歴は、広告効果を示す指標となりうる。すなわち、実施形態に係る制御情報を伴うコンテンツC20〜C40が表示されるウェブページにおいては、利用者によってコンテンツC20〜C40自体がクリックされることによりコンテンツC20〜C40の先のウェブページ(ランディングページ)が表示されることのみならず、かかるウェブページC10に対して利用者がどれだけ操作を行ったか(つまり、利用者がどれだけ画面の表示態様を変化させたか)という操作履歴自体が利用者のコンテンツC20〜C40への興味を示す指標といえる。 Here, the history of operations performed on the web page C10 when the contents C20 to C40 are distributed together with the control information can be an index indicating the advertising effect. That is, in the web page on which the content C20 to C40 accompanied by the control information according to the embodiment is displayed, the web page (landing page) ahead of the content C20 to C40 when the user clicks the content C20 to C40 itself. As well as the operation history itself indicating how much the user has operated on the web page C10 (that is, how much the user has changed the display mode of the screen). It can be said that it is an index indicating interest in the contents C20 to C40.
例えば、広告配信サーバ20は、利用者が初期画面から上スクロール操作を行い、各コンテンツC21〜C23、C31〜C33、C40、C41を表示させた回数や時間等を比較することで、実施形態に係る制御情報を伴うコンテンツC20〜C40を表示した際に、コンテンツC20〜C40が広く伝えようとする情報、すなわち広告に対する関心をどれくらい発生させたかを示す指標を提供することができる。
For example, the
したがって、広告配信サーバ20は、広告主端末10に端末装置100の操作履歴に関する情報を送信することにより、実施形態に係るコンテンツC20〜C40が表示されるウェブページC10に対する広告効果の指標を示すレポートとすることができる。なお、広告配信サーバ20は、広告主端末10に端末装置100の操作履歴に関する情報やログをそのまま送信してもよい。
Therefore, the
これにより、広告配信サーバ20は、端末装置100における実施形態に係る制御情報を伴うコンテンツC20〜C40の表示態様の有用性を広告主に示すことができる。
Thereby, the
〔10−7.その他〕
また、上記実施形態において説明した各処理のうち、自動的に行われるものとして説明した処理の全部または一部を手動的に行うこともでき、あるいは、手動的に行われるものとして説明した処理の全部または一部を公知の方法で自動的に行うこともできる。この他、上記文書中や図面中で示した処理手順、具体的名称、各種のデータやパラメータを含む情報については、特記する場合を除いて任意に変更することができる。例えば、各図に示した各種情報は、図示した情報に限られない。
[10-7. 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.
また、図示した各装置の各構成要素は機能概念的なものであり、必ずしも物理的に図示の如く構成されていることを要しない。すなわち、各装置の分散・統合の具体的形態は図示のものに限られず、その全部または一部を、各種の負荷や使用状況などに応じて、任意の単位で機能的または物理的に分散・統合して構成することができる。例えば、図6に示した要求部151および操作制御部152は統合されてもよい。
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
また、上記してきた各実施形態は、処理内容を矛盾させない範囲で適宜組み合わせることが可能である。 In addition, the above-described embodiments can be appropriately combined within a range in which processing contents do not contradict each other.
〔10−8.プログラム〕
また、上記してきた実施形態に係る端末装置100、広告配信サーバ20およびコンテンツ配信サーバ30は、例えば、図12に示すような構成のコンピュータ1000によって実現される。以下、広告配信サーバ20を例に挙げて説明する。図12は、広告配信サーバの機能を実現するコンピュータの一例を示すハードウェア構成図である。コンピュータ1000は、CPU1100、RAM1200、ROM1300、HDD1400、通信インターフェイス(I/F)1500、入出力インターフェイス(I/F)1600、およびメディアインターフェイス(I/F)1700を有する。
[10-8. program〕
Further, the
CPU1100は、ROM1300またはHDD1400に格納されたプログラムに基づいて動作し、各部の制御を行う。ROM1300は、コンピュータ1000の起動時にCPU1100によって実行されるブートプログラムや、コンピュータ1000のハードウェアに依存するプログラム等を格納する。
The CPU 1100 operates based on a program stored in the
HDD1400は、CPU1100によって実行されるプログラム、および、係るプログラムによって使用されるデータ等を格納する。通信インターフェイス1500は、ネットワークNを介して他の機器からデータを受信してCPU1100へ送り、CPU1100が生成したデータを他の機器へ送信する。
The
CPU1100は、入出力インターフェイス1600を介して、ディスプレイやプリンタ等の出力装置、および、キーボードやマウス等の入力装置を制御する。CPU1100は、入出力インターフェイス1600を介して、入力装置からデータを取得する。また、CPU1100は、生成したデータを入出力インターフェイス1600を介して出力装置へ出力する。
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 /
メディアインターフェイス1700は、記録媒体1800に格納されたプログラムまたはデータを読み取り、RAM1200を介してCPU1100に提供する。CPU1100は、係るプログラムを、メディアインターフェイス1700を介して記録媒体1800からRAM1200上にロードし、ロードしたプログラムを実行する。記録媒体1800は、例えばDVD(Digital Versatile Disc)、PD(Phase change rewritable Disk)等の光学記録媒体、MO(Magneto-Optical disk)等の光磁気記録媒体、テープ媒体、磁気記録媒体、または半導体メモリ等である。
The
例えば、コンピュータ1000が実施形態に係る広告配信サーバ20として機能する場合、コンピュータ1000のCPU1100は、RAM1200上にロードされたプログラムを実行することにより、制御部23の機能を実現する。また、HDD1400には、記憶部22内のデータ、すなわち広告データベース24が格納される。コンピュータ1000のCPU1100は、これらのプログラムを記録媒体1800から読み取って実行するが、他の例として、他の装置からこれらのプログラムを取得してもよい。
For example, when the
なお、コンピュータ1000が実施形態に係る端末装置100として機能する場合、コンピュータ1000のCPU1100は、RAM1200上にロードされたプログラムを実行することにより、制御部150の機能を実現する。
When the
なお、コンピュータ1000が実施形態に係るコンテンツ配信サーバ30として機能する場合、コンピュータ1000のCPU1100は、RAM1200上にロードされたプログラムを実行することにより、制御部33の機能を実現する。また、HDD1400には、コンテンツ記憶部32内のデータが格納される。
When the
〔11.効果〕
上述したように、端末装置100は、第1コンテンツの一例であるウェブページC10と第2コンテンツの一例であるコンテンツC20とを表示する。そして、端末装置100は、上スクロール操作が行われた場合は、コンテンツC20を移動させることなく、コンテンツC20の表示領域を画面上方向に狭めることで、ウェブページC10が表示される領域の広さを拡大する。
[11. effect〕
As described above, the
この結果、端末装置100は、利用者が上スクロール操作を行い続けた場合、コンテンツC20を不可視状態にし、ウェブページC10の表示領域を広げるので、コンテンツC20に対する利用者の印象の悪化を防ぎつつ、コンテンツC20に対する気づきを与えることができる。この結果、端末装置100は、コンテンツC20に興味を持った利用者をコンテンツC20へと誘導することができるので、コンテンツC20に係る情報の訴求力を向上させることができる。
As a result, the
より具体的な例を説明すると、端末装置100は、広告に係るコンテンツC20を表示した場合、広告にかかるコンテンツC20に対する利用者の興味を生じさせることができるので、コンテンツC20が伝えようとする情報、すなわち広告の内容の訴求力を向上させる結果、広告効果を向上させることができる。
To explain a more specific example, when the
また、端末装置100は、ウェブページC10の上スクロール操作に従って、コンテンツC20の表示領域の下端を画面上方向に向けて移動させる。このため、端末装置100は、コンテンツC20の下端を徐々に上方向へと移動させるといった複雑な態様で、コンテンツC20を非表示とするので、コンテンツC20に対する利用者の興味を生じさせることができる。
Further, the
また、端末装置100は、複数のコンテンツC21〜C23を並べて配置し、スクロール操作に従って、各コンテンツC21〜C23の表示領域をそれぞれ個別に狭める。このため、端末装置100は、利用者の印象を悪化させることなく、各コンテンツC21〜C23に対する利用者の興味を生じさせることができる。
In addition, the
また、端末装置100は、複数のコンテンツC21〜C23の表示領域をそれぞれ異なるタイミングで狭める結果、コンテンツC21〜C23が下端から徐々に狭まるといった複雑な対応で、コンテンツC21〜C23を非表示にするので、利用者に対してコンテンツC20に係る情報の訴求効果を向上させることができる。
In addition, the
例えば、端末装置100は、スクロール操作に従って、コンテンツC23、コンテンツC22、コンテンツC21の順に、その表示領域を段階的に狭める。この結果、端末装置100は、コンテンツC21〜C23から構成されるコンテンツC20の表示態様を、スクロール操作に伴って、段階的に狭めることができる。
For example, the
このような表示処理を行った場合、端末装置100は、利用者に対してコンテンツC20に係る情報の訴求効果を向上させることができる。例えば、端末装置100は、コンテンツC20を単一のコンテンツとして表示した場合、画面上にコンテンツC20を表示し続けるか、スクロール操作に従ってコンテンツC20を非表示にしてしまう。しかしながら、端末装置100は、複数のコンテンツC21〜C23を表示し、スクロール操作に従って、各コンテンツC21〜C23の表示領域を異なるタイミングで狭めるので、コンテンツC20を段階的に非表示にする。このため、端末装置100は、例えば、表示サイズが縦に長いコンテンツ等を表示する際に、かかるコンテンツの全体を表示するだけではなく、スクロール操作に従って段階的に表示領域を狭めるので、コンテンツに対する印象の悪化を防ぎつつ、コンテンツに係る情報の訴求効果を向上させることができる。
When such display processing is performed, the
また、端末装置100は、第2コンテンツの他の例であるコンテンツC30を不可視状態で画面内に配置し、コンテンツC30が不可視状態である際にスクロール操作が行われた場合は、コンテンツC30を移動させずに、コンテンツC30の表示領域をスクロール操作が行われた方向へ広げることで、ウェブページC10が表示される領域の広さを狭める。
Further, the
このため、端末装置100は、初期画面においてはウェブページC10のみを表示し、その後、スクロール操作に応じてコンテンツC30を表示するので、初期画面におけるウェブページC10の視認性の悪化を防ぎつつ、コンテンツC30に対する気づきを利用者に与えることができる。このため、端末装置100は、コンテンツC30に係る情報の訴求効果を向上させることができる。
For this reason, since the
また、端末装置100は、コンテンツC30が不可視状態である際にウェブページC10を上スクロール操作が行われた場合は、コンテンツC30の表示領域の上端を、画面上方向に向けて移動させる。このため、端末装置100は、上スクロール操作に従い、コンテンツC30を移動させることなく下端から徐々に表示するといった複雑な態様を実現できる。この結果、端末装置100は、コンテンツC30に係る情報の訴求効果を向上させることができる。
In addition, when the scroll operation is performed on the web page C10 when the content C30 is invisible, the
また、端末装置100は、例えば、第2コンテンツの一例であるコンテンツC31と表示サイズが同じコンテンツC32を、同じ位置に不可視状態で配置する。そして、端末装置100は、コンテンツC31の表示領域をスクロール操作が行われた方向へ狭めると同時に、コンテンツC32を移動させずに、その表示領域をスクロール操作が行われた方向へ広げる。
In addition, for example, the
この結果、端末装置100は、上スクロールに従い、下端から上端へとコンテンツC31がコンテンツC32へ徐々に切り替わるといった複雑な対応で、コンテンツC31、C32を切替えることができる。この結果、端末装置100は、コンテンツC30に係る情報の訴求効果を向上させることができる。
As a result, the
また、端末装置100は、コンテンツC31の全体が表示されている際に、スクロール操作が行われた場合は、コンテンツC31の表示領域をスクロール操作が行われた方向へ狭めると同時に、コンテンツC32を移動させずに、その表示領域をスクロール操作が行われた方向へ広げる。この結果、端末装置100は、コンテンツC31の全体を利用者に視認させることができる。
Further, when a scroll operation is performed while the entire content C31 is displayed, the
また、端末装置100は、第3コンテンツの一例であるコンテンツC33の全体が表示されている際に、スクロール操作が行われた場合は、コンテンツC33の表示領域をスクロール操作が行われた方向へ狭めることで、ウェブページC10が表示される領域の広さを拡大する。このため、端末装置100は、利用者の印象を悪化させることなく、各コンテンツC30に対する利用者の興味を生じさせることができる。
If the scroll operation is performed while the entire content C33, which is an example of the third content, is displayed, the
また、広告配信サーバ20は、端末装置100に制御情報を配信する。かかる制御情報は、端末装置100に、ウェブページC10とコンテンツC20とを表示させ、上スクロール操作が行われた場合は、コンテンツC20を移動させることなく、コンテンツC20の表示領域を画面上方向に狭めることで、ウェブページC10が表示される領域の広さを拡大する処理を実行させる。このため、広告配信サーバ20は、利用者の印象を悪化させることなく、各コンテンツC20に対する利用者の興味を生じさせることができる。
The
以上、本願の実施形態のいくつかを図面に基づいて詳細に説明したが、これらは例示であり、発明の開示の欄に記載の態様を始めとして、当業者の知識に基づいて種々の変形、改良を施した他の形態で本発明を実施することが可能である。 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.
また、上記してきた「部(section、module、unit)」は、「手段」や「回路」などに読み替えることができる。例えば、配信部は、配信手段や配信回路に読み替えることができる。 Moreover, the above-mentioned “section (module, unit)” can be read as “means”, “circuit”, and the like. For example, the distribution unit can be read as distribution means or a distribution circuit.
1 配信システム
10 広告主端末
20 広告配信サーバ
21、31、110 通信部
22 記憶部
23、33、150 制御部
24 広告データベース
25 入稿受付部
26 要求受付部
27 広告選択部
28 配信部
30 コンテンツ配信サーバ
32 コンテンツ記憶部
34 受付部
35 配信部
100 端末装置
120 入力部
130 出力部
140 物理センサ
151 要求部
152 操作制御部
153 表示制御部
154 配置部
155 表示部
156 領域制御部
DESCRIPTION OF
Claims (16)
第1コンテンツの前面に当該第1コンテンツとは異なる第2コンテンツを重ねて表示する表示手順と、
前記第1コンテンツに対する移動操作が行われた場合は、前記第2コンテンツを移動させずに、当該第2コンテンツのうち表示される領域の端を徐々に狭めることで、前記第1コンテンツが表示される領域の広さを変更する制御手順と、
を実行させるための情報表示プログラム。 On the computer,
A display procedure for displaying overlapping different second content with the first content to the front face of the first content,
When a movement operation is performed on the first content, the first content is displayed by gradually narrowing an end of a displayed area of the second content without moving the second content. A control procedure for changing the area size
Information display program for the execution.
ことを特徴とする請求項1に記載の情報表示プログラム。 The information display program according to claim 1, wherein:
ことを特徴とする請求項1または2に記載の情報表示プログラム。The information display program according to claim 1 or 2, characterized in that
ことを特徴とする請求項1〜3のうちいずれか1つに記載の情報表示プログラム。The information display program according to any one of claims 1 to 3.
ことを特徴とする請求項1〜4のうちいずれか1つに記載の情報表示プログラム。 The control procedure moves a lower end of a displayed area of the second content in the upward direction of the screen according to a moving operation for moving the first content in the upward direction of the screen. The information display program according to any one of 4 to 4 .
前記制御手順は、前記移動操作に従って、各第2コンテンツのうち表示される領域をそれぞれ個別に狭める
ことを特徴とする請求項1〜5のうちいずれか1つに記載の情報表示プログラム。 The display procedure arranges a plurality of second contents side by side,
The information display program according to any one of claims 1 to 5, wherein the control procedure narrows a displayed area of each second content individually according to the moving operation.
ことを特徴とする請求項1〜7のうちいずれか1つに記載の情報表示プログラム。 Before SL control procedure, when the second content is the moving operation when an invisible state is performed, without moving the second content, the movement operation of the area displayed among the second content The information display program according to any one of claims 1 to 7 , wherein an area in which the first content is displayed is narrowed by expanding in a direction in which the information is performed.
前記制御手順は、前記第2コンテンツのうち表示される領域を前記移動操作が行われた方向へ狭めると同時に、前記第3コンテンツを移動させずに、当該第3コンテンツのうち表示される領域を前記移動操作が行われた方向へ広げることを特徴とする請求項8または9に記載の情報表示プログラム。 In the display procedure , the third content having the same display size as the second content is arranged in an invisible state at the same position as the second content,
The control procedure narrows the displayed area of the second content in the direction in which the moving operation is performed, and at the same time, moves the displayed area of the third content without moving the third content. information display program according to claim 8 or 9, characterized in that widening the direction in which the moving operation is performed.
前記第1コンテンツに対する移動操作が行われた場合は、前記第2コンテンツを移動させずに、当該第2コンテンツのうち表示される領域の端を徐々に狭めることで、前記第1コンテンツが表示される領域の広さを変更する制御部と、
を有することを特徴とする情報表示装置。 A display unit that displays a second content different from the first content in front of the first content;
When a movement operation is performed on the first content, the first content is displayed by gradually narrowing an end of a displayed area of the second content without moving the second content. A control unit for changing the size of the area to be
An information display device comprising:
第1コンテンツの前面に当該第1コンテンツとは異なる第2コンテンツを重ねて表示する表示工程と、
前記第1コンテンツに対する移動操作が行われた場合は、前記第2コンテンツを移動させずに、当該第2コンテンツのうち表示される領域の端を徐々に狭めることで、前記第1コンテンツが表示される領域の広さを変更する制御工程と、
を含むことを特徴とする情報表示方法。 An information display method executed by the information display device,
A display step of displaying overlapping a different second content with the first content to the front face of the first content,
When a movement operation is performed on the first content, the first content is displayed by gradually narrowing an end of a displayed area of the second content without moving the second content. A control process for changing the width of the area to be
An information display method comprising:
前記制御情報は、
前記第1コンテンツの前面に前記第2コンテンツを重ねて表示する表示手順と、
前記第1コンテンツに対する移動操作が行われた場合は、前記第2コンテンツを移動させずに、当該第2コンテンツのうち表示される領域の端を徐々に狭めることで、前記第1コンテンツが表示される領域の広さを変更する制御手順と、
を前記端末装置に実行させるための制御情報であることを特徴とする配信装置。 A distribution unit that distributes control information to a terminal device that displays first content and second content different from the first content;
The control information is
A display procedure for displaying the second content superimposed on the front of the first content;
When a movement operation is performed on the first content, the first content is displayed by gradually narrowing an end of a displayed area of the second content without moving the second content. A control procedure for changing the area size
The distribution apparatus is control information for causing the terminal apparatus to execute.
第1コンテンツと当該第1コンテンツとは異なる第2コンテンツとを表示する端末装置に対して、制御情報を配信する配信工程を含み、A distribution step of distributing control information to a terminal device that displays the first content and a second content different from the first content;
前記制御情報は、The control information is
前記第1コンテンツの前面に前記第2コンテンツを重ねて表示する表示手順と、A display procedure for displaying the second content superimposed on the front of the first content;
前記第1コンテンツに対する移動操作が行われた場合は、前記第2コンテンツを移動させずに、当該第2コンテンツのうち表示される領域の端を徐々に狭めることで、前記第1コンテンツが表示される領域の広さを変更する制御手順と、When a movement operation is performed on the first content, the first content is displayed by gradually narrowing an end of a displayed area of the second content without moving the second content. A control procedure for changing the area size
を前記端末装置に実行させるための制御情報であることを特徴とする配信方法。Is a control information for causing the terminal device to execute.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2016101573A JP6444338B2 (en) | 2016-05-20 | 2016-05-20 | Information display program, information display apparatus, information display method, distribution apparatus, and distribution method |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2016101573A JP6444338B2 (en) | 2016-05-20 | 2016-05-20 | Information display program, information display apparatus, information display method, distribution apparatus, and distribution method |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2015028098A Division JP5941568B1 (en) | 2015-02-16 | 2015-02-16 | Information display program, information display apparatus, information display method, distribution apparatus, and distribution method |
Publications (3)
Publication Number | Publication Date |
---|---|
JP2016184417A JP2016184417A (en) | 2016-10-20 |
JP2016184417A5 JP2016184417A5 (en) | 2018-03-01 |
JP6444338B2 true JP6444338B2 (en) | 2018-12-26 |
Family
ID=57242037
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2016101573A Active JP6444338B2 (en) | 2016-05-20 | 2016-05-20 | Information display program, information display apparatus, information display method, distribution apparatus, and distribution method |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP6444338B2 (en) |
Family Cites Families (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH09160746A (en) * | 1995-12-11 | 1997-06-20 | Sumitomo Electric Ind Ltd | Image display device and method |
JP5265433B2 (en) * | 2009-03-27 | 2013-08-14 | ソフトバンクモバイル株式会社 | Display device and program |
JP2012173819A (en) * | 2011-02-17 | 2012-09-10 | Kyocera Corp | Portable electronic equipment, display control method, and control program |
US8963962B2 (en) * | 2012-03-06 | 2015-02-24 | Apple Inc. | Display of multiple images |
JP5916573B2 (en) * | 2012-09-19 | 2016-05-11 | シャープ株式会社 | Display device, control method, control program, and recording medium |
JP5620958B2 (en) * | 2012-09-24 | 2014-11-05 | ヤフー株式会社 | Advertisement display control device, terminal device, advertisement display method, and advertisement display program |
WO2014063834A1 (en) * | 2012-10-22 | 2014-05-01 | Telefónica, S.A. | A computed implemented method and electronic device for providing visual feedback to a user when the edge of an object has been reached |
KR102133410B1 (en) * | 2013-01-31 | 2020-07-14 | 삼성전자 주식회사 | Operating Method of Multi-Tasking and Electronic Device supporting the same |
US20150363039A1 (en) * | 2013-02-27 | 2015-12-17 | Nec Corporation | Terminal device, information display method, and recording medium |
JP5638648B2 (en) * | 2013-03-22 | 2014-12-10 | ヤフー株式会社 | Advertisement generation device, advertisement generation program, and terminal device |
JP6241071B2 (en) * | 2013-05-27 | 2017-12-06 | 日本電気株式会社 | Information processing apparatus, processing method thereof, and program |
-
2016
- 2016-05-20 JP JP2016101573A patent/JP6444338B2/en active Active
Also Published As
Publication number | Publication date |
---|---|
JP2016184417A (en) | 2016-10-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6059315B1 (en) | Information display program, information display method, information display device, and distribution device | |
JP5993075B1 (en) | Information display program, information display method, information display device, and distribution device | |
JP5937262B1 (en) | Information display program, information display apparatus, information display method, distribution apparatus, and distribution method | |
JP5941568B1 (en) | Information display program, information display apparatus, information display method, distribution apparatus, and distribution method | |
JP6005783B2 (en) | Information display program, information display apparatus, information display method, distribution apparatus, and distribution method | |
JP5881809B1 (en) | Information display device, distribution device, information display method, and information display program | |
JP6223310B2 (en) | Information display program, distribution device, information display method, and information display device | |
JP6019193B1 (en) | Information display program, information display method, information display device, and distribution device | |
JP6679640B2 (en) | Information display program, information display device, information display method, and distribution device | |
JP5985718B1 (en) | Information display program, information display apparatus, information display method, distribution apparatus, and distribution method | |
JP6096853B1 (en) | Information display program, information display method, and information display apparatus | |
JP6553783B1 (en) | INFORMATION DISPLAY PROGRAM, INFORMATION DISPLAY DEVICE, INFORMATION DISPLAY METHOD, AND DELIVERY DEVICE | |
JP2017027032A (en) | Information display device, information display method, information display program and distribution device | |
JP6765254B2 (en) | Information display program, information display method, information display device and distribution device | |
JP6566915B2 (en) | Information display program, information display apparatus, information display method, distribution apparatus, and distribution method | |
JP6211041B2 (en) | Information display program, information display method, information display device, and distribution device | |
JP5941206B1 (en) | Information display device, distribution device, information display method, and information display program | |
JP6444338B2 (en) | Information display program, information display apparatus, information display method, distribution apparatus, and distribution method | |
JP6250610B2 (en) | Information display device, information display method, information display program, and distribution device | |
JP5941205B1 (en) | Information display program, distribution device, information display method, and information display device | |
JP6449122B2 (en) | Information display program, distribution device, information display method, and information display device | |
JP5941204B1 (en) | Information display program, distribution device, information display method, and information display device | |
JP2020035240A (en) | Information display program, information display device, information display method, and distribution device | |
JP7002877B2 (en) | Information display program, information display device, information display method and distribution device | |
JP6695834B2 (en) | Information display program, information display method, information display device, and distribution device |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20180118 |
|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20180118 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20180928 |
|
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: 20181030 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20181127 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6444338 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
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 |
|
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 |