JP2021056781A - Control method, program, and terminal - Google Patents

Control method, program, and terminal Download PDF

Info

Publication number
JP2021056781A
JP2021056781A JP2019179394A JP2019179394A JP2021056781A JP 2021056781 A JP2021056781 A JP 2021056781A JP 2019179394 A JP2019179394 A JP 2019179394A JP 2019179394 A JP2019179394 A JP 2019179394A JP 2021056781 A JP2021056781 A JP 2021056781A
Authority
JP
Japan
Prior art keywords
advertisement image
partial
terminal
image
moving image
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.)
Granted
Application number
JP2019179394A
Other languages
Japanese (ja)
Other versions
JP7336341B2 (en
JP2021056781A5 (en
Inventor
和嵩 木村
Kazutaka Kimura
和嵩 木村
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Z Intermediate Global Corp
Original Assignee
Line Corp
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Line Corp filed Critical Line Corp
Priority to JP2019179394A priority Critical patent/JP7336341B2/en
Publication of JP2021056781A publication Critical patent/JP2021056781A/en
Publication of JP2021056781A5 publication Critical patent/JP2021056781A5/en
Application granted granted Critical
Publication of JP7336341B2 publication Critical patent/JP7336341B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Abstract

To solve a problem that an information display effect is low in a conventional content displaying method.SOLUTION: A method of controlling a terminal, includes: receiving first video data through a communication portion of a terminal; displaying a first partial video image that is a partial area of a first video image based on the first video data at least in a display area; displaying contents that overlap with at least a part of the first partial video image and have a transparent in at least a part thereof, in the display area; executing control for moving on the display area by a control portion of the terminal to at least a part of the transparent area of the contents, on the basis of first input of a user of the terminal to the display area; and executing control of replaying the first partial video image by the control portion, on the basis of the transparent area.SELECTED DRAWING: Figure 1

Description

本開示は、制御方法、プログラム、端末に関する。 The present disclosure relates to control methods, programs and terminals.

昨今、スマートフォンや携帯電話(フィーチャーフォン)、コンピュータ等の端末に、ウェブページや広告等の各種のコンテンツを表示させて、ユーザが閲覧する機会が増えてきている。例えば特許文献1には、動画広告をホームページ上に掲載するための技術が開示されている。 In recent years, there are increasing opportunities for users to display various contents such as web pages and advertisements on terminals such as smartphones, mobile phones (feature phones), and computers. For example, Patent Document 1 discloses a technique for posting a video advertisement on a homepage.

特開2004−240492号公報Japanese Unexamined Patent Publication No. 2004-240492

本発明の第1の態様によると、端末の制御方法は、第1動画データを端末の通信部を介して受信することと、第1動画データに基づく第1動画像の一部の領域である第1部分動画像を少なくとも端末の表示領域に表示し、第1部分動画像の少なくとも一部に重畳し、少なくとも一部に透過領域を有するコンテンツを表示領域に表示することと、端末のユーザによる表示領域に対する第1入力に基づいて、端末の制御部による表示領域上を移動させる制御を、コンテンツの少なくとも透過領域の一部に実行することと、透過領域に基づいて、第1部分動画像の再生の制御を制御部によって実行することとを含む。
本発明の第2の態様によると、端末によって実行されるプログラムは、第1動画データを端末の通信部を介して受信することと、第1動画データに基づく第1動画像の一部の領域である第1部分動画像を少なくとも端末の表示領域に表示し、第1部分動画像の少なくとも一部に重畳し、少なくとも一部に透過領域を有するコンテンツを表示領域に表示することと、端末のユーザによる表示領域に対する第1入力に基づいて、端末の制御部による表示領域上を移動させる制御を、コンテンツの少なくとも透過領域の一部に実行することと、透過領域に基づいて、第1部分動画像の再生の制御を制御部によって実行することとが端末に実行される。
本発明の第3の態様によると、動画像の制御を行う端末は、第1動画データを受信する通信部と、第1動画データに基づく第1動画像の一部の領域である第1部分動画像を少なくとも表示し、第1部分動画像の少なくとも一部に重畳し、少なくとも一部に透過領域を有するコンテンツを表示する表示部と、端末のユーザによる表示部の表示領域に対する第1入力に基づいて、表示領域上を移動させる制御を、コンテンツの少なくとも透過領域の一部に実行する制御部とを備え、制御部は、透過領域に基づいて、第1部分動画像の再生の制御を実行する。
According to the first aspect of the present invention, the control method of the terminal is to receive the first moving image data via the communication unit of the terminal and a part region of the first moving image based on the first moving image data. Displaying the first partial moving image in at least the display area of the terminal, superimposing it on at least a part of the first partial moving image, and displaying the content having a transparent area in at least a part in the display area, and by the user of the terminal. Control to move on the display area by the control unit of the terminal based on the first input to the display area is executed on at least a part of the transparent area of the content, and based on the transparent area, the first partial moving image It includes executing the control of reproduction by the control unit.
According to the second aspect of the present invention, the program executed by the terminal receives the first moving image data via the communication unit of the terminal and a part area of the first moving image based on the first moving image data. The first partial moving image is displayed in at least the display area of the terminal, superimposed on at least a part of the first partial moving image, and the content having a transparent area in at least a part is displayed in the display area. Control to move on the display area by the control unit of the terminal based on the first input to the display area by the user is executed in at least a part of the transparent area of the content, and the first part moving image is based on the transparent area. The terminal is executed to control the reproduction of the image by the control unit.
According to the third aspect of the present invention, the terminal that controls the moving image is a communication unit that receives the first moving image data and a first portion that is a part of the first moving image based on the first moving image data. A display unit that displays at least a moving image, superimposes it on at least a part of the first partial moving image, and displays content having a transparent area at least in a part, and a first input for a display area of the display unit by a terminal user. Based on this, the control unit includes a control unit that executes control of moving on the display area to at least a part of the transparent area of the content, and the control unit executes control of reproduction of the first partial moving image based on the transparent area. To do.

実施形態の一態様における通信システムの構成の一例を示す図。The figure which shows an example of the structure of the communication system in one aspect of Embodiment. 第1実施例に係るサーバの制御部により実現される機能の一例を示す図。The figure which shows an example of the function realized by the control part of the server which concerns on 1st Example. 第1実施例に係るサーバの記憶部に記憶される情報の一例を示す図。The figure which shows an example of the information stored in the storage part of the server which concerns on 1st Example. 第1実施例に係る端末の制御部により実現される機能の一例を示す図。The figure which shows an example of the function realized by the control part of the terminal which concerns on 1st Example. 第1実施例に係る端末の記憶部に記憶される情報の一例を示す図。The figure which shows an example of the information stored in the storage part of the terminal which concerns on 1st Example. 第1実施例に係る端末の表示部に表示されるコンテンツ情報の一例を示す図。The figure which shows an example of the content information displayed on the display part of the terminal which concerns on 1st Embodiment. 第1実施例に係る各装置が実行する処理の流れの一例を示すフローチャート。The flowchart which shows an example of the flow of the process executed by each apparatus which concerns on 1st Embodiment. 第2実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 2nd Example. 第2実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 2nd Example. 第2実施例に係る各装置が実行する処理の流れの一例を示すフローチャート。The flowchart which shows an example of the flow of the process executed by each apparatus which concerns on 2nd Example. 第3実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 3rd Example. 第3実施例に係る各装置が実行する処理の流れの一例を示すフローチャート。The flowchart which shows an example of the flow of the process executed by each apparatus which concerns on 3rd Example. 第3変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 3rd modification. 第3変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 3rd modification. 第4実施例に係るサーバの記憶部に記憶される情報の一例を示す図。The figure which shows an example of the information stored in the storage part of the server which concerns on 4th Embodiment. 第4実施例に係る端末の表示部に表示されるコンテンツ情報の一例を示す図。The figure which shows an example of the content information displayed on the display part of the terminal which concerns on 4th Embodiment. 第4実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 4th Embodiment. 第4実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 4th Embodiment. 第4実施例に係る各装置が実行する処理の流れの一例を示すフローチャート。FIG. 5 is a flowchart showing an example of a flow of processing executed by each device according to the fourth embodiment. 第5実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 5th Embodiment. 第5実施例に係る各装置が実行する処理の流れの一例を示すフローチャート。FIG. 5 is a flowchart showing an example of a flow of processing executed by each device according to the fifth embodiment. 第6実施例に係るメインコンテンツデータベースの一例を示す図。The figure which shows an example of the main content database which concerns on 6th Example. 第6実施例に係る全体広告データベースの一例を示す図。The figure which shows an example of the whole advertisement database which concerns on 6th Example. 第6実施例に係る部分広告データベースの一例を示す図。The figure which shows an example of the partial advertisement database which concerns on 6th Example. 第6実施例に係る部分広告画像と課金額との関係の一例を示す図。The figure which shows an example of the relationship between the partial advertisement image which concerns on 6th Example, and the charge amount. 第6変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 6th modification. 第6変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 6th modification. 第6変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 6th modification. 第6変形例に係る部分広告画像と課金額との関係の一例を示す図。The figure which shows an example of the relationship between the partial advertisement image which concerns on the 6th modification, and the charge amount. 第7変形例に係るレイヤに配置される情報の一例を示す図。The figure which shows an example of the information arranged in the layer which concerns on 7th modification. 第7実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 7th Embodiment. 第7実施例に係る各装置が実行する処理の流れの一例を示すフローチャート。FIG. 5 is a flowchart showing an example of a flow of processing executed by each device according to the seventh embodiment. 第7変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 7th modification. 第7変形例に係るレイヤに配置される情報の一例を示す図。The figure which shows an example of the information arranged in the layer which concerns on 7th modification. 第7変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 7th modification. 第7変形例に係るレイヤに配置される情報の一例を示す図。The figure which shows an example of the information arranged in the layer which concerns on 7th modification. 第7変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 7th modification. 第7変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 7th modification. 第8実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 8th Embodiment. 第8実施例に係る各装置が実行する処理の流れの一例を示すフローチャート。FIG. 5 is a flowchart showing an example of a flow of processing executed by each device according to the eighth embodiment. 第9実施例に係るメインコンテンツデータベースの一例を示す図。The figure which shows an example of the main content database which concerns on 9th Example. 第9変形例に係るメインコンテンツ管理データベースの一例を示す図。The figure which shows an example of the main content management database which concerns on 9th modification. 第9変形例に係るメインコンテンツ分類と広告コンテンツ分類との関係の一例を示す図。The figure which shows an example of the relationship between the main content classification and the advertisement content classification which concerns on 9th modification. 第9変形例に係る広告コンテンツ管理データベースの一例を示す図。The figure which shows an example of the advertisement content management database which concerns on 9th modification. 第9変形例に係る部分広告数と表示位置と課金額との関係の一例を示す図。The figure which shows an example of the relationship between the number of partial advertisements, the display position and the charge amount which concerns on 9th modification. 第9変形例に係る各装置が実行する処理の流れの一例を示すフローチャート。FIG. 5 is a flowchart showing an example of a flow of processing executed by each device according to the ninth modification. 第9変形例に係るサーバが実行する処理の流れの一例を示すフローチャート。FIG. 5 is a flowchart showing an example of a flow of processing executed by the server according to the ninth modification. 第9変形例に係る各装置が実行する処理の流れの一例を示すフローチャート。FIG. 5 is a flowchart showing an example of a flow of processing executed by each device according to the ninth modification. 第9変形例に係るサーバが実行する処理の流れの一例を示すフローチャート。FIG. 5 is a flowchart showing an example of a flow of processing executed by the server according to the ninth modification. 第9変形例に係るサーバが実行する処理の流れの一例を示すフローチャート。FIG. 5 is a flowchart showing an example of a flow of processing executed by the server according to the ninth modification. 第10実施例に係る各装置が実行する処理の流れの一例を示すフローチャート。FIG. 5 is a flowchart showing an example of a flow of processing executed by each device according to the tenth embodiment. 第10変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 10th modification. 第10変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 10th modification. 第11実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on eleventh embodiment. 第11実施例に係る端末が実行する処理の流れの一例を示すフローチャート。The flowchart which shows an example of the flow of the process executed by the terminal which concerns on eleventh embodiment. 第12実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 12th Embodiment. 第12実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 12th Embodiment. 第12実施例に係る各装置が実行する処理の流れの一例を示すフローチャート。The flowchart which shows an example of the flow of the process executed by each apparatus which concerns on a twelfth embodiment. 第12変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on the twelfth modification. 第12変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on the twelfth modification. 第12変形例に係るレイヤに配置される情報の一例を示す図。The figure which shows an example of the information arranged in the layer which concerns on the 12th modification. 第12変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on the twelfth modification. 第12変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on the twelfth modification. 第12変形例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on the twelfth modification. 第12変形例に係る各装置が実行する処理の流れの一例を示すフローチャート。The flowchart which shows an example of the flow of the process executed by each apparatus which concerns on 12th modification. 第13実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 13th Embodiment. 第14実施例に係るメインコンテンツデータベースの一例を示す図。The figure which shows an example of the main content database which concerns on 14th Example. 第14変形例に係る部分動画像の再生開始条件を設定するためのテーブルの一例を示す図。The figure which shows an example of the table for setting the reproduction start condition of the partial moving image which concerns on 14th modification. 第14変形例に係る透過領域の縦幅を設定するためのテーブルの一例を示す図。The figure which shows an example of the table for setting the vertical width of the transparent area which concerns on a 14th modification. 第15実施例に係る端末の表示部に表示されるコンテンツ情報の一例を示す図。The figure which shows an example of the content information displayed on the display part of the terminal which concerns on 15th Embodiment. 第15実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 15th Embodiment. 第15実施例に係る端末の表示画面の一例を示す図。The figure which shows an example of the display screen of the terminal which concerns on 15th Embodiment. 第15実施例に係る各装置が実行する処理の流れの一例を示すフローチャート。FIG. 5 is a flowchart showing an example of a flow of processing executed by each device according to the fifteenth embodiment. 第15実施例に係る各装置が実行する処理の流れの一例を示すフローチャート。FIG. 5 is a flowchart showing an example of a flow of processing executed by each device according to the fifteenth embodiment. 第16実施例に係るメインコンテンツデータベースの一例を示す図。The figure which shows an example of the main content database which concerns on the 16th Example. 第16実施例に係る部分広告データベースの一例を示す図。The figure which shows an example of the partial advertisement database which concerns on the 16th Example.

<法的事項の遵守>
本明細書に記載の開示は、通信の秘密など、本開示の実施に必要な実施国の法的事項遵守を前提とすることに留意されたい。
<Compliance with legal matters>
It should be noted that the disclosures described herein are premised on compliance with the legal matters of the implementing country necessary for the implementation of this disclosure, such as secrecy of communications.

本開示に係る端末の制御方法等を実施するための実施形態について、図面を参照して説明する。 An embodiment for implementing the terminal control method and the like according to the present disclosure will be described with reference to the drawings.

[システム構成]
図1は、本開示の一実施形態に係る通信システム1の構成の一例を示す図である。
通信システム1では、限定ではなく例として、ネットワーク30を介してサーバ10と、端末20(端末20A,端末20B,端末20C,・・・)とが接続される。
[System configuration]
FIG. 1 is a diagram showing an example of the configuration of the communication system 1 according to the embodiment of the present disclosure.
In the communication system 1, the server 10 and the terminal 20 (terminal 20A, terminal 20B, terminal 20C, ...) Are connected via the network 30 as an example, not limited to the above.

サーバ10(限定ではなく、電子装置、サーバ、情報処理装置、情報管理装置の一例)は、端末20に各種コンテンツデータ(限定ではなく、メインコンテンツデータ、広告コンテンツデータの一例)を配信する機能を有する。 The server 10 (not limited, but an example of an electronic device, a server, an information processing device, and an information management device) has a function of delivering various content data (not limited, but an example of main content data and advertising content data) to the terminal 20. ..

端末20(限定ではなく、端末、情報処理装置の一例)は、サーバ10等の外部装置から配信された各種コンテンツデータに基づく情報(限定ではなく、ウェブページ、広告画像)を表示する機能を有する。また、ユーザの操作に基づいて、端末20の表示部24に表示されている情報を更新する機能を有する。 The terminal 20 (not limited, but an example of a terminal and an information processing device) has a function of displaying information (not limited, a web page, an advertisement image) based on various content data distributed from an external device such as a server 10. .. Further, it has a function of updating the information displayed on the display unit 24 of the terminal 20 based on the operation of the user.

ネットワーク30は、1以上のサーバ10と、1以上の端末20とを接続する役割を担う。すなわち、ネットワーク30は、上記の各種の装置が接続した後、データを送受信することができるように接続経路を提供する通信網を意味する。
なお、ネットワーク30に接続される各種の装置の数は限定されない。
The network 30 plays a role of connecting one or more servers 10 and one or more terminals 20. That is, the network 30 means a communication network that provides a connection route so that data can be transmitted and received after the above-mentioned various devices are connected.
The number of various devices connected to the network 30 is not limited.

ネットワーク30のうちの1つまたは複数の部分は、有線ネットワークや無線ネットワークであってもよいし、そうでなくてもよい。ネットワーク30は、限定ではなく例として、アドホック・ネットワーク(ad hoc network)、イントラネット、エクストラネット、仮想プライベート・ネットワーク(virtual private network:VPN)、ローカル・エリア・ネットワーク(local area network:LAN)、ワイヤレスLAN(wireless LAN:WLAN)、広域ネットワーク(wide area network:WAN)、ワイヤレスWAN(wireless WAN:WWAN)、大都市圏ネットワーク(metropolitan area network:MAN)、インターネットの一部、公衆交換電話網(Public Switched Telephone Network:PSTN)の一部、携帯電話網、ISDN(integrated service digital networks)、無線LAN、LTE(long term evolution)、CDMA(code division multiple access)、ブルートゥース(Bluetooth(登録商標))、衛星通信など、または、これらの2つ以上の組合せを含むことができる。ネットワーク30は、1つまたは複数のネットワーク30を含むことができる。 One or more parts of the network 30 may or may not be a wired or wireless network. The network 30 is not limited, but by example, an ad hoc network, an intranet, an extranet, a virtual private network (VPN), a local area network (LAN), and a wireless. LAN (wireless LAN: WLAN), wide area network (WAN), wireless WAN (wireless WAN: WWAN), metropolitan area network (MAN), part of the Internet, public exchange telephone network (Public) Switched Telephone Network: Part of PSTN, mobile phone network, ISDN (integrated service digital networks), wireless LAN, LTE (long term evolution), CDMA (code division multiple access), Bluetooth (Bluetooth (registered trademark)), satellite Communication and the like, or a combination of two or more of these can be included. The network 30 may include one or more networks 30.

端末20(端末20A,端末20B,端末20C,・・・)(限定ではなく、端末、情報処理装置の一例)は、各実施形態において記載する機能を実現できる情報処理端末であればどのような端末であってもよい。端末20は、限定ではなく例として、スマートフォン、携帯電話(フィーチャーフォン)、コンピュータ(限定ではなく例として、デスクトップ、ラップトップ、タブレットなど)、メディアコンピュータプラットホーム(限定ではなく例として、ケーブル、衛星セットトップボックス、デジタルビデオレコーダ)、ハンドヘルドコンピュータデバイス(限定ではなく例として、PDA(personal digital assistant)、電子メールクライアントなど)、ウェアラブル端末(メガネ型デバイス、時計型デバイスなど)、または他種のコンピュータ、またはコミュニケーションプラットホームを含む。また、端末20は情報処理端末と表現されてもよい。 The terminal 20 (terminal 20A, terminal 20B, terminal 20C, ...) (Not limited, but an example of a terminal and an information processing device) is any information processing terminal capable of realizing the functions described in each embodiment. It may be a terminal. The terminal 20 is not limited but, for example, a smartphone, a mobile phone (feature phone), a computer (not limited, for example, a desktop, a laptop, a tablet, etc.), a media computer platform (not limited, for example, a cable, a satellite set). Top boxes, digital video recorders), handheld computer devices (PDA (personal digital assistant), email clients, etc., but not limited to), wearable terminals (glasses devices, clock devices, etc.), or other types of computers, Or include a communication platform. Further, the terminal 20 may be expressed as an information processing terminal.

端末20A、端末20Bおよび端末20Cの構成は基本的には同一であるため、以下の説明においては、端末20について説明する。また、必要に応じて、ユーザXが利用する端末を端末20Xと表現し、ユーザXまたは端末20Xに対応付けられた、所定のサービスにおけるユーザ情報をユーザ情報Xと表現する。なお、ユーザ情報とは、所定のサービスにおいてユーザが利用するアカウントに対応付けられたユーザの情報である。ユーザ情報は、限定ではなく例として、ユーザにより入力される、または、所定のサービスにより付与される、ユーザの名前、ユーザの年齢、ユーザの性別、ユーザの住所、ユーザの趣味趣向、ユーザの識別子などのユーザに対応付けられた情報を含み、これらのいずれか一つまたは、組み合わせであってもよいし、そうでなくてもよい。 Since the configurations of the terminal 20A, the terminal 20B, and the terminal 20C are basically the same, the terminal 20 will be described in the following description. Further, if necessary, the terminal used by the user X is expressed as the terminal 20X, and the user information in the predetermined service associated with the user X or the terminal 20X is expressed as the user information X. The user information is user information associated with an account used by the user in a predetermined service. User information is not limited, but as an example, input by the user or given by a predetermined service, the user's name, the user's age, the user's gender, the user's address, the user's hobbies and tastes, and the user's identifier. It may or may not be any one or combination of the information associated with the user, such as.

サーバ10(限定ではなく、サーバ、情報処理装置、情報管理装置の一例)は、端末20に対して、所定のサービスを提供する機能を備える。サーバ10は、各実施形態において記載する機能を実現できる情報処理装置であればどのような装置であってもよい。サーバ10は、限定ではなく例として、サーバ装置、コンピュータ(限定ではなく例として、デスクトップ、ラップトップ、タブレットなど)、メディアコンピュータプラットホーム(限定ではなく例として、ケーブル、衛星セットトップボックス、デジタルビデオレコーダ)、ハンドヘルドコンピュータデバイス(限定ではなく例として、PDA、電子メールクライアントなど)、あるいは他種のコンピュータ、またはコミュニケーションプラットホームを含む。また、サーバ10は情報処理装置と表現されてもよい。 The server 10 (not limited to an example of a server, an information processing device, and an information management device) has a function of providing a predetermined service to the terminal 20. The server 10 may be any device as long as it is an information processing device capable of realizing the functions described in each embodiment. The server 10 is not limited, but by example, a server device, a computer (not limited, by example, a desktop, a laptop, a tablet, etc.), a media computer platform (not limited, by example, a cable, a satellite set-top box, a digital video recorder). ), Handheld computer devices (for example, but not limited to, PDA, email client, etc.), or other types of computers, or communication platforms. Further, the server 10 may be expressed as an information processing device.

[各装置のハードウェア(HW)構成]
通信システム1に含まれる各装置のHW構成について説明する。
[Hardware (HW) configuration of each device]
The HW configuration of each device included in the communication system 1 will be described.

(1)端末のHW構成
図1には、端末20のHW構成の一例を示している。
端末20は、制御部21(CPU:central processing unit(中央処理装置))、記憶部28、通信I/F22(インタフェース)、入出力部23、表示部24、マイク25、スピーカ26、カメラ27を備える。端末20のHWの各構成要素は、限定ではなく例として、バスBを介して相互に接続される。なお、端末20のHW構成として、すべての構成要素を含むことは必須ではない。限定ではなく例として、端末20は、マイク25、カメラ27等、個々の構成要素、または複数の構成要素を取り外すような構成であってもよいし、そうでなくてもよい。
(1) HW configuration of the terminal FIG. 1 shows an example of the HW configuration of the terminal 20.
The terminal 20 includes a control unit 21 (CPU: central processing unit), a storage unit 28, a communication I / F 22 (interface), an input / output unit 23, a display unit 24, a microphone 25, a speaker 26, and a camera 27. Be prepared. Each component of the HW of the terminal 20 is connected to each other via bus B as an example, but not a limitation. It is not essential that the HW configuration of the terminal 20 includes all the components. As an example, but not limited to, the terminal 20 may or may not have a configuration in which individual components such as a microphone 25, a camera 27, or the like, or a plurality of components are removed.

通信I/F22は、ネットワーク30を介して各種データの送受信を行う。通信は、有線、無線のいずれで実行されてもよく、互いの通信が実行できるのであれば、どのような通信プロトコルを用いてもよい。通信I/F22は、ネットワーク30を介して、サーバ10等の各種装置との通信を実行する機能を有する。通信I/F22は、各種データを制御部21からの指示に従って、サーバ10等の各種装置に送信する。また、通信I/F22は、サーバ10等の各種装置から送信された各種データを受信し、制御部21に伝達する。また、通信I/F22を単に通信部と表現する場合もある。また、通信I/F22が物理的に構造化された回路で構成される場合には、通信回路と表現する場合もある。 The communication I / F 22 transmits and receives various data via the network 30. Communication may be executed by wire or wirelessly, and any communication protocol may be used as long as mutual communication can be executed. The communication I / F 22 has a function of executing communication with various devices such as the server 10 via the network 30. The communication I / F 22 transmits various data to various devices such as the server 10 according to an instruction from the control unit 21. Further, the communication I / F 22 receives various data transmitted from various devices such as the server 10 and transmits the various data to the control unit 21. Further, the communication I / F 22 may be simply expressed as a communication unit. Further, when the communication I / F 22 is composed of a physically structured circuit, it may be expressed as a communication circuit.

入出力部23は、端末20に対する各種操作を入力する装置、および、端末20で処理された処理結果を出力する装置を含む。入出力部23は、入力部と出力部が一体化していてもよいし、入力部と出力部に分離していてもよいし、そうでなくてもよい。 The input / output unit 23 includes a device for inputting various operations to the terminal 20 and a device for outputting the processing result processed by the terminal 20. The input / output unit 23 may or may not be integrated with the input unit and the output unit, or may be separated into the input unit and the output unit.

入力部は、ユーザからの入力を受け付けて、入力に係る情報を制御部21に伝達できる全ての種類の装置のいずれかまたはその組み合わせにより実現される。入力部は、限定ではなく例として、タッチパネル、タッチディスプレイ、キーボード等のハードウェアキーや、マウス等のポインティングデバイス、カメラ(動画像を介した操作入力)、マイク(音響による操作入力)を含む。 The input unit is realized by any or a combination of all kinds of devices capable of receiving input from the user and transmitting information related to the input to the control unit 21. The input unit includes, but is not limited to, hardware keys such as a touch panel, a touch display, and a keyboard, a pointing device such as a mouse, a camera (operation input via a moving image), and a microphone (operation input by sound).

出力部は、制御部21で処理された処理結果を出力することができる全ての種類の装置のいずれかまたはその組み合わせにより実現される。出力部は、限定ではなく例として、 タッチパネル、タッチディスプレイ、スピーカ(音出力)、レンズ(限定ではなく例として3D(three dimensions)出力や、ホログラム出力)、プリンターなどを含む。
表示部24は、フレームバッファに書き込まれた表示データに従って、表示することができる全ての種類の装置のいずれかまたはその組み合わせにより実現される。表示部24は、限定ではなく例として、タッチパネル、タッチディスプレイ、モニタ(限定ではなく例として、液晶ディスプレイやOELD(Organic Electro Luminescence Display))、ヘッドマウントディスプレイ(HDM:Head Mounted Display)、ヘッドアップディスプレイ(HUD:Head Up Display)、プロジェクションマッピング、ホログラム、空気中など(真空であってもよいし、そうでなくてもよい)に画像やテキスト情報等を表示可能な装置を含む。なお、これらの表示部24は、3Dで表示データを表示可能であってもよいし、そうでなくてもよい。
The output unit is realized by any or a combination of all kinds of devices capable of outputting the processing result processed by the control unit 21. The output unit is not limited and includes, as an example, a touch panel, a touch display, a speaker (sound output), a lens (not limited, as an example, 3D (three dimensions) output or hologram output), a printer, and the like.
The display unit 24 is realized by any or a combination of all kinds of devices capable of displaying according to the display data written in the frame buffer. The display unit 24 is not limited but is an example of a touch panel, a touch display, a monitor (not limited but an example, a liquid crystal display or OELD (Organic Electro Luminescence Display)), a head mounted display (HDM), or a head-up display. (HUD: Head Up Display), projection mapping, hologram, in the air, etc. (may or may not be vacuum) includes a device capable of displaying images, text information, and the like. It should be noted that these display units 24 may or may not be able to display display data in 3D.

入出力部23がタッチパネルの場合、入出力部23と表示部24とは、同一の大きさおよび形状で対向して配置されていてもよい。 When the input / output unit 23 is a touch panel, the input / output unit 23 and the display unit 24 may be arranged so as to face each other with the same size and shape.

制御部21は、限定ではなく例として、中央処理装置(CPU)、マイクロプロセッサ(microprocessor)、プロセッサコア(processor core)、マルチプロセッサ(multiprocessor)、ASIC(application-specific integrated circuit)、FPGA(field programmable gate array)を含む。 The control unit 21 is not limited, but as an example, a central processing unit (CPU), a microprocessor (microprocessor), a processor core (processor core), a multiprocessor (multiprocessor), an ASIC (application-specific integrated circuit), and an FPGA (field programmable). gate array) is included.

記憶部28は、端末20が動作するうえで必要とする各種プログラムや各種データを記憶する機能を有する。記憶部28は、限定ではなく例として、HDD(hard disk drive)、SSD(solid state drive)、フラッシュメモリ、RAM(random access memory)、ROM(read only memory)など各種の記憶媒体を含む。また、記憶部28は、メモリ(memory)と表現されてもよいし、されなくてもよい。 The storage unit 28 has a function of storing various programs and various data required for the terminal 20 to operate. The storage unit 28 includes various storage media such as an HDD (hard disk drive), an SSD (solid state drive), a flash memory, a RAM (random access memory), and a ROM (read only memory). Further, the storage unit 28 may or may not be expressed as a memory.

端末20は、プログラムPを記憶部28に記憶し、このプログラムPを実行することで、制御部21が、制御部21に含まれる各部としての処理を実行する。つまり、記憶部28に記憶されるプログラムPは、端末20に、制御部21が実行する各機能を実現させる。また、このプログラムPは、プログラムモジュールと表現されてもよいし、されなくてもよい。 The terminal 20 stores the program P in the storage unit 28, and by executing the program P, the control unit 21 executes the processing as each unit included in the control unit 21. That is, the program P stored in the storage unit 28 causes the terminal 20 to realize each function executed by the control unit 21. Further, this program P may or may not be expressed as a program module.

マイク25は、音データの入力に利用される。スピーカ26は、音データの出力に利用される。カメラ27は、動画像データの取得に利用される。なお、カメラ27は、赤外線等の不可視光を利用して、3次元情報を検出可能に構成してもよいし、そのようにしなくてもよい。 The microphone 25 is used for inputting sound data. The speaker 26 is used for outputting sound data. The camera 27 is used for acquiring moving image data. The camera 27 may or may not be configured to be able to detect three-dimensional information by using invisible light such as infrared rays.

(2)サーバのHW構成
図1には、サーバ10のHW構成の一例を示している。
サーバ10は、制御部11(CPU)、記憶部15、通信I/F14(インタフェース)、入出力部12、表示部13を備える。サーバ10のHWの各構成要素は、限定ではなく例として、バスBを介して相互に接続される。なお、サーバ10のHWは、サーバ10のHWの構成として、全ての構成要素を含むことは必須ではない。限定ではなく例として、サーバ10のHWは、表示部13を取り外すような構成であってもよいし、そうでなくてもよい。
(2) HW configuration of the server FIG. 1 shows an example of the HW configuration of the server 10.
The server 10 includes a control unit 11 (CPU), a storage unit 15, a communication I / F 14 (interface), an input / output unit 12, and a display unit 13. The components of the HW of the server 10 are connected to each other via the bus B as an example, but not a limitation. It is not essential that the HW of the server 10 includes all the components as the configuration of the HW of the server 10. By way of example, the HW of the server 10 may or may not have a configuration in which the display unit 13 is removed.

制御部11は、プログラム内に含まれたコードまたは命令によって実現する機能を実行するために物理的に構造化された回路を有し、限定ではなく例として、ハードウェアに内蔵されたデータ処理装置により実現される。 The control unit 11 has a physically structured circuit for executing a function realized by a code or an instruction contained in the program, and is not limited, but as an example, a data processing device built in hardware. Is realized by.

制御部11は、代表的には中央処理装置(CPU)、であり、その他にマイクロプロセッサ、プロセッサコア、マルチプロセッサ、ASIC、FPGAであってもよいし、そうでなくてもよい。本開示において、制御部11は、これらに限定されない。 The control unit 11 is typically a central processing unit (CPU), and may or may not be a microprocessor, a processor core, a multiprocessor, an ASIC, or an FPGA. In the present disclosure, the control unit 11 is not limited to these.

記憶部15は、サーバ10が動作するうえで必要とする各種プログラムや各種データを記憶する機能を有する。記憶部15は、HDD、SSD、フラッシュメモリなど各種の記憶媒体により実現される。ただし、本開示において、記憶部15は、これらに限定されない。また、記憶部15は、メモリ(memory)と表現されてもよいし、されなくてもよい。 The storage unit 15 has a function of storing various programs and various data required for the server 10 to operate. The storage unit 15 is realized by various storage media such as HDD, SSD, and flash memory. However, in the present disclosure, the storage unit 15 is not limited to these. Further, the storage unit 15 may or may not be expressed as a memory.

通信I/F14は、ネットワーク30を介して各種データの送受信を行う。通信は、有線、無線のいずれで実行されてもよく、互いの通信が実行できるのであれば、どのような通信プロトコルを用いてもよい。通信I/F14は、ネットワーク30を介して、端末20等の各種装置との通信を実行する機能を有する。通信I/F14は、各種データを制御部11からの指示に従って、端末20等の各種装置に送信する。また、通信I/F14は、端末20等の各種装置から送信された各種データを受信し、制御部11に伝達する。また、通信I/F14を単に通信部と表現する場合もある。また、通信I/F14が物理的に構造化された回路で構成される場合には、通信回路と表現する場合もある。 The communication I / F 14 transmits / receives various data via the network 30. Communication may be executed by wire or wirelessly, and any communication protocol may be used as long as mutual communication can be executed. The communication I / F 14 has a function of executing communication with various devices such as a terminal 20 via the network 30. The communication I / F 14 transmits various data to various devices such as a terminal 20 according to an instruction from the control unit 11. Further, the communication I / F 14 receives various data transmitted from various devices such as the terminal 20 and transmits the various data to the control unit 11. Further, the communication I / F 14 may be simply expressed as a communication unit. Further, when the communication I / F 14 is composed of a physically structured circuit, it may be expressed as a communication circuit.

入出力部12は、サーバ10に対する各種操作を入力する装置により実現される。入出力部12は、ユーザからの入力を受け付けて、入力に係る情報を制御部11に伝達できる全ての種類の装置のいずれかまたはその組み合わせにより実現される。入出力部12は、代表的にはキーボード等に代表されるハードウェアキーや、マウス等のポインティングデバイスで実現される。なお、入出力部12は、限定ではなく例として、タッチパネルやカメラ(動画像を介した操作入力)、マイク(音による操作入力)を含んでいてもよいし、そうでなくてもよい。ただし、本開示において、入出力部12は、これらに限定されない。
表示部13は、代表的にはモニタ(限定ではなく例として、液晶ディスプレイやOELD(organic electroluminescence display))で実現される。なお、表示部13は、ヘッドマウントディスプレイ(HDM)などであってもよいし、そうでなくてもよい。なお、これらの表示部13は、3Dで表示データを表示可能であってもよいし、そうでなくてもよい。本開示において、表示部13は、これらに限定されない。
The input / output unit 12 is realized by a device that inputs various operations to the server 10. The input / output unit 12 is realized by any or a combination of all kinds of devices capable of receiving an input from a user and transmitting information related to the input to the control unit 11. The input / output unit 12 is typically realized by a hardware key typified by a keyboard or the like, or a pointing device such as a mouse. The input / output unit 12 may or may not include a touch panel, a camera (operation input via a moving image), and a microphone (operation input by sound) as an example without limitation. However, in the present disclosure, the input / output unit 12 is not limited to these.
The display unit 13 is typically realized by a monitor (not limited to, for example, a liquid crystal display or an OELD (organic electroluminescence display)). The display unit 13 may or may not be a head-mounted display (HDM) or the like. It should be noted that these display units 13 may or may not be able to display display data in 3D. In the present disclosure, the display unit 13 is not limited to these.

(3)その他
サーバ10は、プログラムPを記憶部15に記憶し、このプログラムPを実行することで、制御部11が、制御部11に含まれる各部としての処理を実行する。つまり、記憶部15に記憶されるプログラムPは、サーバ10に、制御部11が実行する各機能を実現させる。このプログラムPは、プログラムモジュールと表現されてもよいし、されなくてもよい。
他の装置についても同様である。
(3) Others The server 10 stores the program P in the storage unit 15, and by executing the program P, the control unit 11 executes the processing as each unit included in the control unit 11. That is, the program P stored in the storage unit 15 causes the server 10 to realize each function executed by the control unit 11. This program P may or may not be expressed as a program module.
The same applies to other devices.

本開示の各実施形態においては、サーバ10および/または端末20のCPUがプログラムPを実行することにより、実現するものとして説明する。
他の装置についても同様である。
In each embodiment of the present disclosure, it will be described as being realized by executing the program P by the CPU of the server 10 and / or the terminal 20.
The same applies to other devices.

なお、サーバ10の制御部11、および/または、端末20の制御部21は、制御回路を有するCPUだけでなく、集積回路(IC(Integrated Circuit)チップ、LSI(Large Scale Integration))等に形成された論理回路(ハードウェア)や専用回路によって各処理を実現してもよいし、そうでなくてもよい。また、これらの回路は、1または複数の集積回路により実現されてよく、各実施形態に示す複数の処理を1つの集積回路により実現されることとしてもよいし、そうでなくてもよい。また、LSIは、集積度の違いにより、VLSI、スーパーLSI、ウルトラLSIなどと呼称されることもある。そのため、制御部11は、制御回路と表現されてもよいし、されなくてもよい。
他の装置についても同様である。
The control unit 11 of the server 10 and / or the control unit 21 of the terminal 20 is formed not only in a CPU having a control circuit but also in an integrated circuit (IC (Integrated Circuit) chip, LSI (Large Scale Integration)) or the like. Each process may or may not be realized by a logic circuit (hardware) or a dedicated circuit. Further, these circuits may be realized by one or a plurality of integrated circuits, and the plurality of processes shown in each embodiment may or may not be realized by one integrated circuit. Further, the LSI may be referred to as a VLSI, a super LSI, an ultra LSI, or the like due to the difference in the degree of integration. Therefore, the control unit 11 may or may not be expressed as a control circuit.
The same applies to other devices.

また、本開示の各実施形態のプログラムP(限定ではなく例として、ソフトウェアプログラム、コンピュータプログラム、またはプログラムモジュール)は、コンピュータに読み取り可能な記憶媒体に記憶された状態で提供されてもよいし、されなくてもよい。 記憶媒体は、「一時的でない有形の媒体」に、プログラムPを記憶可能である。また、プログラムPは、本開示の各実施形態の機能の一部を実現するためのものであってもよいし、そうでなくてもよい。さらに、本開示の各実施形態の機能を記憶媒体にすでに記録されているプログラムPとの組み合わせで実現できるもの、いわゆる差分ファイル(差分プログラム)であってもよいし、そうでなくてもよい。 Further, the program P (for example, a software program, a computer program, or a program module) of each embodiment of the present disclosure may be provided in a state of being stored in a computer-readable storage medium. It does not have to be done. The storage medium can store the program P in a "non-temporary tangible medium". Further, the program P may or may not be for realizing a part of the functions of each embodiment of the present disclosure. Further, it may or may not be a so-called difference file (difference program) in which the functions of the respective embodiments of the present disclosure can be realized in combination with the program P already recorded in the storage medium.

記憶媒体は、1つまたは複数の半導体ベースの、または他の集積回路(IC)(限定ではなく例として、フィールド・プログラマブル・ゲート・アレイ(FPGA)または特定用途向けIC(ASIC)など)、ハード・ディスク・ドライブ(HDD)、ハイブリッド・ハード・ドライブ(HHD)、光ディスク、光ディスクドライブ(ODD)、光磁気ディスク、光磁気ドライブ、フロッピィ・ディスケット、フロッピィ・ディスク・ドライブ(FDD)、磁気テープ、固体ドライブ(SSD)、RAMドライブ、セキュア・デジタル・カード、またはドライブ、任意の他の適切な記憶媒体、またはこれらの2つ以上の適切な組合せを含むことができる。記憶媒体は、適切な場合、揮発性、不揮発性、または揮発性と不揮発性の組合せでよい。なお、記憶媒体はこれらの例に限られず、プログラムPを記憶可能であれば、どのようなデバイスまたは媒体であってもよい。また、記憶媒体をメモリ(memory)と表現されてもよいし、されなくてもよい。 The storage medium is one or more semiconductor-based or other integrated circuits (ICs) (such as, but not limited to, field programmable gate arrays (FPGAs) or application-specific ICs (ASICs)), hard disks. Disk drive (HDD), hybrid hard drive (HHD), optical disk, optical disk drive (ODD), optical magnetic disk, optical magnetic drive, floppy diskette, floppy disk drive (FDD), magnetic tape, solid It can include a drive (SSD), a RAM drive, a secure digital card, or drive, any other suitable storage medium, or any suitable combination of two or more of these. The storage medium may be volatile, non-volatile, or a combination of volatile and non-volatile, where appropriate. The storage medium is not limited to these examples, and any device or medium may be used as long as the program P can be stored. Further, the storage medium may or may not be expressed as a memory.

サーバ10および/または端末20は、記憶媒体に記憶されたプログラムPを読み出し、読み出したプログラムPを実行することによって、各実施形態に示す複数の機能部の機能を実現することができる。
他の装置についても同様である。
The server 10 and / or the terminal 20 can read the program P stored in the storage medium and execute the read program P to realize the functions of the plurality of functional units shown in each embodiment.
The same applies to other devices.

また、本開示のプログラムPは、プログラムを伝送可能な任意の伝送媒体(通信ネットワークや放送波等)を介して、サーバ10および/または端末20に提供されてもよいし、されなくてもよい。サーバ10および/または端末20は、限定ではなく例として、インターネット等を介してダウンロードしたプログラムPを実行することにより、各実施形態に示す複数の機能部の機能を実現する。
他の装置についても同様である。
Further, the program P of the present disclosure may or may not be provided to the server 10 and / or the terminal 20 via an arbitrary transmission medium (communication network, broadcast wave, etc.) capable of transmitting the program. .. The server 10 and / or the terminal 20 realizes the functions of the plurality of functional units shown in each embodiment by executing the program P downloaded via the Internet or the like, as an example without limitation.
The same applies to other devices.

また、本開示の各実施形態は、プログラムPが電子的な伝送によって具現化されたデータ信号の形態でも実現され得る。
サーバ10および/または端末20における処理の少なくとも一部は、1以上のコンピュータにより構成されるクラウドコンピューティングにより実現されていてもよいし、そうでなくてもよい。
端末20における処理の少なくとも一部を、サーバ10により行う構成としてもよいし、そうでなくてもよい。この場合、端末20の制御部21の各機能部の処理のうち少なくとも一部の処理を、サーバ10で行う構成としてもよいし、そうでなくてもよい。
サーバ10における処理の少なくとも一部を、端末20により行う構成としてもよいし、そうでなくてもよい。この場合、サーバ10の制御部11の各機能部の処理のうち少なくとも一部の処理を、端末20で行う構成としてもよいし、そうでなくてもよい。
他の装置についても同様である。
In addition, each embodiment of the present disclosure can also be realized in the form of a data signal in which the program P is embodied by electronic transmission.
At least part of the processing in the server 10 and / or the terminal 20 may or may not be realized by cloud computing composed of one or more computers.
At least a part of the processing in the terminal 20 may or may not be performed by the server 10. In this case, at least a part of the processing of each functional unit of the control unit 21 of the terminal 20 may or may not be performed by the server 10.
At least a part of the processing in the server 10 may or may not be performed by the terminal 20. In this case, at least a part of the processing of each functional unit of the control unit 11 of the server 10 may or may not be performed by the terminal 20.
The same applies to other devices.

明示的な言及のない限り、本開示の実施形態における判定の構成は必須でなく、判定条件を満たした場合に所定の処理が動作されたり、判定条件を満たさない場合に所定の処理がされたりしてもよいし、そうでなくてもよい。 Unless explicitly stated, the configuration of the determination in the embodiment of the present disclosure is not essential, and a predetermined process is operated when the determination condition is satisfied, or a predetermined process is performed when the determination condition is not satisfied. It may or may not be.

なお、本開示のプログラムは、限定ではなく例として、ActionScript、JavaScript(登録商標)などのスクリプト言語、Objective-C、Java(登録商標)などのコンパイラ言語、HTML5などのマークアップ言語などを用いて実装される。 The program of this disclosure is not limited to using script languages such as ActionScript and JavaScript (registered trademark), compiler languages such as Objective-C and Java (registered trademark), and markup languages such as HTML5. Will be implemented.

<概要>
まず、本実施形態の概要について説明する。
限定ではなく例として、端末20には、サーバ10から、マークアップ言語(限定ではなく例としてHTML5)に基づいて端末20(限定ではなく例として端末20のウェブブラウザのアプリケーション)で実行されるプログラムに関するデータと、スクリプト言語(限定ではなく例としてJavaScript)に基づいて端末20(限定ではなく例として端末20のウェブブラウザのアプリケーション)で実行されるプログラムに関するデータとを含むメインコンテンツデータが配信される。
<Overview>
First, the outline of the present embodiment will be described.
As an example, not a limitation, the terminal 20 is a program executed from the server 10 on the terminal 20 (a web browser application of the terminal 20 as an example, not a limitation) based on a markup language (HTML5 as an example, not a limitation). Main content data including data about a program executed on a terminal 20 (an application of a web browser of the terminal 20 as an example, not a limitation) based on a script language (JavaScript as an example, not a limitation) is distributed.

メインコンテンツデータが端末20に配信されることにより、端末20には、マークアップ言語(限定ではなく例としてHTML5)に基づくプログラムの実行によってメインコンテンツ情報(限定ではなく例として文字または画像を含むウェブページ)が表示されるとともに、スクリプト言語(限定ではなく例としてJavaScript)に基づくプログラムの実行によって広告コンテンツ情報(限定ではなく例として広告画像)が表示される。 By delivering the main content data to the terminal 20, the terminal 20 receives the main content information (a web page containing characters or images as an example, not a limitation) by executing a program based on the markup language (HTML5 as an example, not a limitation). Is displayed, and advertisement content information (advertisement image as an example, not a limitation) is displayed by executing a program based on a script language (JavaScript as an example, not a limitation).

具体的には、メインコンテンツデータが配信された端末20は、マークアップ言語(限定ではなく例としてHTML5)に基づくプログラムが実行されたことに伴い、そのプログラム(HTML5の記述)に関連付けられている、スクリプト言語(限定ではなく例としてJavaScript)に基づくプログラムも実行される。端末20(ウェブブラウザ)には、そのスクリプト言語(限定ではなく例としてJavaScript)に基づくプログラムによって指定または生成されたURI(Uniform Resource Identifier)から取得した広告コンテンツデータ(画像データ)に基づく広告画像(広告情報)が表示される。 Specifically, the terminal 20 to which the main content data is distributed is associated with the program (HTML5 description) as the program based on the markup language (HTML5 as an example, not limited) is executed. Programs based on scripting languages (JavaScript as an example, not limited) are also executed. The terminal 20 (web browser) has an advertisement image (image data) based on the advertisement content data (image data) obtained from the URI (Uniform Resource Identifier) specified or generated by a program based on the script language (JavaScript as an example, not limited). Advertising information) is displayed.

以下では、上記のように、マークアップ言語(限定ではなく例としてHTML5)に基づくプログラムの実行によってメインコンテンツ情報、限定ではなく例として文字または画像を含むウェブページが表示されることに基づき、メインコンテンツ情報をウェブページと実質的に同義として説明する。 In the following, as described above, the main content information is based on the fact that the execution of a program based on the markup language (HTML5 as an example, not a limitation) displays the main content information, and a web page containing characters or images as an example, not a limitation. Is virtually synonymous with a web page.

ウェブページには、限定ではなく例として、ニュースサイトのウェブページ、動画配信サイトのウェブページ、SNS(Social Networking Services)サイトのウェブページ、実店舗のウェブページ、EC(Electric Commerce)サイトのウェブページ、ワード検索に基づく検索結果のウェブページ等が含まれる。 Web pages are not limited to examples, but include news site web pages, video distribution site web pages, SNS (Social Networking Services) site web pages, physical store web pages, and EC (Electric Commerce) site web pages. , Web pages of search results based on word search, etc. are included.

なお、メインコンテンツ情報は、ユーザが意図して端末20に表示させるコンテンツ用の情報としてもよいし、そのようにしなくてもよい。 The main content information may or may not be information for content that the user intentionally displays on the terminal 20.

メインコンテンツデータは、限定ではなく例として、端末20のユーザの操作により指定または生成されたURIに基づいて端末20に配信される。このURIには、(1)ユーザが閲覧しているサイトに含まれるリンク情報(ウェブ検索の検索結果を含む)、(2)ユーザが閲覧しているドキュメントに含まれるリンク情報、(3)ウェブサイトのアクセス履歴、(4)ウェブサイトのブックマーク等、に基づいて指定または生成されるリンク先としてのURIが含まれる。 The main content data is distributed to the terminal 20 based on the URI specified or generated by the operation of the user of the terminal 20 as an example, not a limitation. This URI includes (1) link information contained in the site browsed by the user (including the search result of the web search), (2) link information contained in the document browsed by the user, and (3) the web. URI as a link destination specified or generated based on the access history of the site, (4) bookmark of the website, etc. is included.

本明細書において、広告コンテンツデータには、メインコンテンツ情報が端末20の表示部24に表示されたこと、または、メインコンテンツ情報が端末20の表示部24に表示されることが決定されたことに基づいて、そのメインコンテンツ情報(メインコンテンツデータ)に関連付けて端末20に配信されるコンテンツ用のデータであって、商品またはサービスに関するデータ(画像データ)が含まれる。 In the present specification, the advertisement content data is based on the fact that the main content information is displayed on the display unit 24 of the terminal 20 or that the main content information is displayed on the display unit 24 of the terminal 20. , Data for content delivered to the terminal 20 in association with the main content information (main content data), and includes data (image data) related to a product or service.

広告コンテンツデータには、限定ではなく例として、端末20の表示部24に広告コンテンツデータに基づく広告コンテンツ情報を表示させるための文字データや画像データ等が含まれる。広告コンテンツデータには、全体広告画像の画像データが含まれる。 The advertisement content data is not limited, and includes, as an example, character data, image data, and the like for displaying the advertisement content information based on the advertisement content data on the display unit 24 of the terminal 20. The advertising content data includes image data of the entire advertising image.

なお、広告コンテンツデータには、ユーザによる端末20の使用が開始される前の端末20の初期状態で記憶部28に記憶されているデータが含まれてもよく、含まれなくてもよい。また、広告コンテンツデータには、端末20の初期状態で記憶部28に記憶されている情報に基づいて指定または生成されたURIに基づいて端末20に配信されるデータが含まれてもよく、含まれなくてもよい。 The advertising content data may or may not include data stored in the storage unit 28 in the initial state of the terminal 20 before the user starts using the terminal 20. Further, the advertisement content data may include data to be delivered to the terminal 20 based on the URI specified or generated based on the information stored in the storage unit 28 in the initial state of the terminal 20. It does not have to be.

広告コンテンツデータに基づく広告コンテンツ情報には、限定ではなく例として、商品またはサービスに関する広告画像が含まれる。広告コンテンツ情報は、メインコンテンツ情報に付随するコンテンツ情報としてもよい。 Advertising content information based on advertising content data includes, but is not limited to, advertising images relating to goods or services. The advertising content information may be content information accompanying the main content information.

また、限定ではなく、広告コンテンツ情報は、共通のメインコンテンツ情報に対して、表示させる端末に応じて異ならせることが可能なコンテンツ情報としてもよく、共通のメインコンテンツ情報に対して、複数種類を同時に表示させることが可能なコンテンツ情報としてもよい。 Further, the advertising content information is not limited, and may be content information that can be different depending on the terminal to be displayed with respect to the common main content information, and a plurality of types are simultaneously displayed with respect to the common main content information. It may be content information that can be made.

<第1実施例>
第1実施例は、端末20が、メインコンテンツデータ(限定ではなく、第2コンテンツデータの一例)と、広告コンテンツデータ(限定ではなく、第1コンテンツデータの一例)とを受信する。そして、端末20が、受信されたメインコンテンツデータに基づくメインコンテンツ情報(限定ではなく、第2コンテンツデータに基づく第2コンテンツ情報の一例)と、メインコンテンツ情報として表示されるウェブページの表示領域に対応した横幅および縦幅(限定ではなく、ウェブページの表示領域と略同一の横幅および縦幅)を有する全体広告画像(限定ではなく、第1コンテンツデータに基づく第1コンテンツ情報の一例)とを表示部24に表示させる実施例である。
<First Example>
In the first embodiment, the terminal 20 receives the main content data (an example of the second content data, not the limitation) and the advertisement content data (an example of the first content data, not the limitation). Then, the terminal 20 has a width corresponding to the main content information based on the received main content data (not limited, but an example of the second content information based on the second content data) and the display area of the web page displayed as the main content information. And the entire advertisement image (not limited, but an example of the first content information based on the first content data) having a vertical width (not limited, but substantially the same width and vertical width as the display area of the web page) is displayed on the display unit 24. It is an embodiment to display in.

第1実施例では、サーバ10から全体広告画像のデータを含む全体広告データが端末20に送信され、端末20では、受信された全体広告データに基づく全体広告画像がメインコンテンツ情報(ウェブページ)の背面に表示される。メインコンテンツ情報(ウェブページ)は透過領域を有しており、この透過領域を通じて、背面の全体広告画像をユーザが視認可能となっている。そして、限定ではなく例として、ユーザのスクロール操作に従って、メインコンテンツ情報とともに全体広告画像を移動させる。
第1実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
In the first embodiment, the whole advertisement data including the data of the whole advertisement image is transmitted from the server 10 to the terminal 20, and in the terminal 20, the whole advertisement image based on the received whole advertisement data is the back side of the main content information (web page). Is displayed in. The main content information (web page) has a transparent area, and the entire advertisement image on the back surface can be visually recognized by the user through this transparent area. Then, as an example, not a limitation, the entire advertisement image is moved together with the main content information according to the scroll operation of the user.
The contents described in the first embodiment can be applied to any of the other embodiments.

スクロール操作は、ユーザが指を画面にタッチした状態で、タッチした指を上方向または下方向に移動させる操作のことである。
なお、スクロール操作は、いわゆるスワイプ操作やフリック操作とすることもできる。
The scroll operation is an operation of moving the touched finger upward or downward while the user touches the screen with the finger.
The scroll operation can also be a so-called swipe operation or a flick operation.

限定ではなく例として、端末20は、サーバ10から、メインコンテンツデータ(限定ではなく第2コンテンツデータの一例)を受信すると、マークアップ言語(限定ではなく例としてHTML5)に基づくプログラムを実行して、ウェブブラウザにウェブページ(限定ではなく第2コンテンツ情報の一例)を表示させる。この場合、ウェブブラウザにおいて、ウェブページは、限定ではなく例として、画面短手方向のX軸と、画面長手方向のY軸とで形成される平面に対して垂直な、画面奥行き方向のZ軸における最も前面(手前)のレイヤに配置される。 As an example, not a limitation, when the terminal 20 receives the main content data (an example of the second content data, not the limitation) from the server 10, it executes a program based on the markup language (HTML5 as an example, not the limitation). Display a web page (an example of second content information, not a limitation) on a web browser. In this case, in the web browser, the web page is not limited, but as an example, the Z axis in the screen depth direction, which is perpendicular to the plane formed by the X axis in the short side direction of the screen and the Y axis in the longitudinal direction of the screen. It is placed in the foremost (front) layer in.

このレイヤとは、限定ではなく例として、マークアップ言語のプログラムによって指定される(限定ではなく例としてHTML5のプロパティによって指定される)、表示対象となる情報に関するZ軸方向の表示位置に関する情報である。本明細書において、表示対象となる情報(限定ではなく例として、ウェブページ、広告画像)のレイヤが異なることは、表示対象となる情報のZ軸方向の表示位置が異なることを意味する。 This layer is information about the display position in the Z-axis direction regarding the information to be displayed, which is specified by the markup language program as an example, not as a limitation (specified by the HTML5 property as an example, not as a limitation). is there. In the present specification, different layers of information to be displayed (not limited to, for example, a web page, an advertisement image) mean that the display position of the information to be displayed in the Z-axis direction is different.

限定ではなく例として、端末20は、マークアップ言語(限定ではなく例としてHTML5)に基づくプログラムが実行されたことに伴い、そのプログラム(HTML5の記述)に関連付けられている、スクリプト言語(限定ではなく例としてJavaScript)に基づくプログラムを実行して、広告サーバ(限定ではなく例としてサーバ10)から広告画像のデータ(限定ではなく第1コンテンツデータの一例)を取得して、そのデータに基づく広告画像(限定ではなく第1コンテンツ情報の一例)をウェブページの背面側のレイヤに配置する。 As an example, not a limitation, the terminal 20 is associated with a script language (in the limitation, HTML5 description) associated with a program based on the markup language (HTML5 as an example, not the limitation) being executed. Execute a program based on JavaScript as an example, acquire advertisement image data (an example of first content data, not limitation) from an advertisement server (server 10 as an example, not limitation), and advertise based on that data. The image (an example of the first content information, not the limitation) is placed on the layer on the back side of the web page.

その結果、X−Y平面上に、広告画像とウェブページとが重畳して表示され、広告画像はウェブページの背面側に表示されることになる。
以下の説明では、下位のレイヤ(限定ではなく例として第1レイヤ)に配置された情報は、上位のレイヤ(限定ではなく例として第2レイヤ)に配置された情報よりも背面側(奥側)に表示されるものとする。限定ではなく例として、マークアップ言語のプログラムによって指定されるZ軸方向に関する値(限定ではなく例としてHTML5のプロパティによって指定されるz-indexの値)が大きいほど、表示対象となる情報が、Z軸方向の前面側(手前側)に配置されるようにしてもよい。
As a result, the advertisement image and the web page are superimposed and displayed on the XY plane, and the advertisement image is displayed on the back side of the web page.
In the following description, the information arranged in the lower layer (first layer as an example, not limited) is on the back side (back side) of the information arranged in the upper layer (second layer as an example, not limited). ) Shall be displayed. As an example, not a limitation, the larger the value related to the Z-axis direction specified by the markup language program (the z-index value specified by the HTML5 property as an example, not the limitation), the more information to be displayed. It may be arranged on the front side (front side) in the Z-axis direction.

また、限定ではなく例として、ウェブページ(メインコンテンツ情報)が透過領域を有することは、マークアップ言語(限定ではなく例としてHTML5)に基づくプログラムによって、ウェブページにおいて背景として表示される画像の少なくとも一部を透過領域に設定することが含まれる。 Also, as an example, not a limitation, that a web page (main content information) has a transparent area is at least one of the images displayed as a background on a web page by a program based on a markup language (HTML5 as an example, not a limitation). It includes setting the part to the transparent area.

また、限定ではなく例として、メインコンテンツ情報(ウェブページ)の全体を透過領域とすることには、マークアップ言語(限定ではなく例としてHTML5)に基づくプログラムによって、ウェブページにおいて背景として表示される画像の全体を透過領域に設定することが含まれる。 Also, as an example, not a limitation, to make the entire main content information (web page) a transparent area, an image displayed as a background on a web page by a program based on a markup language (HTML5 as an example, not a limitation). Includes setting the entire of to a transparent area.

また、限定ではなく例として、下位のレイヤに配置されている広告画像を上位のレイヤに配置するとともに、上位のレイヤに配置されているウェブページを下位のレイヤに配置するレイヤチェンジを実行することには、マークアップ言語のプログラムによって指定されるZ軸方向に関する値(限定ではなく例としてHTML5のプロパティによって指定されるz-indexの値)を入れ替えることが含まれてもよい。 In addition, as an example, not limited to, the advertisement image arranged in the lower layer is arranged in the upper layer, and the web page arranged in the upper layer is arranged in the lower layer. May include swapping values in the Z-axis direction specified by the markup language program (not limited, but as an example the value of the z-index specified by the HTML5 property).

なお、上記とは異なり、前面のレイヤに配置されるメインコンテンツ情報と、背面のレイヤに配置される広告画像(広告情報)とで、1つのウェブページが構成されることとしてもよいし、そのようにしなくてもよい。 In addition, unlike the above, one web page may be composed of the main content information arranged on the front layer and the advertisement image (advertisement information) arranged on the back layer. It does not have to be.

また、メインコンテンツデータには、ユーザによる端末20の使用が開始される前の初期状態で記憶部28に記憶されているデータが含まれてもよく、含まれなくてもよい。また、メインコンテンツデータには、端末20の初期状態で記憶部28に記憶されている情報に基づいて指定または生成されたURIに基づいて端末20に配信されるデータが含まれてもよく、含まれなくてもよい。 Further, the main content data may or may not include data stored in the storage unit 28 in the initial state before the user starts using the terminal 20. Further, the main content data may include data to be delivered to the terminal 20 based on the URI specified or generated based on the information stored in the storage unit 28 in the initial state of the terminal 20. It does not have to be.

また、以下説明する実施例では、端末20がニュースサイト等の各種のウェブコンテンツをウェブブラウザによって表示する場合(限定ではなく例として、Webアプリケーション)を想定した実施例について説明するが、これに限定されない。 Further, in the examples described below, an example assuming a case where the terminal 20 displays various web contents such as a news site by a web browser (not a limitation but a web application as an example) will be described, but the present invention is limited to this. Not done.

限定ではなく例として、端末20にインストールされて端末20のOS上で動作する、いわゆるネイティブアプリケーションに本発明を適用することも可能である。
この場合、端末20にインストールされたネイティブアプリケーションにおいて、上位のレイヤに配置されて表示される第2コンテンツ情報(限定ではなく例として、アプリが提供するコンテンツ情報)に透過領域の情報を関連付けておき、透過領域を介して、下位のレイヤに配置される第1コンテンツ情報(限定ではなく例として、広告コンテンツ情報)をユーザが閲覧できるようにすることができる。
また、Webアプリケーションとネイティブアプリケーションとを組み合わせた、いわゆるハイブリッドアプリケーションに本発明を適用することも可能である。
As an example, the present invention can be applied to a so-called native application that is installed on the terminal 20 and operates on the OS of the terminal 20.
In this case, in the native application installed on the terminal 20, the information of the transparent area is associated with the second content information (content information provided by the application as an example, not limited) arranged and displayed in the upper layer. , The first content information (not limited, but as an example, advertising content information) arranged in a lower layer can be made available to the user via the transparent area.
It is also possible to apply the present invention to a so-called hybrid application in which a Web application and a native application are combined.

<機能構成>
(1)サーバの機能構成
サーバ10は、制御部11により実現される機能として、限定ではなく例として、図2−1に示すように、サーバメイン処理部110と、配信処理部111とを有する。
<Functional configuration>
(1) Functional configuration of server The server 10 has a server main processing unit 110 and a distribution processing unit 111 as an example, not limited to, as a function realized by the control unit 11. ..

サーバメイン処理部110は、記憶部15に記憶されているサーバメイン処理プログラム150に従って、サーバ10を統括的に制御するための処理であるサーバメイン処理を実行する機能を有している。 The server main processing unit 110 has a function of executing the server main processing, which is a processing for comprehensively controlling the server 10, according to the server main processing program 150 stored in the storage unit 15.

配信処理部111は、記憶部15に記憶されている配信処理プログラム1501に従い、端末20へのコンテンツデータの配信処理を実行する。配信処理部111は、限定ではなく例として、記憶部15に記憶されているメインコンテンツデータを端末20に配信し、記憶部15に記憶されている広告コンテンツデータを端末20に配信する。 The distribution processing unit 111 executes the distribution processing of the content data to the terminal 20 according to the distribution processing program 1501 stored in the storage unit 15. The distribution processing unit 111 distributes the main content data stored in the storage unit 15 to the terminal 20 and distributes the advertisement content data stored in the storage unit 15 to the terminal 20 as an example, not limited to the distribution processing unit 111.

サーバ10の記憶部15には、限定ではなく例として、図2−2に示すように、プログラムとして、制御部11により読み出され、サーバメイン処理として実行されるサーバメイン処理プログラム150が記憶される。また、サーバメイン処理プログラム150は、制御部11により読み出され、配信処理として実行される配信処理プログラム1501をサブルーチンプログラムとして含む。 As shown in FIG. 2-2, the storage unit 15 of the server 10 stores the server main processing program 150, which is read by the control unit 11 and executed as the server main processing, as a program, as shown in FIG. 2-2. To. Further, the server main processing program 150 includes a distribution processing program 1501 that is read by the control unit 11 and executed as a distribution process as a subroutine program.

また、記憶部15には、限定ではなく例として、データとして、メインコンテンツデータベース152と、全体広告データベース153aが記憶される。 Further, the storage unit 15 stores the main content database 152 and the overall advertisement database 153a as data, not as a limitation.

メインコンテンツデータベース152は、メインコンテンツデータを蓄積的に記憶したデータベースである。サーバ10では、端末20から送信されたメインコンテンツ配信要求に基づいて、要求されたメインコンテンツデータをメインコンテンツデータベース152に記憶されているメインコンテンツデータから選択して、要求元の端末20に配信する。 The main content database 152 is a database that stores main content data in an accumulative manner. The server 10 selects the requested main content data from the main content data stored in the main content database 152 based on the main content distribution request transmitted from the terminal 20, and distributes the requested main content data to the requesting terminal 20.

全体広告データベース153aは、全体広告画像のデータを含む全体広告データを蓄積的に記憶したデータベースである。
限定ではなく例として、全体広告データが端末20に配信されると、ウェブブラウザにおけるウェブページの表示領域(以下、適宜「ページ表示領域」という。)全体に、全体広告画像が表示される。
本例では、表示部24は、縦幅が横幅よりも大きい画面を有しており、ページ表示領域も、縦幅が横幅よりも大きい表示領域である。そのため、全体広告画像も、縦幅が横幅よりも大きい画像である。
全体広告画像は、全体広告データに基づく広告コンテンツ情報の一例であり、静止画像であってもよく動画像であってもよい。
The general advertisement database 153a is a database that stores the total advertisement data including the data of the total advertisement image in an accumulated manner.
As an example, not limited to, when the whole advertisement data is delivered to the terminal 20, the whole advertisement image is displayed in the entire display area (hereinafter, appropriately referred to as “page display area”) of the web page in the web browser.
In this example, the display unit 24 has a screen whose vertical width is larger than the horizontal width, and the page display area is also a display area whose vertical width is larger than the horizontal width. Therefore, the overall advertisement image is also an image whose vertical width is larger than the horizontal width.
The whole advertisement image is an example of advertisement content information based on the whole advertisement data, and may be a still image or a moving image.

なお、本例とは異なり、表示部24を、横幅が縦幅よりも大きい画面を有するように構成してもよいし、そのように構成しなくてもよい。
また、ページ表示領域として、横幅が縦幅よりも大きい表示領域を構成するようにしてもよいし、そのようにしなくてもよい。
また、全体広告画像として、横幅が縦幅よりも大きい画像を適用するようにしてもよいし、そのようにしなくてもよい。
これは、以下説明する各実施例および各変形例についても同様である。
In addition, unlike this example, the display unit 24 may or may not be configured to have a screen whose width is larger than the height.
Further, as the page display area, a display area having a width larger than the height width may or may not be configured.
Further, as the whole advertisement image, an image having a width larger than the height width may or may not be applied.
This also applies to each of the examples and the modifications described below.

限定ではなく例として、メインコンテンツデータベース152には、メインコンテンツデータと関連付けて、広告コンテンツデータ(全体広告データを含む)を識別可能な広告番号が記憶されている。これにより、配信対象となる端末20に表示させるメインコンテンツ情報と、そのメインコンテンツ情報に関連付けて表示させる広告コンテンツ情報(全体広告画像を含む)とが関連付けられている。 As an example, not a limitation, the main content database 152 stores an advertisement number that can identify the advertisement content data (including the entire advertisement data) in association with the main content data. As a result, the main content information to be displayed on the terminal 20 to be distributed is associated with the advertisement content information (including the entire advertisement image) to be displayed in association with the main content information.

(2)端末の機能構成
端末20は、制御部21により実現される機能として、限定ではなく例として、図2−3に示すように、端末メイン処理部210と、表示処理部211とを有する。
(2) Functional configuration of the terminal The terminal 20 has a terminal main processing unit 210 and a display processing unit 211 as an example, not limited to, as a function realized by the control unit 21. ..

端末メイン処理部210は、記憶部28に記憶されている端末メイン処理プログラム280に従って、端末20を統括的に制御するための処理である端末メイン処理を実行する機能を有している。限定ではなく例として、端末20が携帯電話機である場合には、通信I/F22を介して他の携帯電話機や固定電話機等との通話を行うための制御を行う、または通信I/F22を介して各種のウェブサイトにアクセスするための制御を行う、または表示部24に各種の情報を表示させる制御を行う、またはマイク25から入力される各種の音データを解析する処理を行う、またはカメラ27によって撮影された静止画像や動画像を解析する処理等を実行する。 The terminal main processing unit 210 has a function of executing terminal main processing, which is a process for comprehensively controlling the terminal 20, according to the terminal main processing program 280 stored in the storage unit 28. As an example, not limited to, when the terminal 20 is a mobile phone, control for making a call with another mobile phone, a fixed telephone, or the like via the communication I / F 22 is performed, or via the communication I / F 22. Control to access various websites, control to display various information on the display unit 24, perform processing to analyze various sound data input from the microphone 25, or perform processing to analyze various sound data input from the microphone 25, or the camera 27. Performs processing such as analyzing still images and moving images taken by.

表示処理部211は、記憶部28に記憶されている表示処理プログラム2801に従い、表示部24においてメインコンテンツ情報と広告コンテンツ情報とを含む各種コンテンツ情報の表示処理を実行する。メインコンテンツ情報のウェブページをウェブブラウザに表示させる制御を行うことは、メインコンテンツ情報を表示部24に表示させる処理の一例に相当し、メインコンテンツ情報のウェブページに関連付けられた広告コンテンツ情報(全体広告画像)をウェブブラウザに表示させる制御を行うことは、広告コンテンツ情報を表示部24に表示させる処理の一例に相当する。 The display processing unit 211 executes display processing of various content information including the main content information and the advertisement content information in the display unit 24 according to the display processing program 2801 stored in the storage unit 28. Controlling the display of the web page of the main content information on the web browser corresponds to an example of the process of displaying the main content information on the display unit 24, and the advertisement content information (overall advertisement image) associated with the web page of the main content information. Controlling the display of the information on the web browser corresponds to an example of the process of displaying the advertisement content information on the display unit 24.

端末20の記憶部28には、限定ではなく例として、図2−4に示すように、プログラムとして、制御部21により読み出され、端末メイン処理として実行される端末メイン処理プログラム280が記憶される。また、端末メイン処理プログラム280は、制御部21により読み出され、表示処理として実行される表示処理プログラム2801をサブルーチンプログラムとして含む。 As shown in FIG. 2-4, the storage unit 28 of the terminal 20 stores the terminal main processing program 280, which is read by the control unit 21 and executed as the terminal main processing, as a program, as shown in FIG. 2-4. To. Further, the terminal main processing program 280 includes a display processing program 2801 read by the control unit 21 and executed as a display processing as a subroutine program.

<表示画面例>
以下の説明では、表示部24の画面において、メインコンテンツ情報の先頭部分[TOP]から最終部分[END]に向かう方向(ウェブブラウザの上辺側から下辺側に向かう方向)を画面下方向と記載し、その反対方向を画面上方向と記載する。また、メインコンテンツ情報の左辺側から右辺側に向かう方向(ウェブブラウザの左辺側から右辺側に向かう方向)を画面右方向と記載し、その反対方向を画面左方向と記載する。
<Display screen example>
In the following description, on the screen of the display unit 24, the direction from the first part [TOP] to the last part [END] of the main content information (the direction from the upper side to the lower side of the web browser) is described as the lower direction of the screen. The opposite direction is described as the screen upward direction. Further, the direction from the left side to the right side of the main content information (the direction from the left side to the right side of the web browser) is described as the screen right direction, and the opposite direction is described as the screen left direction.

図2−5は、本例における第1レイヤに配置される情報と、第2レイヤに配置される情報との関係を示す説明図である。
本実施例では、端末20がメインコンテンツデータを受信したことに基づいて、そのメインコンテンツデータに基づくメインコンテンツ情報(ウェブページ241)は第2レイヤに配置され、そのメインコンテンツデータに関連付けて配信された全体広告データに基づく全体広告画像242aは、第2レイヤよりも下位の第1レイヤに配置される。
FIG. 2-5 is an explanatory diagram showing the relationship between the information arranged in the first layer and the information arranged in the second layer in this example.
In this embodiment, based on the terminal 20 receiving the main content data, the main content information (web page 241) based on the main content data is arranged in the second layer, and the overall advertisement data distributed in association with the main content data. The entire advertisement image 242a based on the above is arranged in the first layer lower than the second layer.

メインコンテンツ情報には透過領域241aが形成されている場合があり、透過領域241aを有するメインコンテンツ情報が第2レイヤに配置されると、第2レイヤよりも下位の第1レイヤに配置された画像が、透過領域241aを介して視認可能となる。 A transparent region 241a may be formed in the main content information, and when the main content information having the transparent region 241a is arranged in the second layer, the image arranged in the first layer lower than the second layer is displayed. It becomes visible through the transmission region 241a.

この例では、第1レイヤに配置されている全体広告画像242aの一部が、透過領域241aと重畳している。そのため、ユーザは、メインコンテンツ情報とともに、透過領域241aを介して全体広告画像242aの一部を見ることができる。 In this example, a part of the entire advertising image 242a arranged on the first layer overlaps with the transparent region 241a. Therefore, the user can see a part of the entire advertisement image 242a through the transparent region 241a together with the main content information.

<処理>
図2−6は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理を左側に、端末20の表示処理部211が実行する表示処理を右側にそれぞれ示している。
<Processing>
FIG. 2-6 is a flowchart showing an example of the flow of processing executed by each device in this embodiment.
In this figure, the distribution process executed by the distribution processing unit 111 of the server 10 is shown on the left side, and the display processing executed by the display processing unit 211 of the terminal 20 is shown on the right side.

各処理における各ステップをアルファベットの大文字と数字の組み合わせで示し、本明細書では、ステップの用語は省略する。
また、以下説明するフローチャートに関しては、何れも、各実施例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。
Each step in each process is indicated by a combination of uppercase letters and numbers of the alphabet, and the term of the step is omitted in the present specification.
Further, all of the flowcharts described below merely exemplify the processing in each embodiment, and in the flowchart described below, some steps may not be executed or additional steps may be inserted. You may.

また、以下説明する端末20の処理は、端末20にインストールされたウェブブラウザのアプリケーションで全てのステップが実行される処理としてもよいし、ウェブブラウザのアプリケーションで一部のステップが実行される処理としてもよい。また、必ずしも、端末20にインストールされたウェブブラウザのアプリケーションで実行される処理としなくてもよい。 Further, the process of the terminal 20 described below may be a process in which all steps are executed by the application of the web browser installed in the terminal 20, or a process in which some steps are executed by the application of the web browser. May be good. Further, it is not always necessary to perform the process executed by the application of the web browser installed on the terminal 20.

最初に、端末20のユーザが、閲覧しようとするサイトにアクセスするための操作(限定ではなく例としてブックマークの選択操作、リンク情報の選択操作)を行うと、端末20は、アクセス先となるサイトのURIを含む配信要求を通信I/F22によって(通信I/F22を介して)サーバ10に送信する(A1)。 First, when the user of the terminal 20 performs an operation for accessing the site to be browsed (not limited, but as an example, a bookmark selection operation and a link information selection operation), the terminal 20 is the access destination site. The delivery request including the URI of the above is transmitted to the server 10 by the communication I / F22 (via the communication I / F22) (A1).

サーバ10は、通信I/F14によって(通信I/F14を介して)端末20から配信要求を受信すると、受信された配信要求に基づいて、メインコンテンツデータベース152から配信対象となるメインコンテンツデータを識別する(B1)。そして、配信対象となるメインコンテンツデータ(限定ではなく例としてニュースサイトのウェブページ241に関するデータを含む。)を、通信I/F14によって端末20に送信する(B3)。 When the server 10 receives the distribution request from the terminal 20 (via the communication I / F14) by the communication I / F14, the server 10 identifies the main content data to be distributed from the main content database 152 based on the received distribution request ((via the communication I / F14). B1). Then, the main content data to be distributed (including data related to the web page 241 of the news site as an example, not limited) is transmitted to the terminal 20 by the communication I / F14 (B3).

また、サーバ10は、配信対象となるメインコンテンツデータに関連付けられた全体広告データを、全体広告データベース153aから識別する(B3a)。そして、識別した全体広告データ(限定ではなく例として全体広告画像242aのデータを含む)を、通信I/F14によって端末20に送信して(B3b)、配信処理を終了する。 Further, the server 10 identifies the overall advertisement data associated with the main content data to be distributed from the overall advertisement database 153a (B3a). Then, the identified overall advertisement data (including the data of the overall advertisement image 242a as an example, not limited) is transmitted to the terminal 20 by the communication I / F 14 (B3b), and the distribution process is terminated.

なお、メインコンテンツデータと、広告コンテンツデータの配信方法は、このような方法に限られない。限定ではなく例として、メインコンテンツデータがサーバ10から端末20に配信された後、端末20から、メインコンテンツデータに関連付けられた広告コンテンツデータ(限定ではなく例として、メインコンテンツデータに含まれるURI又はメインコンテンツデータに含まれるプログラムに基づいて生成されたURI、に関連付けられた広告コンテンツデータ)の配信要求が、サーバ10に送信されるようにする。そして、サーバ10が、この広告コンテンツデータの配信要求に基づいて、広告コンテンツデータを端末20に配信するようにしてもよいし、そのようにしなくてもよい。 The distribution method of the main content data and the advertisement content data is not limited to such a method. As an example, not a limitation, after the main content data is delivered from the server 10 to the terminal 20, the advertisement content data associated with the main content data (not limited, but as an example, to the URI or the main content data included in the main content data). The delivery request of the advertisement content data associated with the URI, which is generated based on the included program, is transmitted to the server 10. Then, the server 10 may or may not deliver the advertisement content data to the terminal 20 based on the distribution request of the advertisement content data.

また、メインコンテンツデータと、広告コンテンツデータとは、異なるサーバ装置から端末20に配信されるようにしてもよいし、そのようにしなくてもよい。限定ではなく例として、サーバ10は、メインコンテンツサーバと広告コンテンツサーバとを含む複数のサーバ装置により構成されてもよいし、そのようにしなくてもよい。 Further, the main content data and the advertisement content data may or may not be delivered to the terminal 20 from different server devices. As an example, but not limited to, the server 10 may or may not be composed of a plurality of server devices including a main content server and an advertisement content server.

限定ではなく例として、(1)端末20からメインコンテンツデータの配信要求を受信したメインコンテンツサーバが、配信要求に対応したメインコンテンツデータをメインコンテンツデータベースから識別して端末20に配信し、(2)サーバ10からメインコンテンツデータを受信した端末20が、そのメインコンテンツデータに関連付けられた広告コンテンツデータ(限定ではなく例として、メインコンテンツデータに含まれるURI又はメインコンテンツデータに含まれるプログラムに基づいて生成されたURI、に関連付けられた広告コンテンツデータ)の配信要求を広告コンテンツサーバに送信し、(3)端末20から広告コンテンツデータの配信要求を受信した広告コンテンツサーバが、配信要求に対応した広告コンテンツデータを広告コンテンツデータベースから識別して端末20に配信してもよいし、そのようにしなくてもよい。 As an example, not a limitation, (1) the main content server that receives the distribution request of the main content data from the terminal 20 identifies the main content data corresponding to the distribution request from the main content database and distributes it to the terminal 20, and (2) from the server 10. The terminal 20 that has received the main content data is associated with the advertising content data associated with the main content data (as an example, not limited to a URI included in the main content data or a URI generated based on a program included in the main content data). The distribution request of the advertisement content data) is sent to the advertisement content server, and (3) the advertisement content server that receives the distribution request of the advertisement content data from the terminal 20 identifies the advertisement content data corresponding to the distribution request from the advertisement content database. It may or may not be delivered to the terminal 20.

端末20は、サーバ10からメインコンテンツデータと、全体広告データとを受信すると、限定ではなく例として、全体広告データに基づく全体広告画像242aを第1レイヤに配置し、メインコンテンツデータに基づくウェブページ241を第2レイヤに配置する(A3)。 When the terminal 20 receives the main content data and the overall advertisement data from the server 10, the terminal 20 arranges the overall advertisement image 242a based on the overall advertisement data in the first layer as an example, not limited to the web page 241 based on the main content data. It is arranged in the second layer (A3).

これにより、全体広告画像242aにウェブページ241が重畳することになる。第1レイヤにおいて、全体広告画像242aの底辺は、限定ではなく例としてページ表示領域の底辺に沿って配置されるため、A3の時点では、ページ表示領域の全体に全体広告画像242aが配置されることになる。
ウェブページ241(メインコンテンツ情報)は透過領域241aを有しているため、ユーザは、この透過領域241aを介して全体広告画像242aの一部を視認可能となる。
As a result, the web page 241 is superimposed on the overall advertisement image 242a. In the first layer, the bottom of the entire advertisement image 242a is arranged along the bottom of the page display area as an example, not limitedly. Therefore, at the time of A3, the entire advertisement image 242a is arranged in the entire page display area. It will be.
Since the web page 241 (main content information) has a transparent area 241a, the user can visually recognize a part of the entire advertising image 242a through the transparent area 241a.

A3の後、端末20は、スクロール操作が行われたか否かを判定する(A5)。
スクロール操作が行われていない場合には(A5:No)、スクロール操作を待機する。
スクロール操作が行われた場合には(A5:Yes)、スクロール操作の方向にウェブページ241を移動させる(A7)。また、ウェブページ241とともに、スクロール操作の方向に全体広告画像242aを移動させる(A7a)。
After A3, the terminal 20 determines whether or not the scroll operation has been performed (A5).
If the scroll operation is not performed (A5: No), the scroll operation is waited for.
When the scroll operation is performed (A5: Yes), the web page 241 is moved in the direction of the scroll operation (A7). Further, the entire advertisement image 242a is moved in the direction of the scroll operation together with the web page 241 (A7a).

その後、端末20は、スクロール操作が終了したか否かを判定する(A13)。
スクロール操作が終了していれば(A13:Yes)、表示処理を終了する。
スクロール操作が終了してなければ(A13:No)、A7に処理を戻す。
After that, the terminal 20 determines whether or not the scroll operation is completed (A13).
If the scroll operation is completed (A13: Yes), the display process is terminated.
If the scroll operation is not completed (A13: No), the process is returned to A7.

<第1実施例の効果>
第1実施例は、端末20が、全体広告画像242a(限定ではなく、第1コンテンツ情報の一例)の一部の領域(限定ではなく、第1情報の一例)を少なくともページ表示領域(限定ではなく、端末の表示領域の一例)に表示し、その少なくとも一部に重畳し、少なくとも一部に透過領域241aを有するメインコンテンツ情報(ウェブページ)(限定ではなく、第2コンテンツ情報の一例)をページ表示領域に表示する。そして、端末20は、ユーザによるページ表示領域に対するスクロール操作(限定ではなく、第1入力の一例)に基づいて、ページ表示領域上を移動させる制御を、透過領域241aと全体広告画像242aの少なくとも一部とに実行する構成を示している。
このような構成により得られる効果の一例として、表示領域に対する第1入力に基づいて、第2コンテンツ情報の少なくとも一部と第1情報とが表示領域上を移動することになるため、第2コンテンツ情報の少なくとも一部と第1情報とに連動性を生じさせ、端末における情報の表示効果を向上させることができる。
<Effect of the first embodiment>
In the first embodiment, the terminal 20 sets at least a part area (not limited, but an example of the first information) of the entire advertising image 242a (not limited, but an example of the first content information) to at least a page display area (not limited, but an example of the first information). The main content information (web page) (not limited, but an example of the second content information) that is displayed in the display area of the terminal), superimposed on at least a part of the display area, and has a transparent area 241a in at least a part of the page. Display in the display area. Then, the terminal 20 controls the movement on the page display area based on the scroll operation (not limited, but an example of the first input) of the page display area by the user, at least one of the transparent area 241a and the entire advertisement image 242a. The configuration to be executed is shown in the section.
As an example of the effect obtained by such a configuration, at least a part of the second content information and the first information move on the display area based on the first input to the display area, so that the second content At least a part of the information and the first information can be linked to improve the information display effect on the terminal.

<広告提供による収益>
本実施例および以下説明する実施例において、限定ではなく例として、第2コンテンツ(限定ではなく例として、ビジネスニュースのウェブページ)を提供する事業者は、広告主から成果報酬を得ることができるようにすることができる。
具体的には、限定ではなく例として、事業者が提供するウェブページであって、透過領域を介して広告主の広告画像を閲覧可能なウェブページへのアクセス数を、サーバ10で集計する。そして、その集計結果に基づいて、第2コンテンツを提供する事業者は、広告主から報酬を受け取ることができるようにすることができる(いわゆるアフィリエイト)。
<Revenue from advertising>
In this example and the examples described below, a business operator who provides a second content (a business news web page as an example, not a limitation) as an example, not a limitation, can obtain a performance fee from an advertiser. Can be done.
Specifically, as an example, not limited, the number of accesses to a web page provided by a business operator and in which an advertiser's advertisement image can be viewed via a transparent area is totaled by the server 10. Then, based on the aggregated result, the business operator that provides the second content can be made to be able to receive a reward from the advertiser (so-called affiliate).

より具体的には、限定ではなく例として、ウェブページへのアクセス1回につき、第2コンテンツを提供する事業者と広告主との間で取り決められた金額が事業者から広告主に課金され、広告主は、その課金額を事業者に支払うようにすることができる。
このようにすることで、第2コンテンツ(限定ではなく例として、ビジネスニュースのウェブページ)を提供する事業者は、広告主の広告画像が表示されたことに基づき利益(報酬)を得ることが可能となる。
More specifically, as an example, not limited, the amount of money agreed between the business operator providing the second content and the advertiser is charged to the advertiser for each access to the web page. The advertiser can make the charge paid to the business operator.
By doing so, the business operator who provides the second content (as an example, not a limitation, a web page of business news) can obtain a profit (reward) based on the advertisement image of the advertiser being displayed. It will be possible.

<第2実施例>
第2実施例は、広告コンテンツ情報(限定ではなく、第1コンテンツ情報の一例)の一部である第1情報(限定ではなく例として、全体広告画像242aの一部)と、メインコンテンツ情報(限定ではなく、第2コンテンツ情報の一例)の透過領域とが重畳したことに基づいて、ユーザのスクロール操作(限定ではなく、第1入力の一例)によって、第1情報と透過領域(透過領域全体または透過領域の一部)とを移動させる実施例である。
第1実施例とは、端末20において、透過領域と第1情報との位置関係と、第1入力とに基づき、少なくとも第1情報の一部が透過領域に重畳された状態で表示領域上を移動させる制御が実行される点が異なる。
<Second Example>
The second embodiment includes the first information (a part of the entire advertisement image 242a as an example, not the limitation) which is a part of the advertisement content information (an example of the first content information, not the limitation), and the main content information (the limitation). Instead, based on the superposition of the transparent area of the second content information (an example of the second content information), the first information and the transparent area (the entire transparent area or the entire transparent area or This is an example of moving a part of the transparent region).
In the first embodiment, in the terminal 20, based on the positional relationship between the transparent region and the first information and the first input, at least a part of the first information is superimposed on the transparent region on the display area. The difference is that the control to move is executed.

第2実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the second embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

図2−7および図2−8に示す例では、第1レイヤに広告コンテンツ情報として全体広告画像242aが配置され、第2レイヤにはメインコンテンツ情報としてビジネスニュースサイトのウェブページ241が配置されている。ウェブページ241には、ニュース記事を構成する文字(限定ではなく、第2コンテンツ情報に含まれる文字情報の一例)と画像(限定ではなく、第2コンテンツ情報に含まれる画像情報の一例)とが含まれるが、これらはいずれも第2レイヤに配置されることになる。 In the examples shown in FIGS. 2-7 and 2-8, the entire advertisement image 242a is arranged as the advertisement content information in the first layer, and the web page 241 of the business news site is arranged as the main content information in the second layer. .. On the web page 241, characters constituting a news article (an example of character information included in the second content information, not a limitation) and an image (an example of image information included in the second content information, not a limitation) are displayed. Although included, they will all be placed on the second layer.

ページ表示領域は、横幅よりも縦幅が長い縦長の領域であり、全体広告画像242aは、横幅よりも縦幅が長い縦長の画像である。本例では、全体広告画像242aは、アナログ腕時計の画像である。この全体広告画像242aには、アナログ腕時計の外観と製品名とが情報として含まれ、さらに発売日やウェブサイト情報も含まれている。 The page display area is a vertically long area having a vertical width longer than the horizontal width, and the overall advertisement image 242a is a vertically long image having a vertical width longer than the horizontal width. In this example, the overall advertising image 242a is an image of an analog wristwatch. The overall advertisement image 242a includes the appearance and product name of the analog wristwatch as information, and also includes the release date and website information.

図2−7に示すように、ユーザが、端末20のウェブブラウザによってビジネスニュースサイトにアクセスすることで、ページ表示領域には、ウェブページ241が表示され、透過領域241aを介して、全体広告画像242aの一部が視認される状態となる。なお、本例において、透過領域241aは、横幅が縦幅よりも大きい横長の領域である。 As shown in FIG. 2-7, when the user accesses the business news site by the web browser of the terminal 20, the web page 241 is displayed in the page display area, and the entire advertisement image is displayed via the transparent area 241a. A part of 242a is visible. In this example, the transmission region 241a is a horizontally long region whose width is larger than the height.

この例では、ウェブページ241の縦幅は、ページ表示領域の縦幅よりも大きいため、ウェブページ241の全体がページ表示領域に収まりきれない。その結果、ページ表示領域には当初、ウェブページ241の先頭部分[TOP]を含むウェブページ241の一部が表示され、ウェブページ241の最終部分[END]を含む残りの部分は非表示となっている。この状態を、ウェブページ241が初期位置にある状態とする。 In this example, since the vertical width of the web page 241 is larger than the vertical width of the page display area, the entire web page 241 cannot fit in the page display area. As a result, a part of the web page 241 including the first part [TOP] of the web page 241 is initially displayed in the page display area, and the remaining part including the last part [END] of the web page 241 is hidden. ing. This state is defined as the state in which the web page 241 is in the initial position.

ウェブページ241が初期位置にある場合に、ユーザがページ表示領域(ただし、透過領域241aとは異なる領域)をタッチして、画面上方向に指を動かすスクロール操作を行うことで、ウェブページ241が画面上方向にスクロールする。これに伴い、透過領域241aが、全体広告画像242aの注目領域と重畳する位置まで移動する。 When the web page 241 is in the initial position, the user touches the page display area (however, the area different from the transparent area 241a) and scrolls by moving the finger upward on the screen to move the web page 241. Scroll up the screen. Along with this, the transparent region 241a moves to a position where it overlaps with the region of interest of the entire advertising image 242a.

ここで、注目領域とは、ユーザに注目させることを目的として設定される領域(ユーザに注目させたい領域)であって、全体広告画像242aの一部(限定ではなく、第1コンテンツ情報の一部である第1情報)に相当する領域である。注目領域は、全体広告画像242aに対して設定される領域であり、限定ではなく例として、広告主によって予め設定されるようにすることができる。
また、注目領域を識別するための注目領域情報(限定ではなく例として、注目領域の頂点座標、注目領域の中心座標等)は、全体広告画像242aに関連付けられた情報である。注目領域情報は、限定ではなく例として、全体広告画像242aのメタデータとして記憶されるようにすることができる。
これにより、全体広告画像242aを受信した端末20において、その全体広告画像242aの注目領域を識別可能となる。
Here, the area of interest is an area (area that the user wants to pay attention to) set for the purpose of attracting the user's attention, and is a part of the entire advertising image 242a (not limited, but one of the first content information). It is an area corresponding to the first information) which is a part. The area of interest is an area set for the entire advertising image 242a, and can be set in advance by the advertiser as an example and not a limitation.
Further, the area of interest information for identifying the area of interest (for example, the coordinates of the vertices of the area of interest, the coordinates of the center of the area of interest, etc.) is information associated with the overall advertising image 242a. The area of interest information can be stored as metadata of the entire advertising image 242a as an example, not a limitation.
As a result, in the terminal 20 that has received the overall advertisement image 242a, the region of interest of the overall advertisement image 242a can be identified.

ここで、透過領域241aが、全体広告画像242aの注目領域と重畳する位置まで移動したことに基づいて、透過領域241aに対する全体広告画像242aの位置が固定される。
すなわち、透過領域241aに全体広告画像242aの注目領域が含まれたことに基づいて、第2レイヤのメインコンテンツ情報と第1レイヤの広告コンテンツ情報との相対的な位置が固定される。
Here, the position of the overall advertisement image 242a with respect to the transmission region 241a is fixed based on the movement of the transparent region 241a to a position where it overlaps with the attention region of the overall advertisement image 242a.
That is, based on the fact that the transparent region 241a includes the region of interest of the entire advertising image 242a, the relative positions of the main content information of the second layer and the advertising content information of the first layer are fixed.

この例では、全体広告画像242aの注目領域として、時計盤部分の領域が設定されている。その結果、ユーザが注目する可能性が高い時計盤部分が視認可能となったことに基づいて、透過領域241aに対する全体広告画像242aの位置が固定されることになる。 In this example, the area of the clock face portion is set as the area of interest of the overall advertising image 242a. As a result, the position of the entire advertising image 242a with respect to the transparent region 241a is fixed based on the fact that the clock face portion that is likely to be noticed by the user becomes visible.

その後、ユーザがスクロール操作を継続して、ウェブページ241の最終部分[END]をページ表示領域まで移動させると、ウェブページ241が画面上方向にスクロールすることに伴い、透過領域241aと全体広告画像242aとが固定された状態で画面上方向に移動する。従って、ユーザは、透過領域241aを介して注目領域を継続して視認可能となる。 After that, when the user continues the scrolling operation and moves the final part [END] of the web page 241 to the page display area, the transparent area 241a and the entire advertisement image are displayed as the web page 241 scrolls upward on the screen. It moves upward on the screen with the 242a fixed. Therefore, the user can continuously see the region of interest through the transparent region 241a.

次いで、ユーザが画面下方向へのスクロール操作に切り替えると、図2−8に示すように、ウェブページ241が画面下方向にスクロールすることに伴い、透過領域241aと全体広告画像242aとが固定された状態で画面下方向に移動する。 Next, when the user switches to the scroll operation downward on the screen, as shown in FIG. 2-8, the transparent area 241a and the entire advertisement image 242a are fixed as the web page 241 scrolls downward on the screen. Move to the bottom of the screen while holding.

さらに、ユーザがスクロール操作を継続して、ウェブページ241の先頭部分[TOP]をページ表示領域の最上部まで移動させることで、ウェブページ241は初期位置に戻る。
ウェブページ241が初期位置に戻った場合にも、ユーザは、透過領域241aを介して注目領域を継続して視認可能となっている。
Further, the user continues the scrolling operation to move the head portion [TOP] of the web page 241 to the top of the page display area, so that the web page 241 returns to the initial position.
Even when the web page 241 returns to the initial position, the user can continue to see the area of interest through the transparent area 241a.

このように、ウェブページ241が初期位置にある場合に、透過領域241aと全体広告画像242aとが固定される前であれば(図2−7を参照)、透過領域241aを介して注目領域以外の部分が視認されるが、透過領域241aと全体広告画像242aとが固定された後であれば(図2−8を参照)、透過領域241aを介して注目領域が視認される。 In this way, when the web page 241 is in the initial position, if the transparent region 241a and the entire advertisement image 242a are not fixed (see FIG. 2-7), the region other than the region of interest is passed through the transparent region 241a. However, after the transparent region 241a and the entire advertising image 242a are fixed (see FIG. 2-8), the region of interest is visually recognized through the transparent region 241a.

<処理>
図2−9は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理を左側に、端末20の表示処理部211が実行する表示処理を右側にそれぞれ示している。
<Processing>
FIG. 2-9 is a flowchart showing an example of the flow of processing executed by each device in this embodiment.
In this figure, the distribution process executed by the distribution processing unit 111 of the server 10 is shown on the left side, and the display processing executed by the display processing unit 211 of the terminal 20 is shown on the right side.

図2−9のフローチャートは、図2−6のフローチャートにおけるA7aのステップを、A7b〜A11aに置き換えたフローチャートである。 The flowchart of FIG. 2-9 is a flowchart in which the steps of A7a in the flowchart of FIG. 2-6 are replaced with A7b to A11a.

最初に、端末20のユーザが、閲覧しようとするサイトにアクセスするための操作(限定ではなく例としてブックマークの選択操作、リンク情報の選択操作)を行うと、端末20は、アクセス先となるサイトのURIを含む配信要求を通信I/F22によって(通信I/F22を介して)サーバ10に送信する(A1)。 First, when the user of the terminal 20 performs an operation for accessing the site to be browsed (not limited, but as an example, a bookmark selection operation and a link information selection operation), the terminal 20 is the access destination site. The delivery request including the URI of the above is transmitted to the server 10 by the communication I / F22 (via the communication I / F22) (A1).

サーバ10は、通信I/F14によって(通信I/F14を介して)端末20から配信要求を受信すると、受信された配信要求に基づいて、図2−6に示したB1、B3、B3aおよびB3bと同様の処理を実行して、配信処理を終了する。 When the server 10 receives the delivery request from the terminal 20 (via the communication I / F14) by the communication I / F14, the server 10 receives B1, B3, B3a and B3b shown in FIG. 2-6 based on the received delivery request. The same process as in is executed to end the delivery process.

端末20は、サーバ10からメインコンテンツデータと、全体広告データとを受信すると、全体広告データに基づく全体広告画像242aを第1レイヤに配置し、メインコンテンツデータに基づくウェブページ241を第2レイヤに配置する(A3)。 When the terminal 20 receives the main content data and the overall advertisement data from the server 10, the entire advertisement image 242a based on the overall advertisement data is arranged in the first layer, and the web page 241 based on the main content data is arranged in the second layer. (A3).

これにより、全体広告画像242aにウェブページ241が重畳することになる。第1レイヤにおいて、全体広告画像242aの底辺は、ページ表示領域の底辺に沿って配置されるため、A3の時点では、ページ表示領域の全体に全体広告画像242aが配置されることになる。
ウェブページ241は透過領域241aを有しているため、ユーザは、この透過領域241aを介して全体広告画像242aの一部を視認可能となる。
As a result, the web page 241 is superimposed on the overall advertisement image 242a. In the first layer, the bottom of the entire advertisement image 242a is arranged along the bottom of the page display area. Therefore, at the time of A3, the entire advertisement image 242a is arranged in the entire page display area.
Since the web page 241 has a transparent area 241a, the user can visually recognize a part of the entire advertising image 242a through the transparent area 241a.

端末20は、スクロール操作が行われているか否かを判定する(A5)。
スクロール操作が行われていない場合には(A5:No)、端末20は、スクロール操作を待機する。
スクロール操作が行われた場合には(A5:Yes)、端末20は、スクロール操作の方向にウェブページ241を移動させる(A7)。
The terminal 20 determines whether or not the scroll operation is being performed (A5).
When the scroll operation is not performed (A5: No), the terminal 20 waits for the scroll operation.
When the scroll operation is performed (A5: Yes), the terminal 20 moves the web page 241 in the direction of the scroll operation (A7).

次いで、端末20は、固定フラグがセットされているか否かを判定する(A7b)。
本処理における「固定フラグ」とは、全体広告画像242aと透過領域241aとの相対位置が固定された場合にセットされるフラグである。この固定フラグがセットされた後は、全体広告画像242aに対する透過領域241aの相対的な位置が固定された状態で、スクロール操作の方向にウェブページ241が移動されることとなる。
Next, the terminal 20 determines whether or not the fixed flag is set (A7b).
The "fixed flag" in this process is a flag that is set when the relative positions of the entire advertising image 242a and the transparent area 241a are fixed. After this fixed flag is set, the web page 241 is moved in the direction of the scroll operation while the relative position of the transparent region 241a with respect to the overall advertisement image 242a is fixed.

固定フラグがセットされている場合には(A7b:Yes)、A13に処理を進める。
固定フラグがセットされていない場合には(A7b:No)、ウェブページ241がスクロールされた結果、全体広告画像242aの注目領域が、透過領域241aと重畳することになったか否かを判定する(A9)。A9では、限定ではなく例として、透過領域241aに注目領域の全体が含まれたか否かを判定する。
なお、これに限らず、限定ではなく例として、注目領域の縦幅の所定割合(限定ではなく例として70%)が透過領域241aと重畳したか否かを判定するようにしてもよいし、そのようにしなくてもよい。
If the fixed flag is set (A7b: Yes), the process proceeds to A13.
When the fixed flag is not set (A7b: No), it is determined whether or not the attention area of the entire advertisement image 242a is superimposed on the transparent area 241a as a result of scrolling the web page 241 (A7b: No). A9). In A9, as an example, not a limitation, it is determined whether or not the entire transmission region 241a is included in the transmission region 241a.
Not limited to this, as an example, not limited to this, it may be determined whether or not a predetermined ratio of the vertical width of the region of interest (70% as an example, not limited) is superimposed on the transparent region 241a. You don't have to do that.

端末20は、注目領域が透過領域241aと重畳した場合は(A9:Yes)、全体広告画像242aに対する透過領域241aの相対的な位置を固定し(A11)、固定フラグをセットして(A11a)、A13に処理を進める。 When the region of interest overlaps the transparent region 241a (A9: Yes), the terminal 20 fixes the relative position of the transparent region 241a with respect to the overall advertising image 242a (A11), sets a fixed flag (A11a), and sets the fixed flag. , Proceed to A13.

A11、A11aの処理が実行された場合、それ以降は、スクロール操作が行われてウェブページ241がスクロールしても、透過領域241aを介して視認される全体広告画像242aの領域は、注目領域から変化しないことになる。 When the processes of A11 and A11a are executed, even if the scroll operation is performed and the web page 241 is scrolled after that, the area of the entire advertisement image 242a that is visually recognized through the transparent area 241a is from the area of interest. It will not change.

端末20は、全体広告画像242aの注目領域が、透過領域241aと重畳していない場合は(A9:No)、A13に処理を進める。
端末20は、スクロール操作が終了したか否かを判定する(A13)。
スクロール操作が終了していれば(A13:Yes)、処理を終了する。
スクロール操作が終了してなければ(A13:No)、A7に処理を戻す。
If the region of interest of the overall advertisement image 242a does not overlap with the transparent region 241a (A9: No), the terminal 20 proceeds to A13.
The terminal 20 determines whether or not the scroll operation is completed (A13).
If the scroll operation is completed (A13: Yes), the process is terminated.
If the scroll operation is not completed (A13: No), the process is returned to A7.

なお、本処理では、注目領域が透過領域と重畳することを条件として、全体広告画像に対する透過領域の相対的な位置を固定することとしたが、これに限定されない。
具体的には、限定ではなく例として、全体広告画像の一部が透過領域と重畳することを条件としてもよいし、そのようにしなくてもよい。
また、限定ではなく例として、注目領域と透過領域との間の距離が設定距離以下(または設定距離未満)となることを条件としてもよいし、そのようにしなくてもよい。
In this process, the relative position of the transparent region with respect to the entire advertising image is fixed on the condition that the region of interest overlaps with the transparent region, but the present invention is not limited to this.
Specifically, it may or may not be limited to the condition that a part of the entire advertising image is superimposed on the transparent region, as an example.
Further, as an example, not limited to the condition, the distance between the region of interest and the transmission region may or may not be less than or equal to the set distance (or less than the set distance).

<第2実施例の効果>
第2実施例は、端末20が、全体広告画像242a(限定ではなく、第1コンテンツ情報の一例)のうちの少なくとも注目領域(限定ではなく、第1情報の一例)を少なくともページ表示領域(限定ではなく、端末の表示領域の一例)に表示し、この注目領域の少なくとも一部に重畳し、少なくとも一部に透過領域241aを有するメインコンテンツ情報(限定ではなく、第2コンテンツ情報の一例)をページ表示領域に表示する。そして、端末20は、ユーザによるページ表示領域に対するスクロール操作(限定ではなく、第1入力の一例)に基づいて、ページ表示領域上を移動させる制御を、少なくとも透過領域241aの一部と注目領域とに実行する構成を示している。
このような構成により得られる効果の一例として、表示領域に対する第1入力に基づいて、第2コンテンツ情報の少なくとも一部と第1情報とが表示領域上を移動することになるため、第2コンテンツ情報の少なくとも一部と第1情報とに連動性を生じさせ、端末における情報の表示効果を向上させることができる。
<Effect of the second embodiment>
In the second embodiment, the terminal 20 sets at least the attention area (not limited, but an example of the first information) of the entire advertising image 242a (not limited, but an example of the first content information) to at least the page display area (limited). The main content information (not limited, but an example of the second content information) is displayed on the display area of the terminal (an example of the display area of the terminal), superimposed on at least a part of the area of interest, and has a transparent area 241a in at least a part of the page. Display in the display area. Then, the terminal 20 controls the movement on the page display area based on the scroll operation (not limited, but an example of the first input) of the page display area by the user, at least a part of the transparent area 241a and the area of interest. Shows the configuration to be executed.
As an example of the effect obtained by such a configuration, at least a part of the second content information and the first information move on the display area based on the first input to the display area, so that the second content At least a part of the information and the first information can be linked to improve the information display effect on the terminal.

また、第2実施例は、透過領域241aと注目領域との位置関係と、スクロール操作とに基づいて、注目領域をページ表示領域上で移動させる制御が実行される構成を示している。
このような構成により得られる効果の一例として、第1情報を、透過領域と第1情報との位置関係と、第1入力とに基づいて、表示領域上を移動させる制御を実行することで、端末における情報の表示効果を向上させることができる。
Further, the second embodiment shows a configuration in which control for moving the attention area on the page display area is executed based on the positional relationship between the transparent area 241a and the attention area and the scroll operation.
As an example of the effect obtained by such a configuration, by executing control to move the first information on the display area based on the positional relationship between the transparent area and the first information and the first input. The information display effect on the terminal can be improved.

また、第2実施例は、スクロール操作に基づいて透過領域241aがページ表示領域上を移動し、透過領域241aの少なくとも一部が注目領域に重畳したことに基づき、注目領域をページ表示領域上で移動させる制御が実行される構成を示している。
このような構成により得られる効果の一例として、透過領域と第1情報とに一体性を生じさせることができる。
Further, in the second embodiment, the transparent area 241a moves on the page display area based on the scroll operation, and at least a part of the transparent area 241a is superimposed on the attention area. It shows the configuration in which the control to move is executed.
As an example of the effect obtained by such a configuration, the transmission region and the first information can be integrated.

また、第2実施例は、スクロール操作に基づいて、少なくとも注目領域の一部が透過領域241aに重畳された状態で、注目領域をページ表示領域上で移動させる制御が実行される構成を示している。
このような構成により得られる効果の一例として、透過領域と第1情報との一体性を向上させることができる。
Further, the second embodiment shows a configuration in which control for moving the attention area on the page display area is executed in a state where at least a part of the attention area is superimposed on the transmission area 241a based on the scroll operation. There is.
As an example of the effect obtained by such a configuration, the integrity of the transparent region and the first information can be improved.

また、第2実施例は、スクロール操作の方向に基づいて、制御部21によるページ表示領域上を移動させる制御を、透過領域241aと注目領域とに実行する構成を示している。
このような構成により得られる効果の一例として、スクロール操作の方向を変更することで、透過領域と第1情報との移動方向を変更することが可能となり、継続してユーザを第1情報に注目させることができる。
Further, the second embodiment shows a configuration in which the control unit 21 executes the control of moving on the page display area in the transparent area 241a and the area of interest based on the direction of the scroll operation.
As an example of the effect obtained by such a configuration, by changing the direction of the scroll operation, it is possible to change the moving direction between the transparent area and the first information, and the user continuously pays attention to the first information. Can be made to.

また、第2実施例は、透過領域241aと注目領域とは、スクロール操作に基づく方向に移動される構成を示している。
このような構成により得られる効果の一例として、ユーザの意図する方向に透過領域と第1情報とが移動することにより、継続してユーザを第1情報に注目させることができる。
In addition, the second embodiment shows a configuration in which the transparent region 241a and the region of interest are moved in a direction based on the scroll operation.
As an example of the effect obtained by such a configuration, the transparent region and the first information move in the direction intended by the user, so that the user can continuously pay attention to the first information.

また、第2実施例は、表示領域の長手方向に沿った方向のスクロール操作に基づいて、透過領域241aと注目領域とを移動させる構成を示している。
このような構成により得られる効果の一例として、第1情報の移動距離を長くすることが可能となり、結果として、第1情報が長い期間視認されることになるため、表示効果を高めることができる。
Further, the second embodiment shows a configuration in which the transmission region 241a and the region of interest are moved based on a scroll operation in a direction along the longitudinal direction of the display region.
As an example of the effect obtained by such a configuration, it is possible to increase the moving distance of the first information, and as a result, the first information is visually recognized for a long period of time, so that the display effect can be enhanced. ..

また、第2実施例は、第1コンテンツ情報は広告情報(限定ではなく例として、全体広告画像242a)であり、第1情報(限定ではなく例として、注目領域)はその一部である構成を示している。
このような構成により得られる効果の一例として、透過領域と広告情報とに連動性を生じさせ、広告効果を向上させることができる。
Further, in the second embodiment, the first content information is advertising information (not limited, but as an example, the entire advertising image 242a), and the first information (not limited, as an example, a region of interest) is a part thereof. Is shown.
As an example of the effect obtained by such a configuration, the transparent area and the advertising information can be linked to improve the advertising effect.

また、第2実施例は、端末20が、通信I/F22によって第2コンテンツデータ(限定ではなく例として、メインコンテンツデータ)を受信することを含み、第2コンテンツ情報(限定ではなく例として、ビジネスニュースのウェブページ等)は、第2コンテンツデータに基づく構成を示している。
このような構成により得られる効果の一例として、第2コンテンツ情報を、端末の外部から受信したデータに基づいて表示させることができる。
Further, the second embodiment includes the terminal 20 receiving the second content data (not limited but, as an example, main content data) by the communication I / F 22, and the second content information (not limited, as an example, business). The news web page, etc.) shows the structure based on the second content data.
As an example of the effect obtained by such a configuration, the second content information can be displayed based on the data received from the outside of the terminal.

また、第2実施例は、第2コンテンツ情報(限定ではなく例として、ビジネスニュースのウェブページ)が、文字情報または画像情報を含み、透過領域241aは、文字情報または画像情報を含まない構成を示している。
このような構成により得られる効果の一例として、第2コンテンツ情報と、透過領域を介して視認可能となる第1情報とが区別しやすくなる。
Further, in the second embodiment, the second content information (not limited, but as an example, a web page of business news) includes character information or image information, and the transparent area 241a does not include character information or image information. Shown.
As an example of the effect obtained by such a configuration, it becomes easy to distinguish between the second content information and the first information that can be visually recognized through the transparent region.

<第2変形例(1)>
第2実施例では、全体広告画像242aの全体にウェブページ241が重畳している例を示したが、このような構成に限定されず、全体広告画像242aの一部に対してのみ、ウェブページ241が重畳するようにしてもよい。
限定ではなく例として、注目領域の一部に対してのみ、ウェブページ241が重畳しており、注目領域の他部には、ウェブページ241が重畳しないようにしてもよい。
<Second modification (1)>
In the second embodiment, an example in which the web page 241 is superimposed on the entire overall advertisement image 242a is shown, but the present invention is not limited to such a configuration, and the web page is limited to only a part of the overall advertisement image 242a. 241 may be superimposed.
As an example, not a limitation, the web page 241 may be superimposed only on a part of the region of interest, and the web page 241 may not be superimposed on the other portion of the region of interest.

<第2変形例(2)>
第2実施例では、スクロール操作により、透過領域241aの全領域が移動する例を示したが、このような構成に限定されず、スクロール操作により、透過領域241aの一部が移動してもよい。
<Second modification (2)>
In the second embodiment, an example in which the entire area of the transparent area 241a is moved by the scroll operation is shown, but the present invention is not limited to such a configuration, and a part of the transparent area 241a may be moved by the scroll operation. ..

第2実施例では、スクロール操作により、ウェブページ241における透過領域241aと他の領域(ニュース記事の文字や画像等)とが一体となって移動する例を示したが、このような構成に限定されず、透過領域241aが他の領域から独立して移動してもよい。
限定ではなく例として、スクロール操作が行われた場合に、透過領域241aが移動する一方で、他の領域(ニュース記事の文字や画像等)は移動しないようにしてもよい。このような構成において、他の領域におけるメインコンテンツ情報(ニュース記事の文字や画像等)は、予め透過領域241aの移動経路上に配置されないようにしてもよく、透過領域241aの移動に伴い透過領域241aと重畳しない領域に移動するようにしてもよい。
In the second embodiment, an example is shown in which the transparent area 241a in the web page 241 and another area (characters, images, etc. of a news article) are moved together by a scroll operation, but the configuration is limited to such a configuration. Instead, the transmission region 241a may move independently of other regions.
As an example, not a limitation, when the scroll operation is performed, the transparent area 241a may move while other areas (characters, images, etc. of news articles) may not move. In such a configuration, the main content information (characters, images, etc. of news articles) in other regions may not be arranged in advance on the movement path of the transparent region 241a, and the transparent region 241a may be moved along with the movement of the transparent region 241a. It may be moved to a region that does not overlap with.

<第2変形例(3)>
第2実施例では、第1コンテンツ情報が広告情報であるが、第1コンテンツ情報は広告情報に限らず、他のコンテンツ情報であってもよい。限定ではなく例として、第1コンテンツ情報は、第2コンテンツ情報に関連するコンテンツ情報であってもよく、第2コンテンツ情報がニュース記事の文字である場合に、第1コンテンツ情報はそのニュース記事に関連するニュース画像であり、第1情報はそのニュース画像の一部であってもよい。
このような構成により得られる効果の一例として、第2コンテンツ情報に関連する情報の表示形態を多様化することができる。
<Second modification (3)>
In the second embodiment, the first content information is the advertisement information, but the first content information is not limited to the advertisement information and may be other content information. As an example, not a limitation, the first content information may be content information related to the second content information, and when the second content information is a character of a news article, the first content information is included in the news article. It is a related news image, and the first information may be a part of the news image.
As an example of the effect obtained by such a configuration, it is possible to diversify the display form of the information related to the second content information.

<第2変形例(4)>
第2実施例では、透過領域241aが注目領域に重畳したことに基づいて、透過領域241aと全体広告画像242aとの相対的な位置が固定される例を示した。
これは、以降のスクロール操作に基づく透過領域241aと全体広告画像242aのスクロール速度が同一になるということでもある。
<Second modification (4)>
In the second embodiment, an example is shown in which the relative positions of the transparent region 241a and the overall advertising image 242a are fixed based on the fact that the transparent region 241a is superimposed on the region of interest.
This also means that the scroll speeds of the transparent region 241a and the entire advertisement image 242a based on the subsequent scroll operations are the same.

このような構成に限らず、スクロール操作に基づく透過領域241aと全体広告画像242aのスクロール速度は同一とならなくてもよい。例として、スクロール操作に基づく透過領域241aのスクロール速度が全体広告画像242aのスクロール速度よりも速くてもよい。
これとは逆に、スクロール操作に基づく透過領域241aのスクロール速度が全体広告画像242aのスクロール速度よりも遅くてもよい。
Not limited to such a configuration, the scroll speeds of the transparent region 241a based on the scroll operation and the entire advertisement image 242a do not have to be the same. As an example, the scroll speed of the transparent region 241a based on the scroll operation may be faster than the scroll speed of the entire advertisement image 242a.
On the contrary, the scroll speed of the transparent region 241a based on the scroll operation may be slower than the scroll speed of the entire advertisement image 242a.

ただし、少なくともスクロール操作によって、透過領域241aと全体広告画像242aとは同じ方向(スクロール方向)に移動するものとする。
このような構成により得られる効果の一例として、透過領域241aと全体広告画像242aとが異なるレイヤに配置されていることを明確にすることができる。
However, it is assumed that the transparent region 241a and the entire advertisement image 242a move in the same direction (scrolling direction) by at least the scrolling operation.
As an example of the effect obtained by such a configuration, it can be clarified that the transparent region 241a and the entire advertising image 242a are arranged on different layers.

なお、上記の構成に限らず、スクロール操作によって、透過領域241aがスクロール操作により指定されたスクロール方向に移動する一方で、全体広告画像242aはスクロール方向とは逆の方向に移動するようにしてもよい。 Not limited to the above configuration, the transparent area 241a may be moved in the scroll direction specified by the scroll operation by the scroll operation, while the entire advertisement image 242a may be moved in the direction opposite to the scroll direction by the scroll operation. Good.

<第2変形例(5)>
第2実施例では、ウェブページ241が初期位置にある状態で、そのウェブページ241が有する透過領域241aに、注目領域が重畳していない例を示したが、このような構成に限らず、ウェブページ241が初期位置にある状態で、既に透過領域241aに注目領域が重畳しているようにしてもよい。
すなわち、ウェブページ241が初期位置にある状態でスクロール操作を行った場合であっても、そのスクロール操作によって透過領域241aとともに全体広告画像242aが移動するようにしてもよい。
<Second modification (5)>
In the second embodiment, an example is shown in which the region of interest is not superimposed on the transparent region 241a of the web page 241 in the state where the web page 241 is in the initial position. With the page 241 in the initial position, the region of interest may already be superimposed on the transmission region 241a.
That is, even when the scroll operation is performed while the web page 241 is in the initial position, the entire advertisement image 242a may be moved together with the transparent area 241a by the scroll operation.

<第2変形例(6)>
第2実施例では、注目領域を全体広告画像242aの中央領域としたが、注目領域は、全体広告画像242aの上部領域、中央領域、下部領域の何れの領域であってもよい。また、注目領域は、矩形領域に限らず、画像の特徴部分の輪郭内の領域(限定ではなく例として、腕時計の時計盤部分の領域)であってもよい。また、注目領域は、複数の画素を含まずともよく、限定ではなく例として、全体広告画像242aの中心座標に位置する画素のみからなる領域であってもよい。
<Second modification (6)>
In the second embodiment, the region of interest is the central region of the overall advertising image 242a, but the region of interest may be any of the upper region, the central region, and the lower region of the overall advertising image 242a. Further, the region of interest is not limited to the rectangular region, and may be a region within the contour of the feature portion of the image (not limited to the region of the clock face portion of the wristwatch as an example). Further, the region of interest does not have to include a plurality of pixels, and is not limited, and may be, for example, an region including only pixels located at the center coordinates of the entire advertising image 242a.

また、第2実施例では、注目領域が、広告主により設定される領域である例を示したが、これに限らず、端末20またはサーバ10により自動的に設定される領域であってもよい。限定ではなく例として、端末20またはサーバ10が、全体広告画像242aに関連付けられた注目領域情報を識別できない場合(注目領域が設定されていない場合を含む)に、全体広告画像242aの中心座標の画素を注目領域に設定してもよい。即ち、全体広告画像242aにおけるデフォルトの注目領域を、中心座標を含む中央領域としてもよい。 Further, in the second embodiment, the area of interest is an area set by the advertiser, but the present invention is not limited to this, and the area may be automatically set by the terminal 20 or the server 10. .. As an example, not a limitation, when the terminal 20 or the server 10 cannot identify the attention area information associated with the whole advertisement image 242a (including the case where the attention area is not set), the center coordinates of the whole advertisement image 242a Pixels may be set in the region of interest. That is, the default area of interest in the overall advertising image 242a may be the central area including the center coordinates.

また、端末20またはサーバ10が、全体広告画像242aを対象とした画像処理を実行し、限定ではなく例として、フィルタリングを用いたエッジ検出等により特徴部分の輪郭を推定することで、注目領域を設定してもよい。また、全体広告画像242aが動画像である場合には、限定ではなく例として、表示順序に基づく前後の画像間、または、表示順序に基づく前後のフレーム間で画素値の差分(変動)が大きい領域を特徴部分として推定し、推定した特徴部分を含むように注目領域を設定してもよい。また、注目領域は、端末20のユーザが、端末20を操作することにより設定可能な領域であってもよい。 Further, the terminal 20 or the server 10 executes image processing for the entire advertisement image 242a, and estimates the contour of the feature portion by edge detection using filtering or the like, not as a limitation, to obtain a region of interest. It may be set. Further, when the entire advertisement image 242a is a moving image, the difference (variation) in pixel values is large between the images before and after based on the display order or between the frames before and after based on the display order, not as a limitation. The region may be estimated as a feature portion, and the region of interest may be set so as to include the estimated feature portion. Further, the area of interest may be an area that can be set by the user of the terminal 20 by operating the terminal 20.

<第2変形例(7)>
第2実施例では、注目領域を識別するための注目領域情報は、全体広告画像242aのメタデータとして記憶されるが、このような形態に限られない。注目領域情報は、限定ではなく例として、全体広告画像242aが蓄積された全体広告データベース153aに、全体広告画像242aの画像識別情報と関連付けて記憶されるようにしてもよい。そして、端末20に全体広告画像242aが送信される場合に、その全体広告画像242aに関連付けて、その全体広告画像242aの画像識別情報に関連付けられた注目領域情報が送信されるようにしてもよい。これにより、全体広告画像242aを受信した端末20において、その全体広告画像242aの注目領域を識別可能となる。
<Second modification (7)>
In the second embodiment, the area of interest information for identifying the area of interest is stored as metadata of the entire advertising image 242a, but is not limited to such a form. The area of interest information is not limited, but as an example, it may be stored in the overall advertisement database 153a in which the overall advertisement image 242a is stored in association with the image identification information of the overall advertisement image 242a. Then, when the whole advertisement image 242a is transmitted to the terminal 20, the attention area information associated with the image identification information of the whole advertisement image 242a may be transmitted in association with the whole advertisement image 242a. .. As a result, in the terminal 20 that has received the overall advertisement image 242a, the region of interest of the overall advertisement image 242a can be identified.

<第3実施例>
第3実施例は、端末20が、全体広告画像242a(限定ではなく、第1コンテンツ情報の一例)の注目領域(限定ではなく、第1情報の一例)に対するユーザのタッチ操作(限定ではなく、第2入力の一例)に基づいて、その全体広告画像242aの全体を視認可能にする実施例である。第3実施例の制御は、限定ではなく例として、図2−9に示される重畳表示処理(A3)の実行後に実行される。
第3実施例は、第2実施例における端末20の制御に、第2入力に基づいて、第2コンテンツ情報の全体を視認可能にする制御を追加した実施例である。
<Third Example>
In the third embodiment, the terminal 20 touches the attention area (not limited, but an example of the first information) of the entire advertising image 242a (not limited, but an example of the first content information) (not limited, but not limited). Based on an example of the second input), it is an embodiment that makes the entire advertisement image 242a visible. The control of the third embodiment is executed after the execution of the superimposed display process (A3) shown in FIG. 2-9 as an example but not a limitation.
The third embodiment is an embodiment in which a control for making the entire second content information visible based on the second input is added to the control of the terminal 20 in the second embodiment.

第3実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the third embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

<表示画面例>
図3−1に示す表示画面では、重畳表示処理(A3)の実行後にスクロール操作が行われたことにより、透過領域241aと注目領域とが固定されている(A11)。そのため、ウェブページ241は初期位置にあるものの、透過領域241aを介して注目領域を視認可能な状態である。
<Display screen example>
In the display screen shown in FIG. 3-1, the transparent region 241a and the region of interest are fixed (A11) because the scroll operation is performed after the superimposed display processing (A3) is executed. Therefore, although the web page 241 is in the initial position, the region of interest can be visually recognized through the transmission region 241a.

この状態で、ユーザが、注目領域をタッチするタッチ操作(限定ではなく、第1情報に対する第2入力の一例)をタッチパネル上で行うことにより、その注目領域を含む全体広告画像242aの全体が視認可能となる。 In this state, the user performs a touch operation (not limited, but an example of the second input for the first information) on the touch panel to visually recognize the entire advertisement image 242a including the attention area. It will be possible.

全体広告画像242aは、注目領域と、注目領域と異なる領域を含む画像である。この例では、注目領域に含まれる情報は、アナログ腕時計の外観と製品名のみである。これに対して、全体広告画像242aは、アナログ腕時計の外観と製品名を中央部に含み、上部には製品の発売日、下部にはウェブサイト情報を含む。 The whole advertisement image 242a is an image including a region of interest and an region different from the region of interest. In this example, the only information contained in the area of interest is the appearance and product name of the analog wristwatch. On the other hand, the overall advertising image 242a includes the appearance and product name of the analog wristwatch in the central part, the product release date in the upper part, and the website information in the lower part.

<処理>
図3−2は、本実施例において端末20の表示処理部211が実行する処理の一例である全体広告表示処理の流れの一例を示すフローチャートである。
この全体広告表示処理は、限定ではなく例として、固定フラグがセットされた後(図2−9のA11後)に実行されるようにすることができる。
なお、この全体広告表示処理は、限定ではなく例として、表示処理プログラム2801のサブルーチンプログラムに基づく処理として実行されるようにすることができる。これは、以下の実施例においても同様である。
<Processing>
FIG. 3-2 is a flowchart showing an example of the flow of the overall advertisement display processing, which is an example of the processing executed by the display processing unit 211 of the terminal 20 in this embodiment.
This whole advertisement display process can be executed after the fixed flag is set (after A11 in FIG. 2-9) as an example, not limited to.
Note that this overall advertisement display process is not limited, but as an example, it can be executed as a process based on the subroutine program of the display process program 2801. This also applies to the following examples.

端末20は、透過領域241aと全体広告画像242aの注目領域が重畳している状態で、タッチ操作(第2入力)が行われたか否かを判定する(A21)。
なお、ユーザがタッチ操作(第2入力)を行うことは、注目領域に重畳している透過領域241aをタッチする操作を行うことにも相当する。
The terminal 20 determines whether or not the touch operation (second input) is performed in a state where the transparent region 241a and the attention region of the entire advertisement image 242a are overlapped (A21).
The user performing a touch operation (second input) also corresponds to performing an operation of touching the transparent region 241a superimposed on the region of interest.

ユーザによりタッチ操作が行われなかった場合(A21:No)、端末20は、全体広告表示処理を終了する。 When the touch operation is not performed by the user (A21: No), the terminal 20 ends the entire advertisement display process.

一方、ユーザによりタッチ操作が行われた場合(A21:Yes)、端末20は、全体広告画像242aを、配信当初の位置(限定ではなく例として、図2−6、図2−9のA3における位置)に戻す。すなわち、第1レイヤにおいて、全体広告画像242aの底辺は、ページ表示領域の底辺に沿って再配置される。また、端末20は、第2レイヤに配置しているウェブページ241の全体を透過領域241aに設定する(A25)。そして、端末20は、全体広告表示処理を終了する。
これにより、第1レイヤに配置された全体広告画像242aの全体をユーザが視認可能となる。
On the other hand, when the touch operation is performed by the user (A21: Yes), the terminal 20 positions the entire advertisement image 242a at the initial position of distribution (not limited, but as an example, in A3 of FIGS. 2-6 and 2-9). Return to position). That is, in the first layer, the bottom of the entire advertising image 242a is rearranged along the bottom of the page display area. Further, the terminal 20 sets the entire web page 241 arranged in the second layer in the transparent region 241a (A25). Then, the terminal 20 ends the whole advertisement display process.
As a result, the user can visually recognize the entire advertisement image 242a arranged on the first layer.

<第3実施例の効果>
第3実施例は、表示部24の表示領域は、縦方向が横方向よりも長い縦長の領域であり、全体広告データに基づく全体広告画像242a(限定ではなく、第1コンテンツ情報の一例)は、縦方向の第1辺と、第1辺よりも短い横方向の第2辺とを有し、全体広告画像242aは、第1辺がページ表示領域の長手方向に沿って配置され、第2辺がページ表示領域の短手方向に沿って配置され、ページ表示領域に表示される構成を示している。
このような構成により得られる効果の一例として、縦長である第1コンテンツ情報をユーザに視認させることができる。
<Effect of the third embodiment>
In the third embodiment, the display area of the display unit 24 is a vertically long area whose vertical direction is longer than the horizontal direction, and the entire advertisement image 242a (not limited, but an example of the first content information) based on the overall advertisement data is The overall advertising image 242a has a first side in the vertical direction and a second side in the horizontal direction shorter than the first side, and the first side is arranged along the longitudinal direction of the page display area, and the second side is arranged. The sides are arranged along the lateral direction of the page display area, and the configuration is shown in which the sides are displayed in the page display area.
As an example of the effect obtained by such a configuration, the user can visually recognize the vertically long first content information.

また、第3実施例は、注目領域(限定ではなく、第1情報の一例)に対するタッチ操作(限定ではなく、第2入力の一例)に基づいて、全体広告画像242aを端末20のユーザに対して視認可能にする制御を制御部21によって実行する構成を示している。
このような構成により得られる効果の一例として、第2入力に基づいて、第1コンテンツ情報の全体をユーザに視認させることができる。また、限定ではなく例として、第1情報に興味を持ったユーザを、より表示効果の高い第1コンテンツ情報に誘導することができる。
Further, in the third embodiment, the entire advertisement image 242a is provided to the user of the terminal 20 based on the touch operation (an example of the second input, not the limitation) for the region of interest (an example of the first information, not the limitation). The configuration is shown in which the control unit 21 executes the control for making the information visible.
As an example of the effect obtained by such a configuration, the user can visually recognize the entire first content information based on the second input. Further, as an example, not limited to, a user who is interested in the first information can be guided to the first content information having a higher display effect.

また、第3実施例は、注目領域に対するタッチ操作(第2入力)に基づいて、メインコンテンツ情報が配置されている第2レイヤの領域全体を透過領域とする処理(限定ではなく、第2コンテンツ情報を透過にする処理の一例)を制御部21によって実行する構成を示している。
このような構成により得られる効果の一例として、簡単な処理によって、第1コンテンツ情報の全体をユーザに視認させることができる。また、限定ではなく例として、第1コンテンツ情報を配置するレイヤを第1レイヤよりも上位の第2レイヤに変更する処理等を行うことなく、第1コンテンツ情報を視認可能とすることができる。
Further, in the third embodiment, based on the touch operation (second input) for the region of interest, the entire region of the second layer in which the main content information is arranged is set as the transparent region (not limited, but the second content information). An example of the process of making the information transparent) is executed by the control unit 21.
As an example of the effect obtained by such a configuration, the entire first content information can be visually recognized by the user by a simple process. Further, as an example, the first content information can be made visible without performing a process of changing the layer on which the first content information is arranged to a second layer higher than the first layer.

また、第3実施例は、第2入力は、透過領域241aを介して視認可能となっている注目領域をタッチする操作による入力である構成を示している。
このような構成により得られる効果の一例として、ユーザが表示領域をタッチすることで、より表示効果の高い第1コンテンツ情報を表示させることができる。
Further, the third embodiment shows a configuration in which the second input is an input by touching a region of interest that is visible through the transparent region 241a.
As an example of the effect obtained by such a configuration, the user can touch the display area to display the first content information having a higher display effect.

<第3変形例(1)>
第3実施例は、第1レイヤに全体広告画像242aを配置した状態で、第2レイヤに配置されたウェブページ241の領域全体を透過領域241aとすることにより、全体広告画像242aの全体を視認可能としたが、このような構成に限られない。ユーザのタッチ操作(第2入力)に基づいて、第2レイヤには全体広告画像242aが配置され、第1レイヤには透過領域241aを含むウェブページが配置されるようにしてもよい。
<Third modification (1)>
In the third embodiment, in a state where the entire advertisement image 242a is arranged on the first layer, the entire area of the web page 241 arranged on the second layer is set as the transparent area 241a, so that the entire area of the entire advertisement image 242a can be visually recognized. Although it was possible, it is not limited to such a configuration. Based on the user's touch operation (second input), the entire advertisement image 242a may be arranged in the second layer, and the web page including the transparent area 241a may be arranged in the first layer.

すなわち、第2入力に基づいて、第1レイヤに配置されている広告情報と第2レイヤに配置されているメインコンテンツ情報とをスワップするレイヤチェンジの処理(限定ではなく、表示領域に表示された第2コンテンツ情報から第1コンテンツ情報に変更する処理の一例)が実行され、結果として広告情報がメインコンテンツ情報よりも上位のレイヤに配置されることにより、広告情報の全体が視認可能となるようにしてもよい。
このような構成により得られる効果の一例として、透過領域を変更することなく、第1コンテンツ情報を視認可能とすることができる。
That is, a layer change process (not limited, but displayed in the display area) that swaps the advertisement information arranged in the first layer and the main content information arranged in the second layer based on the second input. 2 An example of the process of changing from the content information to the first content information) is executed, and as a result, the advertisement information is arranged in a layer higher than the main content information so that the entire advertisement information can be visually recognized. May be good.
As an example of the effect obtained by such a configuration, the first content information can be made visible without changing the transparent area.

また、他の例として、第2入力に基づいて、第2レイヤに配置されているメインコンテンツ情報を消去し、第2レイヤにメインコンテンツ情報が配置されていない状態とすることによって、第1レイヤに配置されている全体広告画像242aを視認することができるようにしてもよいし、そのようにしなくてもよい。 Further, as another example, based on the second input, the main content information arranged in the second layer is erased so that the main content information is not arranged in the second layer, so that the main content information is arranged in the first layer. The entire advertisement image 242a may or may not be visible.

<第3変形例(2)>
第3実施例において、A25の処理が実行されて、全体広告画像242aが視認可能となった後、所定期間(所定時間)が経過したこと、または、ユーザがメインコンテンツ情報を再び視認可能とするための操作を実行したことに基づいて、第2レイヤに配置されたウェブページ241が再び視認可能となるようにしてもよい。
<Third modification (2)>
In the third embodiment, after the processing of A25 is executed and the entire advertisement image 242a becomes visible, a predetermined period (predetermined time) has elapsed, or the user can visually recognize the main content information again. The web page 241 arranged in the second layer may be made visible again based on the execution of the operation of.

限定ではなく例として、ユーザが、図3−3に示される全体広告画像242aの右上に表示されている「×」と示された消去アイコン242cにタッチすることで、第2レイヤにおける透過領域設定が解除されて、再び第2レイヤのウェブページ241を視認可能となる。このとき第2レイヤのウェブページ241は、第1レイヤの全体広告画像242aに重畳した状態となっており、透過領域241aを介して全体広告画像242aの一部を視認可能となっている。 As an example, not a limitation, the user touches the erase icon 242c indicated by "x" displayed in the upper right of the entire advertisement image 242a shown in FIG. 3-3 to set the transparent area in the second layer. Is released, and the web page 241 of the second layer can be visually recognized again. At this time, the web page 241 of the second layer is in a state of being superimposed on the entire advertisement image 242a of the first layer, and a part of the entire advertisement image 242a can be visually recognized via the transparent region 241a.

なお、第3変形例(1)に関しても、全体広告画像242aが視認可能となった後、所定期間(所定時間)が経過したこと、または、ユーザがメインコンテンツ情報を再び視認可能とするための操作を実行したことに基づいて、一旦は第1レイヤに配置されたウェブページ241が、再び第2レイヤに配置されることで視認可能となるようにしてもよい。 Regarding the third modification (1), a predetermined period (predetermined time) has elapsed after the entire advertisement image 242a becomes visible, or an operation for making the main content information visible again to the user. The web page 241 once arranged in the first layer may be made visible by being arranged in the second layer again based on the execution of the above.

限定ではなく例として、ユーザが、図3−3に示される全体広告画像242aの右上に表示されている「×」と示された消去アイコン242cにタッチした場合には、第1レイヤに配置されているメインコンテンツ情報と第2レイヤに配置されている広告情報とをスワップするレイヤチェンジが実行され、結果としてメインコンテンツ情報が、広告情報よりも上位のレイヤに再び配置されることにより、メインコンテンツ情報が視認可能となるようにしてもよい。このとき第2レイヤのウェブページ241は、第1レイヤの全体広告画像242aに重畳した状態となっており、透過領域241aを介して全体広告画像242aの一部を視認可能となっている。 As an example, not a limitation, when the user touches the erase icon 242c indicated by "x" displayed in the upper right of the whole advertisement image 242a shown in FIG. 3-3, it is arranged in the first layer. A layer change is executed to swap the main content information and the advertisement information arranged in the second layer, and as a result, the main content information is re-arranged in the layer higher than the advertisement information, so that the main content information can be visually recognized. It may be possible. At this time, the web page 241 of the second layer is in a state of being superimposed on the entire advertisement image 242a of the first layer, and a part of the entire advertisement image 242a can be visually recognized via the transparent region 241a.

上記の変形例は、何れも、全体広告画像242a(限定ではなく、第1コンテンツ情報の一例)をページ表示領域に表示し、全体広告画像242aの少なくとも一部に重畳し、少なくとも一部に透過領域241aを有するメインコンテンツ情報(ウェブページ241)(限定ではなく、第2コンテンツ情報の一例)をページ表示領域に表示する構成を示している。
このような構成により得られる効果の一例として、第1コンテンツ情報が表示領域全体に表示された後であっても、ユーザが再び第2コンテンツ情報を閲覧可能となる。また、第1コンテンツ情報の一部を、ユーザが透過領域を介して視認可能となる。
In each of the above modifications, the entire advertisement image 242a (not limited, but an example of the first content information) is displayed in the page display area, superimposed on at least a part of the entire advertisement image 242a, and transparent to at least a part. A configuration is shown in which the main content information (web page 241) having the area 241a (not limited, but an example of the second content information) is displayed in the page display area.
As an example of the effect obtained by such a configuration, the user can browse the second content information again even after the first content information is displayed on the entire display area. In addition, a part of the first content information can be visually recognized by the user through the transparent area.

<第3変形例(3)>
第3変形例(2)で示した、全体広告画像242aをページ表示領域に表示し、全体広告画像242aの少なくとも一部に重畳し、少なくとも一部に透過領域241aを有するメインコンテンツ情報(ウェブページ241)をページ表示領域に表示する構成に関して、以下の構成を追加してもよい。
<Third modification (3)>
The main content information (web page 241) shown in the third modification (2) is displayed in the page display area, superimposed on at least a part of the whole advertisement image 242a, and has a transparent area 241a in at least a part. ) May be displayed in the page display area, the following configuration may be added.

限定ではなく例として、図3−3に示すように、ユーザがスクロール操作により透過領域241aを移動させることにより、透過領域241aと全体広告画像242aの注目領域とが重畳したことに基づいて、透過領域241aと全体広告画像242aとの相対位置が再度固定され、その後のスクロール操作に基づいて、透過領域241aと全体広告画像242aとが移動するようにしてもよい。 As an example, not a limitation, as shown in FIG. 3-3, when the user moves the transparent region 241a by a scroll operation, the transparent region 241a and the region of interest of the entire advertising image 242a are superimposed, and the transparent region is transparent. The relative positions of the region 241a and the overall advertisement image 242a may be fixed again, and the transparent region 241a and the overall advertisement image 242a may be moved based on the subsequent scrolling operation.

<第3変形例(4)>
第3実施例では、透過領域241aと全体広告画像242aの相対位置が固定された後(A11の後)に、第2入力(A21)が行われたことに基づいて、第2レイヤの全体が透過領域241aとなり(A25)、全体広告画像242aの全体を視認可能となるが、透過領域241aと注目領域が重畳する前の段階、即ち、透過領域241aと全体広告画像242aの相対位置が固定される前(A11の前)の段階で、第2入力が行われたとしても、A25の処理は実行されず、全体広告画像242aの全体を視認可能とはならない。
このような形態に限らず、透過領域241aと全体広告画像242aの相対位置が固定される前(A11の前)の段階であっても、第2入力が行われたことに基づいて、A25の処理が実行されて、全体広告画像242aの全体を視認可能となるようにしてもよい。
<Third modification (4)>
In the third embodiment, after the relative positions of the transparent region 241a and the entire advertising image 242a are fixed (after A11), the second input (A21) is performed, and the entire second layer is formed. It becomes the transparent region 241a (A25), and the entire advertising image 242a can be visually recognized, but the stage before the transparent region 241a and the region of interest overlap, that is, the relative positions of the transparent region 241a and the entire advertising image 242a are fixed. Even if the second input is performed at the stage before (before A11), the processing of A25 is not executed, and the entire advertisement image 242a cannot be visually recognized.
Not limited to such a form, even in the stage before the relative positions of the transparent region 241a and the entire advertisement image 242a are fixed (before A11), based on the second input, the A25 The process may be executed so that the entire advertisement image 242a can be visually recognized.

第3変形例(1)では、透過領域241aと全体広告画像242aの相対位置が固定された後(A11の後)に、第2入力(A21)が行われたことに基づいて、第1レイヤと第2レイヤのレイヤチェンジが実行されて、全体広告画像242aが第2レイヤに移動することにより、全体広告画像242aの全体を視認可能となるが、透過領域241aと注目領域が重畳する前の段階、即ち、透過領域241aと全体広告画像242aの相対位置が固定される前(A11の前)の段階で、第2入力が行われたとしても、上記レイヤチェンジは実行されず、全体広告画像242aの全体を視認可能とはならない。
このような形態に限らず、透過領域241aと全体広告画像242aの相対位置が固定される前(A11の前)の段階であっても、第2入力が行われたことに基づいて、上記レイヤチェンジが実行されて、全体広告画像242aの全体を視認可能となるようにしてもよい。
In the third modification (1), the first layer is based on the fact that the second input (A21) is performed after the relative positions of the transparent region 241a and the entire advertisement image 242a are fixed (after A11). And the layer change of the second layer is executed, and the whole advertisement image 242a moves to the second layer, so that the whole of the whole advertisement image 242a can be visually recognized, but before the transparent area 241a and the attention area overlap. Even if the second input is performed at the stage, that is, before the relative positions of the transparent region 241a and the overall advertisement image 242a are fixed (before A11), the layer change is not executed and the entire advertisement image is displayed. The entire 242a is not visible.
Not limited to such a form, the layer is based on the fact that the second input is performed even at the stage before the relative positions of the transparent region 241a and the entire advertisement image 242a are fixed (before A11). The change may be executed so that the entire advertisement image 242a can be visually recognized.

これらの例では、限定ではなく例として、ウェブページ241が初期位置にある状態で、透過領域241aを介して視認可能となっている領域であって、注目領域とは異なる領域に対する第2入力に基づいて、全体広告画像242aが表示されてもよい。
このような構成により得られる効果の一例として、ユーザが注目領域を見るよりも前に、その広告に興味を持った場合に、その段階で全体広告画像242aを表示させることができる。
In these examples, as an example, not limited to, a second input for a region that is visible through the transmission region 241a in a state where the web page 241 is in the initial position and is different from the region of interest. Based on this, the whole advertisement image 242a may be displayed.
As an example of the effect obtained by such a configuration, if the user is interested in the advertisement before seeing the area of interest, the entire advertisement image 242a can be displayed at that stage.

<第3変形例(5)>
図3−1に示した例では、全体広告画像242aは静止画像であるが、これに限らず、全体広告画像242aは動画像であってもよい。
<Third modification (5)>
In the example shown in FIG. 3-1 the whole advertisement image 242a is a still image, but the present invention is not limited to this, and the whole advertisement image 242a may be a moving image.

限定ではなく例として、第2入力(限定ではなく例として、A21のタッチ操作)が行われる前の全体広告画像242aは、アニメーションGIF(Animated Graphic Interchange Format)の先頭画像であり、第2入力が行われたことに基づいて、全体広告画像242aの全体が表示されるとともにアニメーションGIFの動画再生が実行されてもよい。 As an example, not a limitation, the entire advertisement image 242a before the second input (as an example, not a limitation) is performed is the first image of the animated GIF (Animated Graphic Interchange Format), and the second input is Based on what has been done, the entire advertising image 242a may be displayed and the animated GIF may be played back as a moving image.

また、第2入力(限定ではなく例として、A21のタッチ操作)が行われる前の全体広告画像242aは、MPEG(Moving Picture Experts Group)の独立フレーム(Iフレーム)であり、第2入力が行われたことに基づいて、全体広告画像242aの全体が表示されるとともにMPEGの動画再生が実行されてもよい。 Further, the entire advertisement image 242a before the second input (as an example, not limited to the touch operation of A21) is an independent frame (I frame) of MPEG (Moving Picture Experts Group), and the second input is a line. Based on what is said, the entire advertising image 242a may be displayed and MPEG video reproduction may be executed.

図3−4に示す例では、透過領域241aを介して視認されている注目領域がユーザによりタッチされたこと(第2入力)に基づいて、動画像である全体広告画像242aの再生が開始されている。本例では、第2入力の前は停止していたアナログ腕時計の秒針が、全体広告画像242aの全体が表示されたことに基づいて動作を開始している。 In the example shown in FIG. 3-4, the reproduction of the entire advertisement image 242a, which is a moving image, is started based on the fact that the attention area visually recognized through the transparent area 241a is touched by the user (second input). ing. In this example, the second hand of the analog wristwatch, which was stopped before the second input, starts the operation based on the fact that the entire advertisement image 242a is displayed.

本変形例は、全体広告画像242a(限定ではなく、広告情報の一例)が、動画広告画像(限定ではなく、動画広告情報の一例)であり、注目領域に対する第2入力に基づいて、動画広告画像の再生(限定ではなく、動画広告情報の再生の一例)を制御部21によって実行する構成を示している。
このような構成により得られる効果の一例として、静止していた広告情報がユーザの第2入力に基づいて動き出すことによる意外性を生じさせ、ユーザを第1コンテンツ情報に注目させることができる。
In this modification, the entire advertisement image 242a (an example of advertisement information, not a limitation) is a video advertisement image (an example of video advertisement information, not a limitation), and a video advertisement is based on a second input for a region of interest. A configuration is shown in which the control unit 21 executes image reproduction (not limited to an example of reproduction of video advertisement information).
As an example of the effect obtained by such a configuration, the stationary advertisement information starts to move based on the second input of the user, which causes unexpectedness, and the user can pay attention to the first content information.

<第4実施例>
第4実施例は、限定ではなく例として、端末20が、メインコンテンツデータ(限定ではなく、第2コンテンツデータの一例)と、広告コンテンツデータ(限定ではなく、第1コンテンツデータの一例であり、全体広告画像の一部である部分広告画像のデータを含む。)とを受信して、表示部24に、メインコンテンツのウェブページ(限定ではなく、第2コンテンツデータに基づく第2コンテンツ情報の一例)と、全体広告画像(限定ではなく、第1コンテンツデータに基づく第1コンテンツ情報の一例)の一部である部分広告画像(限定ではなく、第1コンテンツ情報の一部である第1情報の一例)を重畳して表示させる実施例である。
第4実施例は、第2実施例に対応するが、サーバ10から全体広告画像のデータに代えて部分広告画像のデータが端末20に送信され、端末20において、全体広告画像に代えて部分広告画像が表示される点が異なる。
<Fourth Example>
In the fourth embodiment, as an example, not limited, the terminal 20 is an example of main content data (not limited, but an example of second content data) and advertising content data (not limited, but an example of first content data, and is the whole. (Including the data of the partial advertisement image which is a part of the advertisement image) is received, and the web page of the main content (not limited, but an example of the second content information based on the second content data) is displayed on the display unit 24. , Partial advertisement image that is a part of the whole advertisement image (an example of the first content information based on the first content data, not the limitation) (an example of the first information that is a part of the first content information, not the limitation) Is an embodiment in which is superimposed and displayed.
The fourth embodiment corresponds to the second embodiment, but the data of the partial advertisement image is transmitted from the server 10 to the terminal 20 instead of the data of the whole advertisement image, and the terminal 20 replaces the whole advertisement image with the partial advertisement. The difference is that the image is displayed.

第4実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the fourth embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

第4実施例において、広告コンテンツデータには、全体広告データと、後述する部分広告データとが含まれる。 In the fourth embodiment, the advertisement content data includes the whole advertisement data and the partial advertisement data described later.

<機能構成>
(1)サーバの機能構成
配信処理部111は、限定ではなく例として、記憶部15に記憶されているメインコンテンツデータを端末20に配信し、記憶部15に記憶されている部分広告データを含む広告コンテンツデータを端末20に配信する。
<Functional configuration>
(1) Functional configuration of server The distribution processing unit 111 distributes the main content data stored in the storage unit 15 to the terminal 20 as an example, not limited to the advertisement including the partial advertisement data stored in the storage unit 15. Distribute the content data to the terminal 20.

図4−1に示す部分広告データベース153bは、全体広告画像の一部に相当する部分広告画像のデータを含む部分広告データを蓄積的に記憶したデータベースである。
限定ではなく例として、部分広告データが端末20に配信されると、ページ表示領域の一部に部分広告画像が表示される。
The partial advertisement database 153b shown in FIG. 4-1 is a database that cumulatively stores partial advertisement data including data of a partial advertisement image corresponding to a part of the entire advertisement image.
As an example, not a limitation, when the partial advertisement data is delivered to the terminal 20, the partial advertisement image is displayed in a part of the page display area.

部分広告画像とは、その部分広告画像に対応する全体広告画像の一部分を含む画像である。また、本実施例では、部分広告画像を、注目領域を含む画像とする。 The partial advertisement image is an image including a part of the whole advertisement image corresponding to the partial advertisement image. Further, in this embodiment, the partial advertisement image is an image including a region of interest.

注目領域は、前述したように、ユーザに注目させることを目的として設定される領域であって、全体広告画像に対して設定される領域である。
一方、部分広告画像は、限定ではなく例として、サーバ10によって全体広告画像の一部がトリミングされるなどして生成されて配信される画像である。
As described above, the attention area is an area set for the purpose of attracting the user's attention, and is an area set for the entire advertisement image.
On the other hand, the partial advertisement image is not limited, but is, for example, an image generated and distributed by trimming a part of the entire advertisement image by the server 10.

前述したように、注目領域は、限定ではなく例として、広告主によって予め設定されるようにすることができる。この場合、前述したように、全体広告画像中の任意の領域を注目領域として設定することができる。つまり、限定ではなく例として、画像の特徴部分の輪郭内の領域を注目領域として設定することや、全体広告画像中の微小な領域(全体広告画像の中心座標に位置する画素等の一画素のみからなる領域も含む。)を注目領域として設定するといったことが可能である。 As mentioned above, the area of interest can be preset by the advertiser as an example rather than a limitation. In this case, as described above, an arbitrary area in the entire advertising image can be set as the area of interest. That is, as an example, not limited, the area within the outline of the feature portion of the image is set as the area of interest, or only one pixel such as a pixel located at the center coordinate of the entire advertisement image is set as a minute area in the entire advertisement image. It is possible to set a region of interest as well.

サーバ10によって生成されて配信される部分広告画像は、注目領域の画像と必ずしも同じである必要はないため、本実施例では、部分広告画像と注目領域とを区別する。 Since the partial advertisement image generated and distributed by the server 10 does not necessarily have to be the same as the image of the attention area, the partial advertisement image and the attention area are distinguished in this embodiment.

なお、本実施例とは異なり、部分広告画像と注目領域とを区別しなくてもよい。つまり、部分広告画像を注目領域の画像としてもよい。
この場合は、限定ではなく例として、サーバ10が、全体広告画像のうちの注目領域の画像を全体広告画像からトリミングするなどして、部分広告画像を生成するようにすればよい。
In addition, unlike this embodiment, it is not necessary to distinguish between the partial advertisement image and the region of interest. That is, the partial advertisement image may be used as the image of the region of interest.
In this case, the server 10 may generate the partial advertisement image by trimming the image of the region of interest in the whole advertisement image from the whole advertisement image as an example, not the limitation.

また、本実施例では、部分広告画像を、横幅よりも縦幅が小さい横長の広告画像として説明する。
また、部分広告画像は、限定ではなく例として、全体広告画像の横幅と同一か、またはそれより小さい横幅と、全体広告画像の縦幅よりも小さい縦幅とを有する広告画像とすることができる。
また、詳細は後述するが、部分広告画像は静止画像に限らず、動画像とすることもできる。
Further, in this embodiment, the partial advertisement image will be described as a horizontally long advertisement image whose vertical width is smaller than the horizontal width.
Further, the partial advertisement image is not limited, and as an example, it may be an advertisement image having a width equal to or smaller than the width of the entire advertisement image and a height smaller than the height width of the entire advertisement image. ..
Further, although the details will be described later, the partial advertisement image is not limited to the still image, but may be a moving image.

限定ではなく例として、メインコンテンツデータベース152には、メインコンテンツデータと関連付けて、広告コンテンツデータ(全体広告データ、部分広告データ)を識別可能な広告番号が記憶されている。これにより、配信対象となる端末20に表示させるメインコンテンツ情報と、そのメインコンテンツ情報に関連付けて表示させる広告コンテンツ情報(全体広告画像、部分広告画像)とが関連付けられている。 As an example, not a limitation, the main content database 152 stores an advertisement number that can identify the advertisement content data (whole advertisement data, partial advertisement data) in association with the main content data. As a result, the main content information to be displayed on the terminal 20 to be distributed is associated with the advertisement content information (whole advertisement image, partial advertisement image) to be displayed in association with the main content information.

また、全体広告画像と、その全体広告画像の一部に相当する部分広告画像には、共通の広告番号が付されている。制御部11は、広告番号に基づいて、部分広告画像に対応する全体広告画像を識別することが可能となっている。 Further, a common advertisement number is assigned to the whole advertisement image and the partial advertisement image corresponding to a part of the whole advertisement image. The control unit 11 can identify the entire advertisement image corresponding to the partial advertisement image based on the advertisement number.

端末20の処理に関して、メインコンテンツ情報のウェブページに関連付けられた広告コンテンツ情報(全体広告画像、部分広告画像)をウェブブラウザに表示させる制御を行うことは、広告コンテンツ情報を表示部24に表示させる処理の一例に相当する。 Regarding the processing of the terminal 20, controlling the display of the advertisement content information (whole advertisement image, partial advertisement image) associated with the web page of the main content information on the web browser is a process of displaying the advertisement content information on the display unit 24. Corresponds to one example.

<表示画面例>
図4−2は、本例における第1レイヤに配置される情報と、第2レイヤに配置される情報との関係を示す説明図である。
端末20がメインコンテンツデータを受信したことに基づいて、そのメインコンテンツデータに基づくメインコンテンツ情報(ウェブページ241)は第2レイヤに配置され、そのメインコンテンツデータに関連付けて配信された部分広告データに基づく部分広告画像242bは、第2レイヤよりも下位の第1レイヤに配置される。
本例では、部分広告画像242bは、前述したように横幅よりも縦幅が小さい横長の画像であり、限定ではなく例として、部分広告画像242bの底辺がページ表示領域の底辺に沿って配置されている。
<Display screen example>
FIG. 4-2 is an explanatory diagram showing the relationship between the information arranged in the first layer and the information arranged in the second layer in this example.
Based on the reception of the main content data by the terminal 20, the main content information (web page 241) based on the main content data is arranged in the second layer, and the partial advertisement image based on the partial advertisement data delivered in association with the main content data. 242b is arranged in the first layer lower than the second layer.
In this example, the partial advertisement image 242b is a horizontally long image whose vertical width is smaller than the horizontal width as described above, and the base of the partial advertisement image 242b is arranged along the bottom of the page display area as an example without limitation. ing.

第1レイヤの情報に対して第2レイヤの情報が重ねて表示される結果、原則として、第1レイヤの情報は第2レイヤの情報に覆い隠されて、ユーザから見ることができない状態となるが、部分広告画像242bの少なくとも一部(本例では、左右の端部を除いた大部分)は、第2レイヤの透過領域241aと重畳することになる。その結果、ユーザは、メインコンテンツ情報とともに、透過領域241aを介して部分広告画像242bの一部を見ることができる。 As a result of displaying the information of the second layer superimposed on the information of the first layer, in principle, the information of the first layer is obscured by the information of the second layer and cannot be seen by the user. However, at least a part of the partial advertisement image 242b (in this example, most of the partial advertisement image 242b excluding the left and right ends) is superimposed on the transparent region 241a of the second layer. As a result, the user can see a part of the partial advertisement image 242b through the transparent region 241a together with the main content information.

なお、第2実施例では、ウェブページ241が初期位置にある状態で、そのウェブページ241が有する透過領域241aがページ表示領域にあり、ユーザがこれを確認可能である例を示した(図2−7を参照)。このような構成に限らず、ウェブページ241が初期位置にある状態では、そのウェブページ241が有する透過領域241aがページ表示領域にないようにしてもよい。 In the second embodiment, an example is shown in which the web page 241 is in the initial position, the transparent area 241a of the web page 241 is in the page display area, and the user can confirm this (FIG. 2). See -7). Not limited to such a configuration, when the web page 241 is in the initial position, the transparent region 241a of the web page 241 may not be in the page display region.

図4−3および図4−4に示す例では、第1レイヤに広告コンテンツ情報として部分広告画像242bが配置され、第2レイヤにはメインコンテンツ情報としてビジネスニュースサイトのウェブページ241が配置されている。 In the examples shown in FIGS. 4-3 and 4-4, the partial advertisement image 242b is arranged as the advertisement content information in the first layer, and the web page 241 of the business news site is arranged as the main content information in the second layer. ..

本例では、部分広告画像242bは、デジタル腕時計の画像である。この部分広告画像242bには、デジタル腕時計の外観と製品名とが情報として含まれるが、対応する全体広告画像242aに含まれる発売日やウェブサイト情報は含まれていない。
図4−3および図4−4に示す例において、部分広告画像242bは、横幅が縦幅よりも大きい横長の画像であり、第1レイヤの下端に配置される。また、部分広告画像242bには注目領域である時計盤の領域が含まれる。
In this example, the partial advertisement image 242b is an image of a digital wristwatch. The partial advertisement image 242b includes the appearance of the digital wristwatch and the product name as information, but does not include the release date or website information included in the corresponding overall advertisement image 242a.
In the example shown in FIGS. 4-3 and 4-4, the partial advertisement image 242b is a horizontally long image having a width larger than the height and is arranged at the lower end of the first layer. Further, the partial advertisement image 242b includes a region of the clock face, which is a region of interest.

部分広告画像242bが第1レイヤの下端に配置された状態では、その部分広告画像242bの下方に、他の情報を配置するための領域が存在していない。このとき、部分広告画像242bの底辺がページ表示領域の底辺に沿って配置されている状態であるともいえる。 When the partial advertisement image 242b is arranged at the lower end of the first layer, there is no area below the partial advertisement image 242b for arranging other information. At this time, it can be said that the bottom edge of the partial advertisement image 242b is arranged along the bottom edge of the page display area.

図4−3に示す例では、ウェブページ241の縦幅は、ページ表示領域の縦幅よりも2倍程度大きいため、ウェブページ241の全体がページ表示領域に収まりきれない。その結果、ページ表示領域には当初、ウェブページ241の先頭部分[TOP]を含むウェブページ241の一部が表示され、ウェブページ241の最終部分[END]を含む残りの部分は非表示となっている。そして、本例では、透過領域241aがウェブページの241の後半部分に配置されているため、ウェブページ241が初期位置にある状態では、透過領域241aはページ表示領域上に位置していない。 In the example shown in FIG. 4-3, the vertical width of the web page 241 is about twice as large as the vertical width of the page display area, so that the entire web page 241 cannot fit in the page display area. As a result, a part of the web page 241 including the first part [TOP] of the web page 241 is initially displayed in the page display area, and the remaining part including the last part [END] of the web page 241 is hidden. ing. In this example, since the transparent area 241a is arranged in the latter half of the web page 241, the transparent area 241a is not located on the page display area when the web page 241 is in the initial position.

そのため、ウェブページ241が初期位置にある状態では、ユーザは、第1レイヤの部分広告画像242bを全く視認することができず、そのウェブページ241に透過領域が含まれるかどうかも把握することができない。 Therefore, when the web page 241 is in the initial position, the user cannot visually recognize the partial advertisement image 242b of the first layer at all, and can also grasp whether or not the web page 241 includes a transparent area. Can not.

ウェブページ241が初期位置にある場合に、ユーザがページ表示領域(ただし、透過領域241aとは異なる領域)をタッチして、画面上方向に指を動かすスクロール操作を行うことで、ウェブページ241が画面上方向にスクロールする。これに伴い、透過領域241aも画面上方向にスクロールして、画面下方から透過領域241aの上部が出現する。 When the web page 241 is in the initial position, the user touches the page display area (however, the area different from the transparent area 241a) and scrolls by moving the finger upward on the screen to move the web page 241. Scroll up the screen. Along with this, the transparent region 241a also scrolls upward on the screen, and the upper portion of the transparent region 241a appears from the lower part of the screen.

透過領域241aの上部がページ表示領域に位置したことで、透過領域241aの上部と部分広告画像242bの下部とが重畳して、透過領域241aを介して部分広告画像242bの下部を視認可能となる。さらにユーザが画面上方向へのスクロール操作を継続することで、透過領域241aの全体がページ表示領域にあらわれる。その結果、透過領域241aを介して部分広告画像242bのほぼ全体を視認可能となる。なお、本例において、透過領域241aは、横幅が縦幅よりも大きい横長の領域である。 Since the upper part of the transparent area 241a is located in the page display area, the upper part of the transparent area 241a and the lower part of the partial advertisement image 242b are overlapped with each other, and the lower part of the partial advertisement image 242b can be visually recognized through the transparent area 241a. .. Further, when the user continues the scrolling operation in the upward direction of the screen, the entire transparent area 241a appears in the page display area. As a result, almost the entire partial advertisement image 242b can be visually recognized via the transparent region 241a. In this example, the transmission region 241a is a horizontally long region whose width is larger than the height.

そして、透過領域241aの中心位置と、部分広告画像242bの中心位置とが重なったことに基づいて、透過領域241aに対する部分広告画像242bの位置が固定される。さらにユーザが画面上方向へのスクロール操作を継続すると、図4−4に示すように、ウェブページ241が画面上方向にスクロールすることに伴い、透過領域241aと部分広告画像242bとが固定された状態で画面上方向にスクロールする。 Then, the position of the partial advertisement image 242b with respect to the transparent region 241a is fixed based on the fact that the center position of the transparent region 241a and the center position of the partial advertisement image 242b overlap. Further, when the user continues the scroll operation upward on the screen, as shown in FIG. 4-4, the transparent area 241a and the partial advertisement image 242b are fixed as the web page 241 scrolls upward on the screen. Scroll upward on the screen in the state.

さらに、ユーザがスクロール操作を継続して、ウェブページ241の最終部分[END]をページ表示領域まで移動させると、ウェブページ241が画面上方向にスクロールすることに伴い、透過領域241aと部分広告画像242bとが固定された状態で画面上方向にスクロールする。
従って、ユーザは、透過領域241aを介して部分広告画像242bを継続して視認可能となる。
Further, when the user continues the scrolling operation and moves the final portion [END] of the web page 241 to the page display area, the transparent area 241a and the partial advertisement image are displayed as the web page 241 scrolls upward on the screen. Scroll upward on the screen with 242b fixed.
Therefore, the user can continuously see the partial advertisement image 242b through the transparent region 241a.

<処理>
図4−5は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理、端末20の表示処理部211が実行する表示処理、をそれぞれ示している。
図2−9の処理と比較して、端末20で実行されるA3,A9,A11,A11aの各処理に代えて、A4,A10,A12,A12aの各処理を実行する点が異なり、また、サーバ10で実行されるB3a,B3bの各処理に代えて、B5,B7の各処理を実行する点が異なる。
<Processing>
FIG. 4-5 is a flowchart showing an example of the flow of processing executed by each device in this embodiment.
In this figure, the distribution process executed by the distribution processing unit 111 of the server 10 and the display processing executed by the display processing unit 211 of the terminal 20 are shown.
Compared with the processing of FIG. 2-9, the processing of A4, A10, A12, and A12a is executed instead of the processing of A3, A9, A11, and A11a executed by the terminal 20, and the processing is different. The difference is that each process of B5 and B7 is executed instead of each process of B3a and B3b executed by the server 10.

サーバ10は、通信I/F14によって端末から配信要求を受信すると、配信要求に基づいて、メインコンテンツデータベース152から配信対象となるメインコンテンツデータを識別する(B1)。そして、配信対象となるメインコンテンツデータを、通信I/F14によって端末20に送信する(B3)。 When the server 10 receives the distribution request from the terminal by the communication I / F 14, the server 10 identifies the main content data to be distributed from the main content database 152 based on the distribution request (B1). Then, the main content data to be distributed is transmitted to the terminal 20 by the communication I / F 14 (B3).

また、サーバ10は、配信対象となるメインコンテンツデータに関連付けられた部分広告データを、部分広告データベース153bから識別する(B5)。そして、識別した部分広告データ(限定ではなく例として部分広告画像242bのデータを含む)を、通信I/F14によって端末20に送信して(B7)、処理を終了する。 Further, the server 10 identifies the partial advertisement data associated with the main content data to be distributed from the partial advertisement database 153b (B5). Then, the identified partial advertisement data (including the data of the partial advertisement image 242b as an example, not limited) is transmitted to the terminal 20 by the communication I / F 14 (B7), and the process is terminated.

端末20は、サーバ10からメインコンテンツデータと、部分広告データとを受信すると、部分広告データに基づく部分広告画像242bを第1レイヤに配置し、メインコンテンツデータに基づくウェブページ241を第2レイヤに配置して、部分広告画像242bにウェブページ241を重畳表示させる(A4)。
ウェブページ241は透過領域241aを有しているため、ユーザは、この透過領域241aを介して部分広告画像242bを視認可能となる。
When the terminal 20 receives the main content data and the partial advertisement data from the server 10, the terminal 20 arranges the partial advertisement image 242b based on the partial advertisement data in the first layer, and arranges the web page 241 based on the main content data in the second layer. Then, the web page 241 is superimposed and displayed on the partial advertisement image 242b (A4).
Since the web page 241 has a transparent region 241a, the user can visually recognize the partial advertisement image 242b through the transparent region 241a.

端末20は、ウェブページ241がスクロールされた結果、部分広告画像242bが透過領域241aと重畳することになったか否かを判定する(A10)。A10では、限定ではなく例として、部分広告画像242bの中心位置と、透過領域241aの中心位置とが重なったか否かを判定する。
なお、これに限らず、限定ではなく例として、部分広告画像242bの縦幅の所定割合(限定ではなく例として70%)が透過領域241aと重なったかを判定するようにしてもよい。
The terminal 20 determines whether or not the partial advertisement image 242b is superimposed on the transparent region 241a as a result of scrolling the web page 241 (A10). In A10, as an example, not limited, it is determined whether or not the center position of the partial advertisement image 242b and the center position of the transparent region 241a overlap.
Not limited to this, as an example, not limited to this, it may be determined whether or not a predetermined ratio of the vertical width of the partial advertisement image 242b (70% as an example, not limited) overlaps with the transparent region 241a.

端末20は、部分広告画像242bが透過領域241aと重畳した場合は(A10:Yes)、部分広告画像242bに対する透過領域241aの相対的な位置を固定する(A12)。そして、部分広告画像242bと透過領域241aとが固定されたことに基づいて固定フラグをセットする(A12a)。そして、A13に処理を進める。
本処理における「固定フラグ」とは、部分広告画像242bと透過領域241aとの相対位置が固定された場合にセットされるフラグである。
When the partial advertisement image 242b is superimposed on the transparent region 241a (A10: Yes), the terminal 20 fixes the relative position of the transparent region 241a with respect to the partial advertisement image 242b (A12). Then, the fixed flag is set based on the fact that the partial advertisement image 242b and the transparent region 241a are fixed (A12a). Then, the process proceeds to A13.
The "fixed flag" in this process is a flag set when the relative positions of the partial advertisement image 242b and the transparent region 241a are fixed.

A12の処理が実行された場合、それ以降は、スクロール操作が行われてウェブページ241がスクロールしても、透過領域241aを介して視認される部分広告画像242bの領域は変化しないことになる。 When the process of A12 is executed, after that, even if the scroll operation is performed and the web page 241 is scrolled, the area of the partial advertisement image 242b visually recognized via the transparent area 241a does not change.

端末20は、部分広告画像242bが透過領域241aと重畳していない場合は(A10:No)、A13に処理を進める。 If the partial advertisement image 242b does not overlap with the transparent region 241a (A10: No), the terminal 20 proceeds to A13.

なお、本処理では、部分広告画像が透過領域と重畳することを条件として、部分広告画像に対する透過領域の相対的な位置を固定することとしたが、これに限定されない。
具体的には、限定ではなく例として、注目領域が透過領域と重畳することを条件としてもよいし、そのようにしなくてもよい。
また、限定ではなく例として、注目領域と透過領域との間の距離が設定距離以下(または設定距離未満)となることを条件としてもよいし、そのようにしなくてもよい。
In this process, the relative position of the transparent region with respect to the partial advertisement image is fixed on condition that the partial advertisement image overlaps with the transparent region, but the present invention is not limited to this.
Specifically, it may or may not be limited to the condition that the region of interest overlaps with the transparent region, as an example.
Further, as an example, not limited to the condition, the distance between the region of interest and the transmission region may or may not be less than or equal to the set distance (or less than the set distance).

<第4実施例の効果>
第4実施例における、透過領域241aと部分広告画像242bとの関係に基づく効果は、第2実施例に示した、透過領域241aと全体広告画像242aの注目領域との関係に基づく効果とほぼ同様である。
<Effect of Fourth Example>
The effect based on the relationship between the transparent region 241a and the partial advertisement image 242b in the fourth embodiment is substantially the same as the effect based on the relationship between the transparent region 241a and the attention region of the entire advertisement image 242a shown in the second embodiment. Is.

他の効果として、第4実施例は、部分広告画像242bは、縦方向の辺(限定ではなく、第3辺の一例)と、縦方向の辺よりも長い横方向の辺(限定ではなく、第4辺の一例)とを有しており、縦方向の辺が画面(およびページ表示領域)の長手方向に沿って配置され、横方向の辺が画面(およびページ表示領域)の短手方向に沿って配置される構成の一例を示している。
このような構成により得られる効果の一例として、第1コンテンツ情報と比較して小サイズの第1情報を表示制御の対象とすることにより、端末の表示制御に関する負荷を軽減することができる。
As another effect, in the fourth embodiment, the partial advertisement image 242b has a vertical side (not a limitation, but an example of a third side) and a horizontal side (not a limitation, but an example) longer than the vertical side. It has (an example of a fourth side), the vertical side is arranged along the longitudinal direction of the screen (and the page display area), and the horizontal side is the lateral direction of the screen (and the page display area). An example of the configuration arranged along the above is shown.
As an example of the effect obtained by such a configuration, the load related to the display control of the terminal can be reduced by targeting the first information having a smaller size than the first content information as the target of the display control.

第4実施例は、部分広告画像242bは、ページ表示領域の下端に表示され、スクロール操作に基づいてページ表示領域を移動する構成を示している。
このような構成により得られる効果の一例として、第1入力に基づいて第1情報が移動する距離を大きくすることができる。
In the fourth embodiment, the partial advertisement image 242b is displayed at the lower end of the page display area, and shows a configuration in which the page display area is moved based on the scroll operation.
As an example of the effect obtained by such a configuration, the distance that the first information moves based on the first input can be increased.

第4実施例は、透過領域241aは、スクロール操作に基づいて、ページ表示領域の下端から表示される構成を示している。
このような構成により得られる効果の一例として、透過領域を早い段階でユーザに認識させることができる。
In the fourth embodiment, the transparent area 241a is displayed from the lower end of the page display area based on the scroll operation.
As an example of the effect obtained by such a configuration, the transparent region can be recognized by the user at an early stage.

<第4変形例>
第2実施例の変形例として示した、透過領域241aと全体広告画像242aの注目領域との関係に関する変形例は、第4実施例における透過領域241aと部分広告画像242bとの関係にも同様に適用できる。
<Fourth modification>
The modified example relating to the relationship between the transparent region 241a and the region of interest of the entire advertising image 242a, which is shown as a modified example of the second embodiment, also applies to the relationship between the transparent region 241a and the partial advertising image 242b in the fourth embodiment. Applicable.

また、第2実施例の変形例として示した、全体広告画像242aに対する注目領域の設定方法に関する変形例は、第4実施例における全体広告画像242aに対する部分広告画像242bの設定方法にも同様に適用できる。 Further, the modification regarding the method of setting the attention region for the entire advertisement image 242a shown as a modification of the second embodiment is similarly applied to the method of setting the partial advertisement image 242b for the entire advertisement image 242a in the fourth embodiment. it can.

<第5実施例>
第5実施例は、第4実施例における端末20の制御に、部分広告画像242bに対するユーザの第2入力に基づいて、その部分広告画像242bに対応する全体広告画像242aを視認可能にする制御を追加した実施例である。第5実施例の制御は、限定ではなく例として、図4−5に示される重畳表示処理(A4)の実行後に実行される。
第5実施例は、第3実施例に対応するが、端末20において、部分広告画像に対する第2入力に基づいて、その部分広告画像に対応する全体広告画像のデータがサーバ10から取得されて、その全体広告画像を視認可能にする制御が実行される点が異なる。部分広告画像のデータをサーバ10から取得して表示した時点では、端末20は、全体広告画像のデータは有しておらず、全体広告画像を視認可能とするために、全体広告画像のデータをサーバ10から別途取得する点が第3実施例とは異なる。
<Fifth Example>
In the fifth embodiment, the control of the terminal 20 in the fourth embodiment is controlled so that the entire advertisement image 242a corresponding to the partial advertisement image 242b can be visually recognized based on the user's second input to the partial advertisement image 242b. This is an added example. The control of the fifth embodiment is executed after the execution of the superimposed display process (A4) shown in FIG. 4-5 as an example but not a limitation.
The fifth embodiment corresponds to the third embodiment, but in the terminal 20, based on the second input for the partial advertisement image, the data of the entire advertisement image corresponding to the partial advertisement image is acquired from the server 10. The difference is that the control for making the entire advertisement image visible is executed. At the time when the data of the partial advertisement image is acquired from the server 10 and displayed, the terminal 20 does not have the data of the whole advertisement image, and in order to make the whole advertisement image visible, the data of the whole advertisement image is displayed. It differs from the third embodiment in that it is separately acquired from the server 10.

第5実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the fifth embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

<表示画面例>
図3−1に示す表示画面では、重畳表示処理(A4)の実行後にスクロール操作(A5〜A13)が行われたことにより、透過領域241aと部分広告画像242bとが固定されている(A12)。そのため、透過領域241aを介して部分広告画像242bを視認可能な状態である。
<Display screen example>
In the display screen shown in FIG. 3-1, the transparent region 241a and the partial advertisement image 242b are fixed by performing the scroll operation (A5 to A13) after the superimposition display processing (A4) is executed (A12). .. Therefore, the partial advertisement image 242b can be visually recognized through the transparent region 241a.

この状態で、ユーザが、視認可能となっている部分広告画像242b(限定ではなく第1情報の一例)をタッチするタッチ操作(限定ではなく第2入力の一例)をタッチパネル上で行うことにより、その部分広告画像242bに対応する全体広告画像242aが視認可能となる。 In this state, the user performs a touch operation (an example of the second input, not the limitation) of touching the visible partial advertisement image 242b (an example of the first information, not the limitation) on the touch panel. The entire advertisement image 242a corresponding to the partial advertisement image 242b becomes visible.

この例では、部分広告画像242bに含まれる情報は、デジタル腕時計の外観と製品名のみである。これに対して、全体広告画像242aは、デジタル腕時計の外観と製品名を中央部に含み、上部には製品の発売が近いことを示す情報を含み、下部にはウェブサイト情報を含む。
すなわち、この例では、部分広告画像242bは、全体広告画像242aの上下方向中央部をトリミングした広告画像として設定されていることになる。
In this example, the information contained in the partial advertisement image 242b is only the appearance and the product name of the digital wristwatch. On the other hand, the overall advertisement image 242a includes the appearance and product name of the digital wristwatch in the central portion, the upper portion includes information indicating that the product is about to be released, and the lower portion includes website information.
That is, in this example, the partial advertisement image 242b is set as an advertisement image in which the central portion in the vertical direction of the entire advertisement image 242a is trimmed.

<処理>
図5−2は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する全体広告配信処理、端末20の表示処理部211が実行する全体広告表示処理、をそれぞれ示している。
図3−2の処理と比較して、端末20で実行される処理として、A23が追加されている点が異なり、また、サーバ10で実行される処理として、B11,B13が追加されている点が異なる。限定ではなく例として、全体広告配信処理は、配信処理プログラム1501のサブルーチンプログラムに基づく処理として実行されるようにすることができる。
<Processing>
FIG. 5-2 is a flowchart showing an example of the flow of processing executed by each device in this embodiment.
In this figure, the overall advertisement distribution process executed by the distribution processing unit 111 of the server 10 and the overall advertisement display process executed by the display processing unit 211 of the terminal 20 are shown.
Compared with the process of FIG. 3-2, A23 is added as the process executed by the terminal 20, and B11 and B13 are added as the process executed by the server 10. Is different. As an example, but not a limitation, the overall advertisement distribution process can be executed as a process based on the subroutine program of the distribution process program 1501.

端末20は、ウェブページの透過領域241aと部分広告画像242bが重畳している状態で、部分広告画像242bのタッチ操作(限定ではなく、第1情報に対する第2入力の一例)が行われたか否かを判定する(A21)。 Whether or not the touch operation of the partial advertisement image 242b (not limited, but an example of the second input for the first information) is performed in the state where the transparent area 241a of the web page and the partial advertisement image 242b are superimposed on the terminal 20. (A21).

ユーザが、部分広告画像242bのタッチ操作を行った場合(A21:Yes)、端末20は、その部分広告画像242bの広告番号を含む広告要求を通信I/F22によってサーバ10に送信する(A23)。 When the user performs a touch operation of the partial advertisement image 242b (A21: Yes), the terminal 20 transmits an advertisement request including the advertisement number of the partial advertisement image 242b to the server 10 by the communication I / F 22 (A23). ..

なお、ユーザが、部分広告画像242bに対してタッチ操作を行うことは、その部分広告画像242bに重畳している透過領域241aに対してタッチ操作を行うことにも相当する。 It should be noted that the user performing a touch operation on the partial advertisement image 242b also corresponds to performing a touch operation on the transparent region 241a superimposed on the partial advertisement image 242b.

サーバ10は、通信I/F14によって端末から広告要求を受信すると、広告要求に含まれる広告番号に基づいて、全体広告データベース153aから配信対象となる全体広告データを識別する(B11)。そして、識別した全体広告データ(限定ではなく例として全体広告画像242aのデータを含む)を、通信I/F14によって端末20に送信して(B13)、全体広告配信処理を終了する。 When the server 10 receives the advertisement request from the terminal by the communication I / F 14, the server 10 identifies the total advertisement data to be distributed from the general advertisement database 153a based on the advertisement number included in the advertisement request (B11). Then, the identified overall advertisement data (including the data of the overall advertisement image 242a as an example, not limited) is transmitted to the terminal 20 by the communication I / F 14 (B13), and the overall advertisement distribution process is completed.

端末20は、サーバ10から全体広告データを受信すると、全体広告データに基づく全体広告画像242aを第1レイヤに配置し、第2レイヤに配置しているウェブページ241の全体を透過領域241aに設定して(A25)、全体広告表示処理を終了する。
これにより、第1レイヤに配置された全体広告画像242aの全体をユーザが視認可能となる。
When the terminal 20 receives the overall advertisement data from the server 10, the entire advertisement image 242a based on the overall advertisement data is arranged in the first layer, and the entire web page 241 arranged in the second layer is set in the transparent area 241a. Then (A25), the entire advertisement display process is completed.
As a result, the user can visually recognize the entire advertisement image 242a arranged on the first layer.

<第5実施例の効果>
第5実施例における、部分広告画像242bと全体広告画像242aとの関係に基づく効果は、第3実施例に示した、注目領域と全体広告画像242aとの関係に基づく効果と同様である。
<Effect of the fifth embodiment>
The effect based on the relationship between the partial advertisement image 242b and the total advertisement image 242a in the fifth embodiment is the same as the effect based on the relationship between the attention region and the entire advertisement image 242a shown in the third embodiment.

<第5変形例(1)>
第3実施例の変形例として示した、注目領域と全体広告画像242aとの関係に関する変形例は、第5実施例における部分広告画像242bと全体広告画像242aとの関係にも同様に適用できる。限定ではなく例として、部分広告画像242bが静止画像であるのに対して、その部分広告画像242bに対応した全体広告画像242aは動画像であってもよく、部分広告画像242bに対する第2入力に基づいて全体広告画像242aが表示されたこと(全体が視認可能となったこと)に伴い動画像の再生が開始されてもよい。
<Fifth variant (1)>
The modification relating to the relationship between the region of interest and the overall advertisement image 242a shown as a modification of the third embodiment can be similarly applied to the relationship between the partial advertisement image 242b and the overall advertisement image 242a in the fifth embodiment. As an example, not a limitation, the partial advertisement image 242b may be a still image, whereas the entire advertisement image 242a corresponding to the partial advertisement image 242b may be a moving image, and can be used as a second input for the partial advertisement image 242b. Based on this, when the entire advertisement image 242a is displayed (the entire image becomes visible), the reproduction of the moving image may be started.

さらに、第3実施例の変形例として示した、全体広告画像242aが表示された後(全体が視認可能となった後)の表示処理に関する変形例は、第5実施例にも同様に適用できる。 Further, the modification relating to the display process after the entire advertisement image 242a is displayed (after the entire image becomes visible), which is shown as a modification of the third embodiment, can be similarly applied to the fifth embodiment. ..

<第5変形例(2)>
第5実施例において、限定ではなく例として、サーバ10から配信されるメインコンテンツデータに、そのメインコンテンツデータに関連付けられている全体広告画像のデータが記憶されたURI等の情報を含めるようにすることもできる。
または、限定ではなく例として、サーバ10から配信される部分広告データに、その部分広告データに対応する部分広告画像と関連付けられている全体広告画像のデータが記憶されたURI等の情報を含めるようにすることもできる。
<Fifth variant (2)>
In the fifth embodiment, as an example, not limited to, the main content data delivered from the server 10 may include information such as a URI in which the data of the entire advertisement image associated with the main content data is stored. it can.
Alternatively, as an example, not limited to, the partial advertisement data delivered from the server 10 should include information such as URI in which the data of the entire advertisement image associated with the partial advertisement image corresponding to the partial advertisement data is stored. It can also be.

この場合、図5−2の全体広告表示処理において、端末20は、限定ではなく例として、部分広告画像242bのタッチ操作(第2入力)が行われた場合に(A21:Yes)、上記のメインコンテンツデータ(または部分広告データ)に含まれるURI等の情報に基づいて、タッチ操作された部分広告画像242bに関連付けられている全体広告画像242aのデータを取得する。そして、取得されたデータに基づく全体広告画像242aを第1レイヤに配置するようにすることができる(A25)。
この手法は、以下の実施例においても同様に適用できる。
In this case, in the overall advertisement display process of FIG. 5-2, the terminal 20 is not limited, but as an example, when the touch operation (second input) of the partial advertisement image 242b is performed (A21: Yes), the above. Based on information such as URI included in the main content data (or partial advertisement data), the data of the entire advertisement image 242a associated with the touch-operated partial advertisement image 242b is acquired. Then, the entire advertisement image 242a based on the acquired data can be arranged in the first layer (A25).
This method can be similarly applied to the following examples.

<第6実施例>
第6実施例は、上記の実施例に、部分広告画像242bおよび透過領域241aの設定と、部分広告画像242bに基づく課金処理とが追加された実施例である。
<Sixth Example>
The sixth embodiment is an embodiment in which the setting of the partial advertisement image 242b and the transparent region 241a and the billing process based on the partial advertisement image 242b are added to the above embodiment.

第6実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the sixth embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

<機能構成>
(1)サーバの機能構成
図6−1に示すメインコンテンツデータベース152には、限定ではなく例として、メインコンテンツデータに基づくメインコンテンツ情報を識別するメインコンテンツIDと、そのメインコンテンツIDのメインコンテンツデータが記憶されている記憶領域と、そのメインコンテンツIDのメインコンテンツデータに関連付けられている広告(メインコンテンツ情報とともに端末20に表示させる広告情報)を識別する広告番号と、その広告番号の広告を提供する広告主を識別する広告主IDと、その広告番号の広告に関する部分広告画像を識別する画像IDと、その広告番号の広告に関する全体広告画像を識別する画像IDと、そのメインコンテンツIDのメインコンテンツ情報(ウェブページ)における透過領域の設定範囲とが関連付けて記憶されている。
<Functional configuration>
(1) Functional configuration of server The main content database 152 shown in FIG. 6-1 is not limited, but as an example, a storage that stores a main content ID that identifies main content information based on the main content data and the main content data of the main content ID. An advertisement number that identifies an area and an advertisement (advertisement information to be displayed on the terminal 20 together with the main content information) associated with the main content data of the main content ID, and an advertiser ID that identifies an advertiser who provides an advertisement of that advertisement number. The image ID that identifies the partial advertisement image related to the advertisement of the advertisement number, the image ID that identifies the entire advertisement image related to the advertisement of the advertisement number, and the setting range of the transparent area in the main content information (web page) of the main content ID. Is remembered in association with.

本例では、部分広告画像の画像IDと、その部分広告画像に対応した全体広告画像の画像IDには、共通の広告番号が含まれている。そのためサーバ10では、広告番号に基づいて、その広告番号の広告を構成する部分広告画像と全体広告画像とを識別することが可能である。 In this example, the image ID of the partial advertisement image and the image ID of the entire advertisement image corresponding to the partial advertisement image include a common advertisement number. Therefore, the server 10 can discriminate between the partial advertisement image and the whole advertisement image constituting the advertisement of the advertisement number based on the advertisement number.

図6−2に示す全体広告データベース153aには、限定ではなく例として、全体広告画像の画像IDに関連付けて、その全体広告画像が記憶されている記憶領域と、その全体広告画像が端末20に表示される毎に広告主に課金される金額である課金額とが関連付けて記憶されている。この例では、部分広告画像へのタッチ操作に基づいて全体広告画像が表示される毎に、1.0円が広告主に課金されることになる。 In the general advertisement database 153a shown in FIG. 6-2, as an example, not limited to, a storage area in which the entire advertisement image is stored in association with the image ID of the entire advertisement image and the entire advertisement image are stored in the terminal 20. The billing amount, which is the amount charged to the advertiser each time it is displayed, is stored in association with the billing amount. In this example, 1.0 yen is charged to the advertiser every time the entire advertisement image is displayed based on the touch operation on the partial advertisement image.

図6−3に示す部分広告データベース153bには、限定ではなく例として、部分広告画像の画像IDに関連付けて、その部分広告画像が記憶されている記憶領域と、全体広告画像に対する部分広告画像の領域(その部分広告画像が、対応する全体広告画像のどの領域に相当するかを示すトリミング領域)と、その部分広告画像の初期位置とが記憶されている。 The partial advertisement database 153b shown in FIG. 6-3 is not limited to, but as an example, a storage area in which the partial advertisement image is stored in association with the image ID of the partial advertisement image, and a partial advertisement image for the entire advertisement image. A region (a trimming region indicating which region of the corresponding overall advertisement image the partial advertisement image corresponds to) and an initial position of the partial advertisement image are stored.

本実施例では、部分広告画像の領域として、対応する全体広告画像を縦方向にトリミングした領域が定められている。図中では、限定ではなく例として、横方向の座標値を「x」、縦方向の座標値を「y」として、座標値を「(x,y)」と表している。 In this embodiment, as the area of the partial advertisement image, an area obtained by vertically trimming the corresponding entire advertisement image is defined. In the figure, as an example, not limited, the coordinate value in the horizontal direction is represented by "x", the coordinate value in the vertical direction is represented by "y", and the coordinate value is represented by "(x, y)".

図6−4には、部分広告画像のサイズ(縦幅)と課金額との関係を示すテーブルの一例が示されている。このテーブルは、限定ではなく例として、サーバ10の記憶部15に記憶させておくことができる。 FIG. 6-4 shows an example of a table showing the relationship between the size (vertical width) of the partial advertisement image and the billing amount. This table can be stored in the storage unit 15 of the server 10 as an example, not a limitation.

このテーブルには、部分広告画像の縦幅と、全体広告画像1回表示あたり課金額(以下、適宜「課金額」と称する。)とが関連付けて定められている。つまり、このテーブルは、部分広告画像の縦幅に基づいて課金額を設定するためのテーブルである。 In this table, the vertical width of the partial advertisement image and the charge amount per display of the entire advertisement image (hereinafter, appropriately referred to as "charge amount") are defined in association with each other. That is, this table is a table for setting the billing amount based on the vertical width of the partial advertisement image.

図6−4に示す例は、部分広告画像の縦幅をページ表示領域の縦幅に対する割合に応じて区分して課金額を変える場合を示している。これは、ユーザが視認する基準となる表示範囲内(限定ではなく例として、ページ表示領域の範囲内)で、部分広告画像の縦幅がどの程度の割合を占めるかに応じて、課金額を変えることを意図するものである。 The example shown in FIG. 6-4 shows a case where the vertical width of the partial advertisement image is divided according to the ratio to the vertical width of the page display area and the billing amount is changed. This is a billing amount depending on how much the vertical width of the partial advertisement image occupies within the display range that is the standard for the user to see (not limited, but within the range of the page display area as an example). It is intended to change.

具体的には、部分広告画像の縦幅は、限定ではなく例として、「ページ表示領域の縦幅の20%」、「ページ表示領域の縦幅の40%」、「ページ表示領域の縦幅の60%」、「ページ表示領域の縦幅の80%」に区分されている。
そして、「ページ表示領域の縦幅の20%」には課金額として「1.0円」が、「ページ表示領域の縦幅の40%」には課金額として「1.2円」が、「ページ表示領域の縦幅の60%」には課金額として「1.4円」が、「ページ表示領域の縦幅の80%」には課金額として「1.6円」がそれぞれ定められている。
つまり、ページ表示領域の縦幅に対する割合が高くなるほど、課金額が割高になる。
Specifically, the vertical width of the partial advertisement image is not limited, but as an example, "20% of the vertical width of the page display area", "40% of the vertical width of the page display area", "vertical width of the page display area". It is divided into "60% of" and "80% of the vertical width of the page display area".
Then, "1.0 yen" is charged for "20% of the vertical width of the page display area", and "1.2 yen" is charged for "40% of the vertical width of the page display area". "60% of the vertical width of the page display area" is set as a billing amount of "1.4 yen", and "80% of the vertical width of the page display area" is set as a billing amount of "1.6 yen". ing.
That is, the higher the ratio of the page display area to the vertical width, the higher the billing amount.

なお、この例では、ページ表示領域の縦幅に対する割合に応じて部分広告画像の縦幅を区分したが、これに限定されない。
限定ではなく例として、メインコンテンツ情報(ウェブページ)の縦幅に対する割合に応じて部分広告画像の縦幅を区分して課金額を変えるようにしてもよいし、そのようにしなくてもよい。
In this example, the vertical width of the partial advertisement image is divided according to the ratio of the page display area to the vertical width, but the present invention is not limited to this.
As an example, not a limitation, the vertical width of the partial advertisement image may be divided according to the ratio of the main content information (web page) to the vertical width, and the billing amount may or may not be changed.

全体広告画像の縦幅がページ表示領域の縦幅と同じである場合や、全体広告画像のサイズがページ表示領域のサイズと同じである場合は、上記のページ表示領域の縦幅に対する割合は、全体広告画像の縦幅に対する割合と同じとなる。つまり、全体広告画像の縦幅に対する割合に応じて部分広告画像の縦幅が区分されて課金額が設定される。 If the height of the entire advertisement image is the same as the height of the page display area, or if the size of the entire advertisement image is the same as the size of the page display area, the ratio of the above page display area to the height is It is the same as the ratio to the vertical width of the entire advertising image. That is, the vertical width of the partial advertising image is divided according to the ratio to the vertical width of the entire advertising image, and the billing amount is set.

なお、全体広告画像は、必ずしもページ表示領域と同じサイズの画像である必要はなく、限定ではなく例として、ページ表示領域よりも小さいサイズの画像とすることもできる。
そこで、限定ではなく例として、全体広告画像の縦幅に対する割合に応じて部分広告画像の縦幅を区分して課金額を変えるようにしてもよいし、そのようにしなくてもよい。
この場合は、全体広告画像のサイズが大きくなるほど、同一の割合(全体広告画像の縦幅に対する割合)について、相対的に課金額が高くなるようにするとよい。
The entire advertisement image does not necessarily have to be an image having the same size as the page display area, and is not limited, and as an example, an image having a size smaller than the page display area may be used.
Therefore, as an example, not limited to this, the vertical width of the partial advertising image may be divided according to the ratio to the vertical width of the entire advertising image to change the billing amount, or it is not necessary to do so.
In this case, as the size of the entire advertisement image increases, the billing amount may be relatively higher for the same ratio (ratio to the vertical width of the entire advertisement image).

本実施例において、サーバ10の制御部11は、設定された部分広告画像の縦幅に基づいて、その部分広告画像に対応した全体広告画像が表示された場合の課金額を決定して、決定した課金額を全体広告画像に関連付ける。 In this embodiment, the control unit 11 of the server 10 determines and determines the billing amount when the entire advertisement image corresponding to the partial advertisement image is displayed based on the set vertical width of the partial advertisement image. Associate the charged amount with the entire advertising image.

限定ではなく例として、サーバ10が、図5−2のB11で、端末20に全体広告データを送信したことに基づいて、その全体広告データに対応した広告番号(または全体広告画像の画像ID)に関連付けて記憶している、その広告番号(または画像ID)の広告に関する課金額を更新する。また、広告番号(または画像ID)と広告主IDとが関連付けられていることに基づいて、広告主に対する課金額を更新する。 As an example, not a limitation, based on the fact that the server 10 transmits the whole advertisement data to the terminal 20 in B11 of FIG. 5-2, the advertisement number (or the image ID of the whole advertisement image) corresponding to the whole advertisement data is used. Update the billing amount related to the advertisement of the advertisement number (or image ID) stored in association with. In addition, the billing amount for the advertiser is updated based on the association between the advertisement number (or image ID) and the advertiser ID.

なお、図5−2のA25で、端末20が全体広告画像242aを表示部24に表示したこと(全体広告画像242aが視認可能となったこと)に基づいて、その全体広告画像242aの画像IDを含む広告表示情報をサーバ10に送信してもよい。その広告表示情報を受信したサーバ10が、広告表示情報に含まれる画像IDに関連付けられた広告番号の広告に関する課金額と、その広告番号に関連付けられた広告主IDの広告主に対する課金額を、それぞれ更新してもよい。 In addition, in A25 of FIG. 5-2, based on the fact that the terminal 20 displayed the whole advertisement image 242a on the display unit 24 (the whole advertisement image 242a became visible), the image ID of the whole advertisement image 242a. The advertisement display information including the above may be transmitted to the server 10. The server 10 that receives the advertisement display information determines the charge amount for the advertisement of the advertisement number associated with the image ID included in the advertisement display information and the charge amount for the advertiser of the advertiser ID associated with the advertisement display information. Each may be updated.

なお、広告主への課金額を、部分広告画像が表示された場合の課金額と定義することもできる。そして、サーバ10が、部分広告画像が表示された場合の課金額を設定するようにしてもよいし、そのようにしなくてもよい。これは、他の実施例についても同様である。 The amount charged to the advertiser can also be defined as the amount charged when the partial advertisement image is displayed. Then, the server 10 may or may not set the billing amount when the partial advertisement image is displayed. This also applies to other examples.

(2)広告主による部分広告画像の設定
前述したように、全体広告画像のうちの部分広告画像とする領域は、広告主が任意に設定することが可能である。
(2) Setting of Partial Advertising Image by Advertiser As described above, the area to be the partial advertising image in the whole advertising image can be arbitrarily set by the advertiser.

限定ではなく例として、広告主は、サーバ10に記憶される部分広告画像を設定するための設定装置(例として、端末20と同様の機能を有する装置)を、ネットワーク30を介してサーバ10と接続させた状態で、その設定装置を操作することによって、部分広告画像を設定することが可能である。 As an example, not a limitation, the advertiser sets a setting device (for example, a device having the same function as the terminal 20) for setting a partial advertisement image stored in the server 10 with the server 10 via the network 30. It is possible to set a partial advertisement image by operating the setting device in the connected state.

具体的には、広告主は、設定装置の表示部に全体広告画像を表示させた状態で、部分広告画像の領域を指定する操作(例として、全体広告画像上に表示された矩形の位置およびサイズを変更する操作)を行うことで、指定された領域が、全体広告画像からトリミングされて部分広告画像として設定され、部分広告データベース153bに記憶される。設定された部分広告画像のデータは、部分広告データとして端末20に配信される。 Specifically, the advertiser operates to specify the area of the partial advertisement image in the state where the entire advertisement image is displayed on the display unit of the setting device (for example, the position of the rectangle displayed on the entire advertisement image and the position of the rectangle. By performing the operation of changing the size), the designated area is trimmed from the entire advertisement image and set as the partial advertisement image, and is stored in the partial advertisement database 153b. The set partial advertisement image data is delivered to the terminal 20 as partial advertisement data.

なお、前述したように、部分広告画像を端末20またはサーバ10によって自動的に設定することも可能であり、ユーザによる端末20の操作によって部分広告画像を設定することも可能である。 As described above, the partial advertisement image can be automatically set by the terminal 20 or the server 10, and the partial advertisement image can be set by the operation of the terminal 20 by the user.

(3)サーバによる透過領域の設定
部分広告画像が設定されると、サーバ10の制御部11は、限定ではなく例として、部分広告画像の横幅および縦幅に基づいて、その部分広告画像に関連付けられたメインコンテンツ情報(ウェブページ)の透過領域を設定する。
(3) Setting of Transparent Area by Server When a partial advertisement image is set, the control unit 11 of the server 10 associates the partial advertisement image with the partial advertisement image based on the width and height of the partial advertisement image as an example, not as a limitation. Set the transparent area of the main content information (web page).

具体的には、サーバ10は、限定ではなく例として、部分広告画像の横幅と同一か、またはそれよりも小さい横幅(限定ではなく例として、部分広告画像の横幅の80%〜100%)を透過領域の横幅とし、部分広告画像の縦幅と同一か、またはそれよりも小さい縦幅(限定ではなく例として、部分広告画像の縦幅の80%〜100%)を透過領域の縦幅とすることで、透過領域のサイズ(大きさ)を設定する。 Specifically, the server 10 is not limited, but as an example, has a width equal to or smaller than the width of the partial advertisement image (80% to 100% of the width of the partial advertisement image as an example, not limited). The width of the transparent area is defined as the height of the transparent area, and the height equal to or smaller than the height of the partial advertisement image (80% to 100% of the height of the partial advertisement image as an example, not limited) is defined as the height of the transparent area. By doing so, the size (size) of the transparent area is set.

なお、これとは異なり、サーバ10が、部分広告画像の横幅および縦幅のうちのいずれか一方に基づいて透過領域のサイズ(大きさ)を設定するようにしてもよいし、そのようにしなくてもよい。 In addition, unlike this, the server 10 may or may not set the size (size) of the transparent area based on either the width or the height of the partial advertisement image. You may.

また、サーバ10は、メインコンテンツ情報(ウェブページ)における透過領域の位置を決定する。具体的には、サーバ10は、限定ではなく例として、ページ表示領域の縦幅の2倍程度の縦幅を有するウェブページが端末20に表示される場合であって、ウェブページが初期位置にある状態で部分広告画像の一部を視認可能とする場合(限定ではなく例として、そのための基本設定が広告主によりされている場合等)は、透過領域の位置をウェブページの上部であって部分広告画像と重畳する位置に決定する。 Further, the server 10 determines the position of the transparent area in the main content information (web page). Specifically, the server 10 is not limited, but as an example, when a web page having a vertical width of about twice the vertical width of the page display area is displayed on the terminal 20, the web page is set to the initial position. If you want to make a part of the partial advertisement image visible in a certain state (for example, if the basic setting for that is made by the advertiser, not limited), the position of the transparent area is at the top of the web page. Determine the position to be superimposed on the partial advertisement image.

一方、ウェブページが初期位置にある状態では部分広告画像を視認できないようにする場合(限定ではなく例として、そのための基本設定が広告主によりされている場合等)は、透過領域の位置をウェブページの下部に設定しておき、スクロール操作により透過領域が画面下方からページ表示領域内に出現して部分広告画像と重畳するようにする。 On the other hand, if you want to make the partial advertisement image invisible when the web page is in the initial position (for example, if the basic setting for that is made by the advertiser, not limited), the position of the transparent area is set to the web. It is set at the bottom of the page so that the transparent area appears in the page display area from the bottom of the screen by scrolling and overlaps with the partial advertisement image.

なお、サーバ10は、限定ではなく例として、メインコンテンツ情報の構成に基づいて透過領域のサイズまたは位置を決定してもよい。 The server 10 may determine the size or position of the transparent region based on the configuration of the main content information as an example, not limited to the server 10.

限定ではなく例として、ニュースサイトのウェブページにおけるニュース画像等の、メインコンテンツ情報における重要領域(ユーザが注目するメインコンテンツ領域)が、後半部よりも前半部に多く配置されている場合には、重要領域を避けて透過領域をウェブページの後半部に設定し、且つ、透過領域と重要領域とに所定間隔が設けられるように、透過領域の縦幅を設定する。 As an example, not a limitation, when more important areas in the main content information (main content areas that the user pays attention to) such as news images on the web page of the news site are arranged in the first half than in the second half, the important areas The transparent area is set in the latter half of the web page while avoiding the above, and the vertical width of the transparent area is set so that a predetermined interval is provided between the transparent area and the important area.

これとは逆に、重要領域が、前半部よりも後半部に多く配置されている場合には、重要領域を避けて透過領域をウェブページの前半部に設定し、且つ、透過領域と需要領域とに所定間隔が設けられるように、透過領域の縦幅を設定する。 On the contrary, when more important areas are arranged in the latter half than in the first half, the transparent area is set in the first half of the web page while avoiding the important area, and the transparent area and the demand area are set. The vertical width of the transparent area is set so that a predetermined interval is provided between the two.

なお、サーバ10が、限定ではなく例として、部分広告画像のサイズ(大きさ)に基づいて、透過領域を設定するようにしてもよいし、そのようにしなくてもよい。具体的には、限定ではなく例として、部分広告画像のサイズと同一か、またはそれよりも小さいサイズ(限定ではなく例として、部分広告画像のサイズの80%〜100%)を透過領域のサイズとして設定するようにしてもよいし、そのようにしなくてもよい。 It should be noted that the server 10 may or may not set the transparent area based on the size (size) of the partial advertisement image, as an example rather than the limitation. Specifically, as an example, not a limitation, the size of the transparent region is the same as or smaller than the size of the partial advertisement image (80% to 100% of the size of the partial advertisement image as an example, not the limitation). It may or may not be set as.

<第6実施例の効果>
第6実施例は、広告コンテンツデータ(限定ではなく例として、全体広告画像を含む全体広告データであって、第1コンテンツデータの一例)は、広告主によってユーザの端末20への送信が依頼され、広告コンテンツ情報のうちの部分広告画像(第1コンテンツ情報のうちの第1情報)は、広告主によって設定される構成を示している。
このような構成により得られる効果の一例として、事業者(限定ではなく例として広告主)が、端末への送信を依頼する第1コンテンツデータに基づく第1コンテンツ情報のうちのユーザに注目させたい領域を第1情報として設定することができる。
<Effect of the sixth embodiment>
In the sixth embodiment, the advertisement content data (not limited, but as an example, the whole advertisement data including the whole advertisement image, which is an example of the first content data) is requested by the advertiser to be transmitted to the user's terminal 20. , The partial advertisement image (the first information in the first content information) of the advertisement content information shows the structure set by the advertiser.
As an example of the effect obtained by such a configuration, the business operator (not limited, but an advertiser as an example) wants to pay attention to the user of the first content information based on the first content data requested to be transmitted to the terminal. The area can be set as the first information.

また、第6実施例は、部分広告画像(第1情報)の辺の長さ、または部分広告画像の大きさに基づいて、全体広告画像の端末20への送信に基づく課金額が設定される構成を示している。
このような構成により得られる効果の一例として、表示効果(限定ではなく例として広告効果)が高く、第1コンテンツ情報への表示につながりやすい第1情報に対して、適切な課金額が設定される。
Further, in the sixth embodiment, the billing amount based on the transmission of the entire advertisement image to the terminal 20 is set based on the length of the side of the partial advertisement image (first information) or the size of the partial advertisement image. The configuration is shown.
As an example of the effect obtained by such a configuration, an appropriate billing amount is set for the first information, which has a high display effect (not limited but an advertising effect as an example) and is likely to be displayed in the first content information. To.

また、第6実施例は、全体広告データ(第1コンテンツデータ)には全体広告画像(第1コンテンツ情報)のデータが含まれており、全体広告画像は広告番号によって部分広告画像(第1情報)と関連付けられる構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として、まず第1情報を表示させて、その後に、第1情報に対応した第1コンテンツ情報を表示させるといったことが可能となる。
Further, in the sixth embodiment, the whole advertisement data (first content data) includes the data of the whole advertisement image (first content information), and the whole advertisement image is a partial advertisement image (first information) according to the advertisement number. ) Is shown.
As an example of the effect obtained by such a configuration, it is possible to display the first information first and then display the first content information corresponding to the first information, not as a limitation but as an example.

また、第6実施例は、透過領域は、部分広告画像(第1情報)の辺の長さ、または部分広告画像のサイズに基づいて設定される構成を示している。
このような構成により得られる効果の一例として、第1情報に適した透過領域を設定することができる。
Further, the sixth embodiment shows a configuration in which the transparent region is set based on the length of the side of the partial advertisement image (first information) or the size of the partial advertisement image.
As an example of the effect obtained by such a configuration, a transparent region suitable for the first information can be set.

また、第6実施例は、全体広告データ(第1コンテンツデータ)には全体広告画像(第1コンテンツ情報)のデータが含まれており、全体広告画像は、部分広告画像(第1情報)の長さ、または部分広告画像の大きさに基づく課金に関する情報が関連付けられる構成を示している。
このような構成により得られる効果の一例として、ユーザから注目を受けやすい長さまたは大きさを有する第1情報に、限定ではなく例として、その注目の受けやすさに応じた課金額が関連付けられるようにすることができる。
Further, in the sixth embodiment, the whole advertisement data (first content data) includes the data of the whole advertisement image (first content information), and the whole advertisement image is the partial advertisement image (first information). It shows a configuration in which information about billing based on length or size of partial advertising image is associated.
As an example of the effect obtained by such a configuration, the first information having a length or size that is easily noticed by the user is associated with, as an example, not a limitation, a billing amount according to the ease of receiving the attention. Can be done.

また、第6実施例は、全体広告データ(第1コンテンツデータ)には全体広告画像(第1コンテンツ情報)のデータが含まれており、全体広告画像(第1情報)は、全体広告データを端末20に送信するサーバ10で、課金に関する情報と関連付けられる構成を示している。
このような構成により得られる効果の一例として、第1コンテンツ情報が表示されたことに基づく課金に関する情報をサーバ側で管理することができる。
Further, in the sixth embodiment, the overall advertisement data (first content data) includes the data of the overall advertisement image (first content information), and the overall advertisement image (first information) contains the entire advertisement data. The configuration of the server 10 that transmits to the terminal 20 and is associated with the billing information is shown.
As an example of the effect obtained by such a configuration, information on billing based on the display of the first content information can be managed on the server side.

<第6変形例(1)>
第6実施例では、部分広告画像が広告主により設定される例を示したが、このような形態に限られない。前述したように、部分広告画像は、全体広告画像を記憶しているサーバ10によって、全体広告画像に基づいて設定されてもよい。
<Sixth variant (1)>
In the sixth embodiment, an example in which the partial advertisement image is set by the advertiser is shown, but the present invention is not limited to such a form. As described above, the partial advertisement image may be set based on the entire advertisement image by the server 10 that stores the entire advertisement image.

限定ではなく例として、サーバ10が、全体広告画像242aの中心座標の画素を中心位置に含む横長の矩形領域を、部分広告画像242bに設定してもよい。また、サーバ10が、全体広告画像242aを対象とした画像処理を実行し、限定ではなく例として、フィルタリングを用いたエッジ検出等により特徴部分の輪郭を推定することで、その輪郭を含む横長の矩形領域を、部分広告画像242bに設定してもよい。 As an example, not limited to this, the server 10 may set a horizontally long rectangular area including a pixel at the center coordinate of the entire advertisement image 242a at the center position in the partial advertisement image 242b. Further, the server 10 executes image processing for the entire advertisement image 242a, and estimates the contour of the feature portion by edge detection using filtering or the like as an example, not limited to the horizontally long image including the contour. The rectangular area may be set to the partial advertisement image 242b.

また、サーバ10は、全体広告画像242aが動画像である場合には、限定ではなく例として、表示順序に基づく前後の画像間、または、表示順序に基づく前後のフレーム間で画素値の差分(変動)が大きい領域を特徴部分として推定することにより、推定した特徴部分を含むように部分広告画像242bを設定してもよい。 Further, when the entire advertisement image 242a is a moving image, the server 10 is not limited to, but as an example, the difference in pixel values between the images before and after based on the display order or between the frames before and after based on the display order ( The partial advertisement image 242b may be set so as to include the estimated feature portion by estimating the region having a large variation) as the feature portion.

本変形例は、部分広告画像(第1情報)は、全体広告データ(第1コンテンツデータ)を端末20に送信するサーバ10によって設定される構成を示している。
このような構成により得られる効果の一例として、事業者(限定ではなく例として広告主)による第1情報の設定操作を不要とすることができる。
In this modification, the partial advertisement image (first information) shows a configuration set by the server 10 that transmits the entire advertisement data (first content data) to the terminal 20.
As an example of the effect obtained by such a configuration, it is possible to eliminate the need for the business operator (not limited to the advertiser as an example) to set the first information.

<第6変形例(2)>
第6実施例では、端末20で、一のメインコンテンツ情報に関連付けて一の広告情報が表示される例を示したが、このような構成に限らず、一のメインコンテンツ情報に関連付けて複数の広告情報が表示されるようにしてもよい。
<Sixth variant (2)>
In the sixth embodiment, an example in which one advertisement information is displayed in association with one main content information is shown on the terminal 20, but the present invention is not limited to such a configuration, and a plurality of advertisement information is associated with one main content information. May be displayed.

限定ではなく例として、メインコンテンツデータベース152において、一のメインコンテンツIDに、異なる2つの広告番号(以下、第1広告番号、第2広告番号とする)を関連付けておく。そして、そのメインコンテンツIDのメインコンテンツデータが端末20に配信された場合に、第1広告番号に関連付けられた第1広告コンテンツデータ(第1全体広告画像のデータ、第1全体広告画像の一部である第1部分広告画像のデータ)と、第2広告番号に関連付けられた第2広告コンテンツデータ(第2全体広告画像のデータ、第2全体広告画像の一部である第2部分広告画像のデータ)が、端末20に配信されるようにしてもよい。 As an example, not a limitation, in the main content database 152, two different advertisement numbers (hereinafter, referred to as a first advertisement number and a second advertisement number) are associated with one main content ID. Then, when the main content data of the main content ID is delivered to the terminal 20, the first advertisement content data associated with the first advertisement number (data of the first overall advertisement image, a part of the first overall advertisement image). (Data of the first partial advertisement image) and second advertisement content data associated with the second advertisement number (data of the second overall advertisement image, data of the second partial advertisement image which is a part of the second overall advertisement image) However, it may be delivered to the terminal 20.

限定ではなく例として、第1レイヤに第1部分広告画像と第2部分広告画像とが配置され、第2レイヤには透過領域を有するメインコンテンツ情報が配置されることで、メインコンテンツ情報の透過領域を介して第1部分広告画像と第2部分広告画像の少なくとも一方が視認可能であるようにしてもよい。 As an example, not a limitation, the first partial advertisement image and the second partial advertisement image are arranged in the first layer, and the main content information having a transparent area is arranged in the second layer, so that the transparent area of the main content information is arranged. At least one of the first partial advertisement image and the second partial advertisement image may be visible through the image.

図6−5および図6−6に示す例では、デジタル腕時計の広告画像である第1部分広告画像242bと、アナログ腕時計の広告画像である第2部分広告画像242bとが、第1レイヤに配置されており、第2レイヤにはウェブページ241が配置されている。第1部分広告画像242bと第2部分広告画像242bは、何れも横長の画像であり、第1レイヤに縦方向に並べて配置されている。 In the examples shown in FIGS. 6-5 and 6-6, the first partial advertisement image 242b, which is an advertisement image of a digital wristwatch, and the second partial advertisement image 242b, which is an advertisement image of an analog wristwatch, are arranged on the first layer. The web page 241 is arranged in the second layer. The first partial advertisement image 242b and the second partial advertisement image 242b are both horizontally long images, and are arranged vertically side by side on the first layer.

図6−5に示すように、ウェブページ241が初期位置にある状態では透過領域241aがページ表示領域にないため、第1部分広告画像242bおよび第2部分広告画像242bの、いずれも視認できない状態となっている。 As shown in FIG. 6-5, when the web page 241 is in the initial position, the transparent area 241a is not in the page display area, so that neither the first partial advertisement image 242b nor the second partial advertisement image 242b can be visually recognized. It has become.

ユーザがスクロール操作を行い、ウェブページ241を画面上方にスクロールさせることで、透過領域241aが画面下方からページ表示領域内にあらわれる。このとき、透過領域241aを介して第1レイヤの下端に配置された第1部分広告画像242bの下部のみを視認可能となる。ユーザがさらにスクロール操作を行い、ウェブページ241を画面上方にスクロールさせることで、透過領域241aを介して第1部分広告画像242bの全体を視認可能となる。 When the user scrolls the web page 241 to the upper side of the screen, the transparent area 241a appears in the page display area from the lower part of the screen. At this time, only the lower portion of the first partial advertisement image 242b arranged at the lower end of the first layer can be visually recognized via the transparent region 241a. When the user further performs a scroll operation and scrolls the web page 241 upward on the screen, the entire first partial advertisement image 242b can be visually recognized via the transparent area 241a.

図6−6に示すように、ユーザがさらにスクロール操作を行い、ウェブページ241を画面上方にスクロールさせることで、透過領域241aを介して、第1部分広告画像242bの全体と、その上方に配置された第2部分広告画像242bの一部とを視認可能となる。ユーザがさらにスクロール操作を行い、ウェブページ241を画面上方にスクロールさせることで、透過領域241aを介して、第1部分広告画像242bの全体と、第2部分広告画像242bの全体とを視認可能となる。 As shown in FIG. 6-6, the user further performs a scroll operation to scroll the web page 241 to the upper side of the screen, so that the entire first partial advertisement image 242b and the upper part thereof are arranged via the transparent area 241a. It becomes possible to visually recognize a part of the second partial advertisement image 242b. By further scrolling the web page 241 and scrolling the web page 241 to the upper side of the screen, the entire first partial advertisement image 242b and the entire second partial advertisement image 242b can be visually recognized via the transparent area 241a. Become.

このとき、透過領域241aに、第1部分広告画像242bと第2部分広告画像242bが何れも重畳したこと(限定ではなく例として、第1部分広告画像242bと第2部分広告画像242bの境界線が、透過領域241aの上下方向中央に位置したこと)に基づいて、透過領域241aと第1部分広告画像242bの相対位置が固定されるとともに、透過領域241aと第2部分広告画像242bの相対位置も固定される。 At this time, both the first partial advertisement image 242b and the second partial advertisement image 242b were superimposed on the transparent region 241a (not limited, but as an example, the boundary line between the first partial advertisement image 242b and the second partial advertisement image 242b). Is located in the center of the transparent region 241a in the vertical direction), the relative positions of the transparent region 241a and the first partial advertisement image 242b are fixed, and the relative positions of the transparent region 241a and the second partial advertisement image 242b are fixed. Is also fixed.

その後、ユーザがスクロール操作を行うと、透過領域241aとともに、第1部分広告画像242bおよび第2部分広告画像242bが移動する。これにより、透過領域241aを介して、第1部分広告画像242bの全体と第2部分広告画像242bの全体とを視認可能な状態が継続する。 After that, when the user performs a scroll operation, the first partial advertisement image 242b and the second partial advertisement image 242b move together with the transparent region 241a. As a result, the entire state of the first partial advertisement image 242b and the entire second partial advertisement image 242b can be visually recognized through the transparent region 241a.

このように、複数の部分広告画像242bが第1レイヤに配置されることに基づいて、透過領域241aも、複数の部分広告画像242bが視認可能となるように設定される。つまり、本変形例では、サーバ10は、部分広告画像の数に基づいて、透過領域を設定する。 As described above, based on the plurality of partial advertisement images 242b being arranged on the first layer, the transparent region 241a is also set so that the plurality of partial advertisement images 242b can be visually recognized. That is, in this modification, the server 10 sets the transparent area based on the number of partial advertisement images.

具体的には、限定ではなく例として、端末20において、共通のメインコンテンツ情報に関連付けて、複数の部分広告画像242bを第1レイヤの縦方向に並べて配列することに基づいて、サーバ10は、限定ではなく例として、透過領域241aの縦幅を、第1部分広告画像242bの縦幅と第2部分広告画像242bの縦幅とを足した長さの幅に設定する。
限定ではなく例として、透過領域241aの横幅は、第1部分広告画像242bと第2部分広告画像242bのうちの、横幅が短い方の部分広告画像242bの横幅と同一か、または、これより小さい横幅に設定する。
Specifically, as an example, not limited, the server 10 is limited based on arranging a plurality of partial advertisement images 242b in the vertical direction of the first layer in association with common main content information in the terminal 20. Instead, as an example, the vertical width of the transparent region 241a is set to the width obtained by adding the vertical width of the first partial advertisement image 242b and the vertical width of the second partial advertisement image 242b.
As an example, but not a limitation, the width of the transparent region 241a is equal to or smaller than the width of the shorter partial advertisement image 242b of the first partial advertisement image 242b and the second partial advertisement image 242b. Set to width.

本変形例は、第1全体広告画像242a(第1コンテンツ情報)の一部である第1部分広告画像242b(第1情報)と、第2全体広告画像242a(第3コンテンツ情報)の一部である第2部分広告画像242b(第2情報)の両方をページ表示領域に表示し、透過領域の縦幅および横幅は、第1部分広告画像242bの縦幅および横幅と、第2部分広告画像242bの縦幅および横幅とに基づいて設定される構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として複数の情報を第1レイヤに配置する場合に、この複数の情報を視認可能とする透過領域を設定することができる。
This modification is a part of the first partial advertisement image 242b (first information) which is a part of the first overall advertisement image 242a (first content information) and a part of the second overall advertisement image 242a (third content information). Both the second partial advertisement image 242b (second information) is displayed in the page display area, and the vertical width and the horizontal width of the transparent area are the vertical width and the horizontal width of the first partial advertisement image 242b and the second partial advertisement image. The configuration set based on the vertical width and the horizontal width of 242b is shown.
As an example of the effect obtained by such a configuration, when a plurality of information is arranged on the first layer as an example, not limited to the above, a transparent region that makes the plurality of information visible can be set.

<第6変形例(3)>
第6実施例において、限定ではなく例として、サーバ10が、透過領域241aのサイズを設定する前に、初期設定に基づく透過領域241aを含むウェブページ241のデータを端末20に送信し、端末20において、一旦は、初期設定に基づく透過領域241aを含むウェブページ241を表示させてもよい。
<Sixth variant (3)>
In the sixth embodiment, as an example but not a limitation, the server 10 transmits the data of the web page 241 including the transparent area 241a based on the initial setting to the terminal 20 before setting the size of the transparent area 241a, and the terminal 20 In the above, the web page 241 including the transparent region 241a based on the initial setting may be displayed once.

その後に、サーバ10が、第1レイヤに配置されることになる、または、第1レイヤに配置された、部分広告画像242bの縦幅および横幅の少なくともいずれか一方、部分広告画像242bのサイズ、部分広告画像242bの数、またはこれらの組み合わせに基づいて、透過領域241aを設定する。そして、その透過領域241aを有するメインコンテンツ情報(ウェブページ241)を端末20に送信し、端末20において、更新された透過領域241aを有するメインコンテンツ情報(ウェブページ241)を、第2レイヤに改めて配置するようにしてもよい。 After that, the server 10 will be arranged in the first layer, or at least one of the vertical width and the horizontal width of the partial advertisement image 242b arranged in the first layer, the size of the partial advertisement image 242b, The transparent region 241a is set based on the number of partial advertisement images 242b or a combination thereof. Then, the main content information (web page 241) having the transparent region 241a is transmitted to the terminal 20, and the main content information (web page 241) having the updated transparent region 241a is rearranged in the second layer in the terminal 20. You may do so.

図6−7に示す例では、端末20において、第1レイヤに、横長の部分広告画像242bが上下に並べて2つ配置されており、第2レイヤには、初期設定に基づく横長の透過領域241aを含むウェブページ241が配置されている。初期設定に基づく透過領域241aは、予め定められた縦幅および横幅を有する矩形である。
本例では、初期設定に基づく透過領域241aの縦幅は、一方の部分広告画像242bの縦幅の30%程度にすぎないため、一方の部分広告画像242bの一部のみが視認可能な状態であり、他方の部分広告画像242bは全く視認できない状態となっている。
In the example shown in FIG. 6-7, in the terminal 20, two horizontally long partial advertisement images 242b are arranged vertically on the first layer, and the horizontally long transparent area 241a based on the initial setting is arranged on the second layer. A web page 241 containing the above is arranged. The transparent region 241a based on the initial setting is a rectangle having a predetermined vertical width and horizontal width.
In this example, the vertical width of the transparent region 241a based on the initial setting is only about 30% of the vertical width of one partial advertisement image 242b, so that only a part of one partial advertisement image 242b can be visually recognized. Yes, the other partial advertisement image 242b is completely invisible.

その後、サーバ10が、端末20の第1レイヤに配置された、それぞれの部分広告画像242bの縦幅と横幅に基づいて、両方の部分広告画像242bが視認可能となるサイズの透過領域241aを設定し、その透過領域241aを含むウェブページ241のデータを含むメインコンテンツデータを、端末20に送信する。その結果、端末20の第2レイヤには、そのメインコンテンツデータに基づく透過領域241a(初期設定から変更された透過領域241a)を含むウェブページ241が配置される。 After that, the server 10 sets a transparent region 241a having a size so that both partial advertisement images 242b can be visually recognized, based on the vertical width and the horizontal width of each partial advertisement image 242b arranged in the first layer of the terminal 20. Then, the main content data including the data of the web page 241 including the transparent area 241a is transmitted to the terminal 20. As a result, the web page 241 including the transparent area 241a (transparent area 241a changed from the initial setting) based on the main content data is arranged on the second layer of the terminal 20.

その結果、ユーザは、変更された透過領域241aを介して、両方の部分広告画像242bを視認することができるようになる。
本変形例による効果の一例として、ユーザは、メインコンテンツ情報に関連付けられた広告情報に基づく透過領域241aが設定される前に、メインコンテンツ情報を見ることができる。
As a result, the user can visually recognize both partial advertisement images 242b through the modified transparent region 241a.
As an example of the effect of this modification, the user can see the main content information before the transparent region 241a based on the advertisement information associated with the main content information is set.

ユーザの属性情報やウェブサイトのアクセス履歴に基づいて、メインコンテンツ情報に関連付ける広告情報を異ならせるような場合には、部分広告画像242bがユーザに応じて異なるため、サーバ10ではユーザ毎に異なる透過領域241aを設定する負荷が生じる。その結果、サーバ10側で、部分広告画像242bに基づく透過領域241aを設定し、その透過領域241aを有するメインコンテンツ情報(ウェブページ241)のメインコンテンツデータを端末20に送信するまで所定の時間を要することになり、メインコンテンツ情報を直ちに見ることができないユーザが不快に感じることになる。 When the advertisement information associated with the main content information is different based on the user's attribute information and the access history of the website, the partial advertisement image 242b is different depending on the user, so that the server 10 has a different transparent area for each user. A load to set 241a is generated. As a result, it takes a predetermined time for the server 10 to set the transparent region 241a based on the partial advertisement image 242b and transmit the main content data of the main content information (web page 241) having the transparent region 241a to the terminal 20. This makes the user who cannot see the main content information immediately feel uncomfortable.

本変形例では、部分広告画像242bに基づいて透過領域241aを設定する前の段階で、一旦、初期設定の透過領域241aを含むウェブページ241を端末20に表示させることで、メインコンテンツ情報の表示が遅延することを防止することができる。 In this modification, the main content information is displayed by temporarily displaying the web page 241 including the default transparent area 241a on the terminal 20 before setting the transparent area 241a based on the partial advertisement image 242b. It is possible to prevent delays.

<第6変形例(4)>
上記の実施例で説明した課金額の設定方法はあくまでも一例に過ぎず、これに限定されない。
限定ではなく例として、部分広告画像の縦幅ばかりでなく、部分広告画像の横幅も考慮して、課金額を設定するようにしてもよいし、そのようにしなくてもよい。
<Sixth variant (4)>
The method of setting the billing amount described in the above embodiment is merely an example, and is not limited to this.
As an example, not a limitation, the billing amount may or may not be set in consideration of not only the vertical width of the partial advertisement image but also the width of the partial advertisement image.

図6−8は、部分広告画像のサイズと課金額との関係を示すテーブルの別例を示す図である。このテーブルは、限定ではなく例として、サーバ10の記憶部15に記憶させておくことができる。 FIG. 6-8 is a diagram showing another example of a table showing the relationship between the size of the partial advertisement image and the billing amount. This table can be stored in the storage unit 15 of the server 10 as an example, not a limitation.

このテーブルの構成は図6−4とほぼ同様であるが、部分広告画像サイズの欄が異なっている。具体的には、このテーブルでは、部分広告画像サイズには、部分広告画像の横幅と、部分広告画像の縦幅とが含まれる。 The structure of this table is almost the same as that of FIG. 6-4, but the column of the partial advertisement image size is different. Specifically, in this table, the partial advertisement image size includes the width of the partial advertisement image and the height of the partial advertisement image.

横幅は、限定ではなく例として、「ページ表示領域の横幅全体」と、「ページ表示領域の横幅の3/4」と、「ページ表示領域の横幅の1/2」との3つに分類されている。 The width is not limited, but is classified into three categories: "the entire width of the page display area", "3/4 of the width of the page display area", and "1/2 of the width of the page display area". ing.

それぞれの横幅の欄において、縦幅には、その横幅に対する割合に応じた縦幅として、限定ではなく例として、「横幅の25%」、「横幅の50%」、「横幅の75%」、「横幅の100%」、「横幅の125%」が定められている。 In each width column, the height is not limited as the height according to the ratio to the width, but as an example, "25% of width", "50% of width", "75% of width", "100% of width" and "125% of width" are defined.

部分広告画像の横幅「ページ表示領域の横幅全体」について、「横幅の25%」には課金額「1.0円」が、「横幅の50%」には課金額「1.2円」が、「横幅の75%」には課金額「1.4円」が、「横幅の100%」には課金額「2.0円」が、「横幅の125%」には課金額「2.5円」がそれぞれ定められている。つまり、横幅に対する割合が高くなるほど、より高い金額が課金額として定められている。 Regarding the width of the partial advertisement image "the entire width of the page display area", the charge amount "1.0 yen" is for "25% of the width" and the charge amount "1.2 yen" is for "50% of the width". , "75% of width" is charged "1.4 yen", "100% of width" is charged "2.0 yen", and "125% of width" is charged "2." "5 yen" is set for each. That is, the higher the ratio to the width, the higher the amount is set as the billing amount.

また、部分広告画像の横幅「ページ表示領域の横幅の3/4」について、「横幅の25%」には課金額「0.8円」が、「横幅の50%」には課金額「0.9円」が、「横幅の75%」には課金額「1.1円」が、「横幅の100%」には課金額「1.5円」が、「横幅の125%」には課金額「1.9円」がそれぞれ定められている。つまり、横幅に対する割合が高くなるほど、より高い金額が課金額として定められている。 Regarding the width of the partial advertisement image "3/4 of the width of the page display area", the charge amount "0.8 yen" is for "25% of the width" and the charge amount is "0" for "50% of the width". "0.9 yen", "75% of width" is charged "1.1 yen", "100% of width" is charged "1.5 yen", "125% of width" is charged The billing amount "1.9 yen" is set for each. That is, the higher the ratio to the width, the higher the amount is set as the billing amount.

また、部分広告画像の横幅「ページ表示領域の横幅の1/2」について、「横幅の25%」には課金額「0.6円」が、「横幅の50%」には課金額「0.7円」が、「横幅の75%」には課金額「0.8円」が、「横幅の100%」には課金額「1.1円」が、「横幅の125%」には課金額「1.4円」がそれぞれ定められている。つまり、横幅に対する割合が高くなるほど、より高い金額が課金額として定められている。 Regarding the width of the partial advertisement image "1/2 of the width of the page display area", the charge amount "0.6 yen" is for "25% of the width" and the charge amount is "0" for "50% of the width". "0.7 yen", "75% of width" is charged "0.8 yen", "100% of width" is charged "1.1 yen", "125% of width" is charged The billing amount "1.4 yen" is set for each. That is, the higher the ratio to the width, the higher the amount is set as the billing amount.

また、横幅のページ表示領域に対する割合が高くなるほど、同じ縦幅について、より高い金額が課金額として定められている。つまり、横幅のページ表示領域に対する割合が高くなるほど、相対的に高い金額が課金額として定められている。
また、部分広告画像の縦幅が横幅よりも大きい縦長の画像である場合には、横長の画像である場合よりも割高な課金額が定められている。
Further, as the ratio of the width to the page display area increases, a higher amount of money is set as the billing amount for the same height. That is, the higher the ratio of the width to the page display area, the higher the amount is set as the billing amount.
Further, in the case of a vertically long image in which the vertical width of the partial advertisement image is larger than the horizontal width, a higher charge amount is set than in the case of the horizontally long image.

また、上記の実施例では、ページ表示領域の横幅に対する割合に応じて定められる縦幅に基づいて課金額を分類したが、限定ではなく例として、部分広告画像の縦幅の実際の長さに基づいて課金額を分類してもよいし、そのようにしなくてもよい。
同様に、部分広告画像の横幅の実際の長さに基づいて課金額を分類してもよいし、そのようにしなくてもよい。
Further, in the above embodiment, the billing amount is classified based on the vertical width determined according to the ratio of the page display area to the horizontal width. Billing amounts may or may not be categorized based on.
Similarly, the billing amount may or may not be classified based on the actual length of the width of the partial advertising image.

<第6変形例(5)>
第6実施例を第2実施例または第3実施例に適用する場合には、サーバ10の記憶部15に、部分広告データベース153bを記憶させない構成としてもよい。限定ではなく例として、サーバ10が、全体広告画像242aにおける注目領域を識別する注目領域情報を、その全体広告画像242aの画像IDに関連付けて記憶する構成としてもよいし、そのようにしなくてもよい。
<Sixth variant (5)>
When the sixth embodiment is applied to the second embodiment or the third embodiment, the storage unit 15 of the server 10 may not store the partial advertisement database 153b. As an example, not limited to this, the server 10 may or may not store the attention area information for identifying the attention area in the whole advertisement image 242a in association with the image ID of the whole advertisement image 242a. Good.

また、図6−4や図6−8に示した部分広告画像242bのサイズと、全体広告画像242aが表示されることにより発生する課金額との関係は、注目領域のサイズと、その注目領域を含む全体広告画像242aの全体が表示されることにより発生する課金額との関係に適用することができる。 Further, the relationship between the size of the partial advertisement image 242b shown in FIGS. 6-4 and 6-8 and the charge amount generated by displaying the entire advertisement image 242a is the size of the area of interest and the area of interest. It can be applied to the relationship with the billing amount generated by displaying the entire advertisement image 242a including the above.

本変形例に係る構成において、図3−2のA25で、端末20が、全体広告画像242aの全体を表示部24に表示したこと(全体広告画像242aの全体が視認可能となったこと)に基づいて、その全体広告画像242aの画像IDを含む広告表示情報をサーバ10に送信してもよい。その広告表示情報を受信したサーバ10が、広告表示情報に含まれる画像IDに関連付けられた広告番号の広告に関する課金額と、その広告番号に関連付けられた広告主IDの広告主に対する課金額を、それぞれ更新してもよい。 In the configuration according to this modification, in A25 of FIG. 3-2, the terminal 20 displays the entire advertisement image 242a on the display unit 24 (the entire advertisement image 242a can be visually recognized). Based on this, advertisement display information including the image ID of the entire advertisement image 242a may be transmitted to the server 10. The server 10 that receives the advertisement display information determines the charge amount for the advertisement of the advertisement number associated with the image ID included in the advertisement display information and the charge amount for the advertiser of the advertiser ID associated with the advertisement display information. Each may be updated.

なお、本変形例において、一のメインコンテンツ情報に複数の広告を関連付ける場合には、限定ではなく例として、メインコンテンツデータベース152において、一のメインコンテンツIDに、異なる2つの広告番号(以下、第1広告番号、第2広告番号とする)を関連付けておく。そして、そのメインコンテンツIDのメインコンテンツデータが端末20に配信された場合に、第1広告番号に関連付けられた第1広告コンテンツデータ(第1全体広告画像のデータと、第1全体広告画像の一部である第1注目領域を識別する注目領域情報を含む)と、第2広告番号に関連付けられた第2広告コンテンツデータ(第2全体広告画像のデータと、第2全体広告画像の一部である第2注目領域を識別する注目領域情報を含む)が、端末20に配信されるようにしてもよい。 In this modification, when a plurality of advertisements are associated with one main content information, it is not limited, but as an example, in the main content database 152, two different advertisement numbers (hereinafter, first advertisement numbers) are associated with one main content ID. , 2nd advertising number). Then, when the main content data of the main content ID is delivered to the terminal 20, the first advertisement content data (data of the first overall advertisement image and a part of the first overall advertisement image) associated with the first advertisement number is used. The attention area information that identifies a certain first attention area) and the second advertisement content data (data of the second whole advertisement image and a part of the second whole advertisement image) associated with the second advertisement number. (2) including information on the area of interest that identifies the area of interest) may be delivered to the terminal 20.

そして、第1レイヤに、第1注目領域と第2注目領域が縦方向に並んで配置され、第2レイヤに、メインコンテンツ情報が配置される。さらに、第1注目領域に対する第2入力(タッチ操作)に基づいて、第1全体広告画像の全体が表示され(視認可能となり)、第2注目領域に対する第2入力(タッチ操作)に基づいて、第2全体広告画像の全体が表示される(視認可能となる)ようにしてもよい。 Then, the first attention area and the second attention area are arranged side by side in the vertical direction on the first layer, and the main content information is arranged on the second layer. Further, the entire first overall advertisement image is displayed (becomes visible) based on the second input (touch operation) for the first attention area, and based on the second input (touch operation) for the second attention area. The entire second overall advertisement image may be displayed (visible).

<第7実施例>
第7実施例は、複数の部分広告画像が第1レイヤに配置される実施例である。
第4実施例〜第6実施例とは、1つの部分広告画像ではなく複数の部分広告画像が第1レイヤに配置される点が異なる。
<7th Example>
The seventh embodiment is an embodiment in which a plurality of partial advertisement images are arranged on the first layer.
The fourth to sixth embodiments are different from the fourth to sixth embodiments in that a plurality of partial advertisement images are arranged in the first layer instead of one partial advertisement image.

第7実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the seventh embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

本実施例では、異なる部分広告画像を隣接して配置する場合に、異なる部分広告画像であることをユーザが認識できるように、隙間を設けて配置することとして図示・説明する。
ただし、本実施例とは異なり、異なる部分広告画像を、隙間を設けずに(くっつけて)配置するようにしてもよいし、そのようにしなくてもよい。
In this embodiment, when different partial advertisement images are arranged adjacent to each other, they are illustrated and described as being arranged with a gap so that the user can recognize that they are different partial advertisement images.
However, unlike the present embodiment, different partial advertisement images may or may not be arranged without providing a gap.

図7−1に示す例では、第1レイヤに広告コンテンツ情報として2つの部分広告画像242bが配置され、第2レイヤにはウェブページ241が配置されている。
具体的には、図7−1に示すように、限定ではなく例として、第1レイヤには、下部にデジタル腕時計の第1部分広告画像242bが配置され、中央部にアナログ腕時計の第2部分広告画像242bが配置されている。また、第2レイヤにはメインコンテンツ情報としてビジネスニュースサイトのウェブページ241が配置されている。
In the example shown in FIG. 7-1, two partial advertisement images 242b are arranged as advertisement content information in the first layer, and a web page 241 is arranged in the second layer.
Specifically, as shown in FIG. 7-1, as an example, not a limitation, the first part advertising image 242b of the digital wristwatch is arranged at the lower part of the first layer, and the second part of the analog wristwatch is arranged at the central part. The advertisement image 242b is arranged. In addition, a web page 241 of a business news site is arranged as main content information in the second layer.

ウェブページ241には、ニュース記事を構成するドキュメント(限定ではなく、第3コンテンツ情報に含まれる文字情報の一例)と画像(限定ではなく、第3コンテンツ情報に含まれる画像情報の一例)とが含まれるが、これらはいずれも第2レイヤに配置されることになる。 On the web page 241, a document (not a limitation, an example of character information included in the third content information) and an image (not a limitation, an example of image information included in the third content information) are included. Although included, they will all be placed on the second layer.

第1部分広告画像242bおよび第2部分広告画像242bは、何れも横長の画像であり、第1レイヤに縦方向に並べて配置されている。第1部分広告画像242bは、限定ではなく例として、第1全体広告画像242aの一部をトリミングした画像であり、端末20のページ表示領域の下端に配置される。 The first partial advertisement image 242b and the second partial advertisement image 242b are both horizontally long images and are arranged vertically side by side on the first layer. The first partial advertisement image 242b is not limited, but as an example, is an image obtained by trimming a part of the first overall advertisement image 242a, and is arranged at the lower end of the page display area of the terminal 20.

第2部分広告画像242bは、限定ではなく例として、第2全体広告画像242aの一部を、第1部分広告画像242bのサイズと略同じサイズでトリミングした画像であり、第1部分広告画像242bの上側に隣接して配置される。すなわち、第1部分広告画像242bおよび第2部分広告画像242bは、画面下部および画面中央部にそれぞれ位置する。 The second partial advertisement image 242b is not limited, but is, as an example, an image obtained by trimming a part of the second overall advertisement image 242a to a size substantially the same as the size of the first partial advertisement image 242b, and is an image obtained by trimming the first partial advertisement image 242b. It is placed adjacent to the upper side of. That is, the first partial advertisement image 242b and the second partial advertisement image 242b are located at the lower part of the screen and the central part of the screen, respectively.

本実施例では、限定ではなく例として、第1部分広告画像242bのページ表示領域に対する相対位置、および第2部分広告画像242bのページ表示領域に対する相対位置は、固定されている。すなわち、第1部分広告画像242bと第2部分広告画像242bとは、ユーザがウェブページ241をスクロールしても位置を変えない。 In this embodiment, as an example but not a limitation, the relative position of the first partial advertisement image 242b with respect to the page display area and the relative position of the second partial advertisement image 242b with respect to the page display area are fixed. That is, the positions of the first partial advertisement image 242b and the second partial advertisement image 242b do not change even if the user scrolls the web page 241.

図7−2に示すように、ユーザが、端末20のウェブブラウザによってビジネスニュースサイトにアクセスすることで、ページ表示領域には、ウェブページ241が表示される。
この例では、ウェブページ241の縦幅は、ページ表示領域の縦幅よりも大きいため、ウェブページ241の全体がページ表示領域に収まりきれない。その結果、ページ表示領域には当初、ウェブページ241の先頭部分[TOP]を含むウェブページ241の一部が表示され、ウェブページ241の最終部分[END]を含む残りの部分は非表示となっている。この状態は、ウェブページ241が初期位置にある状態である。
As shown in FIG. 7-2, when the user accesses the business news site by the web browser of the terminal 20, the web page 241 is displayed in the page display area.
In this example, since the vertical width of the web page 241 is larger than the vertical width of the page display area, the entire web page 241 cannot fit in the page display area. As a result, a part of the web page 241 including the first part [TOP] of the web page 241 is initially displayed in the page display area, and the remaining part including the last part [END] of the web page 241 is hidden. ing. In this state, the web page 241 is in the initial position.

本例では、ウェブページ241が初期位置にある状態では、透過領域241aは、ページ表示領域の下端に配置される。透過領域241aは、横幅が縦幅よりも大きい横長の領域であり、第1部分広告画像242bのサイズと略同じサイズを有する。このため、透過領域241aを介して、画面下部の第1部分広告画像242bの全部が視認される状態となる。 In this example, when the web page 241 is in the initial position, the transparent area 241a is arranged at the lower end of the page display area. The transparent region 241a is a horizontally long region having a horizontal width larger than the vertical width, and has substantially the same size as the size of the first partial advertisement image 242b. Therefore, the entire first partial advertisement image 242b at the lower part of the screen is visually recognized through the transparent region 241a.

ウェブページ241が初期位置にある場合に、ユーザがページ表示領域(ただし、透過領域241aとは異なる領域)をタッチして、画面上方向に指を動かすスクロール動作を行うことで、ウェブページ241が画面上方向にスクロールする。これに伴い、透過領域241aが上側へ移動し、第1部分広告画像242bの上側の一部と、第2部分広告画像242bの下側の一部とが、透過領域241aを介して視認される状態となる。 When the web page 241 is in the initial position, the user touches the page display area (however, the area different from the transparent area 241a) and scrolls the web page 241 by moving the finger upward on the screen. Scroll up the screen. Along with this, the transparent region 241a moves upward, and a part of the upper side of the first partial advertisement image 242b and a part of the lower side of the second partial advertisement image 242b are visually recognized via the transparent region 241a. It becomes a state.

その後、ユーザがスクロール動作を継続して、ウェブページ241の最終部分[END]をページ表示領域まで移動させると、ウェブページ241が画面上方向にスクロールすることに伴い、透過領域241aも画面上方向にスクロールし、透過領域241aと第2部分広告画像242bとが重畳する。この状態を、ウェブページ241が末端位置にある状態とする。 After that, when the user continues the scrolling operation and moves the final portion [END] of the web page 241 to the page display area, the transparent area 241a also scrolls upward on the screen as the web page 241 scrolls upward on the screen. The transparent region 241a and the second partial advertisement image 242b are superimposed on each other. This state is defined as the state in which the web page 241 is at the terminal position.

<処理>
図7−3は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理、端末20の表示処理部211が実行する表示処理、をそれぞれ示している。
なお、先に説明したフローチャートと同一のステップには同一の符号を付して再度の説明を省略し、異なるステップに着目して説明する。
<Processing>
FIG. 7-3 is a flowchart showing an example of the flow of processing executed by each device in this embodiment.
In this figure, the distribution process executed by the distribution processing unit 111 of the server 10 and the display processing executed by the display processing unit 211 of the terminal 20 are shown.
It should be noted that the same steps as those in the flowchart described above are designated by the same reference numerals, the description thereof will be omitted again, and the explanation will be focused on different steps.

以下説明するフローチャートは、あくまでも本実施例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowchart described below merely illustrates the processing in this embodiment, and in the flowchart described below, some steps may not be executed or additional steps may be inserted.

図7−3は、図4−5のフローチャートに、配信対象となるメインコンテンツデータ(限定ではなく例としてニュースサイトのウェブページ241に関するデータを含む)が送信される処理(B3)の後に、部分広告画像242bを決定するための部分広告決定処理のステップ(限定ではなく例として、B4のステップ)を追加するとともに、注目領域と透過領域241aとが重畳した場合に、部分広告画像242bに対する透過領域241aの相対的な位置を固定する処理のステップ(限定ではなく例として、A7b〜A12aのステップ)を削除したフローチャートである。 FIG. 7-3 shows a partial advertisement after the process (B3) in which the main content data to be distributed (including data related to the web page 241 of the news site as an example, not limited) is transmitted to the flowchart of FIG. 4-5. A step of the partial advertisement determination process for determining the image 242b (not limited to the step of B4 as an example) is added, and when the region of interest and the transparent region 241a overlap, the transparent region 241a with respect to the partial advertisement image 242b is added. It is a flowchart which deleted the process step (step of A7b to A12a as an example, not limitation) of the process which fixes a relative position of.

B3の後、サーバ10は、部分広告決定処理として、配信対象となるメインコンテンツデータの内容を解析し、その内容に関連する内容を有する部分広告データを部分広告データベース153bから3つ以上抽出する。そして、抽出した3つ以上の部分広告データの中から、端末20へ配信すべき2つの部分広告データをランダムに選び出す処理を行う(B4)。 After B3, the server 10 analyzes the content of the main content data to be distributed as the partial advertisement determination process, and extracts three or more partial advertisement data having the content related to the content from the partial advertisement database 153b. Then, a process of randomly selecting two partial advertisement data to be delivered to the terminal 20 from the extracted three or more partial advertisement data (B4) is performed.

その後、サーバ10は、選び出した部分広告データを、部分広告データベース153bから識別し(B5)、識別した部分広告データ(限定ではなく例として部分広告画像242bに関するデータを含む)を、通信I/F14によって端末20に送信して(B7)、配信処理を終了する。 After that, the server 10 identifies the selected partial advertisement data from the partial advertisement database 153b (B5), and uses the identified partial advertisement data (including data related to the partial advertisement image 242b as an example, not a limitation) in the communication I / F14. Is transmitted to the terminal 20 (B7), and the distribution process is completed.

なお、3つ以上の部分広告データの中から、端末20へ配信すべき2つの部分広告データを選び出す方法は、このような方法に限られない。限定ではなく例として、時間帯またはユーザの嗜好などに基づいて、端末20へ配信すべき2つの部分広告データを選び出してもよい。 The method of selecting two partial advertisement data to be delivered to the terminal 20 from the three or more partial advertisement data is not limited to such a method. As an example, not limited to, two partial advertisement data to be delivered to the terminal 20 may be selected based on a time zone or a user's preference.

<第7実施例の効果>
第7実施例は、第1全体広告画像242a(限定ではなく、第1コンテンツ情報の一例)の一部である第1部分広告画像242b(限定ではなく、第1情報の一例)と、第2全体広告画像242a(限定ではなく、第2コンテンツ情報の一例)の一部である第2部分広告画像242b(限定ではなく、第2情報の一例)とを少なくともページ表示領域(限定ではなく、端末の表示領域の一例)に表示し、第1部分広告画像242bと第2部分広告画像242bとの少なくとも一部に重畳し、少なくとも一部に透過領域241aを有するメインコンテンツ情報(ウェブページ241)(限定ではなく、第3コンテンツ情報の一例)をページ表示領域に表示する。そして、ユーザによるページ表示領域に対するスクロール操作(限定ではなく、第1入力の一例)に基づいて、ページ表示領域上を移動させる制御を、ウェブページ241の少なくとも透過領域241aに実行する構成を示している。
このような構成により得られる効果の一例として、第1情報と第2情報とが表示領域において固定される一方、第1入力に基づいて、透過領域が表示領域上を移動することになる。このため、透過領域を介して第1情報と第2情報とをユーザに視認させることができる。
<Effect of the 7th Example>
The seventh embodiment includes a first partial advertisement image 242b (an example of the first information, not a limitation), which is a part of the first overall advertisement image 242a (an example of the first content information, not a limitation), and a second. The second partial advertisement image 242b (an example of the second information, not the limitation), which is a part of the entire advertisement image 242a (an example of the second content information, not the limitation), is at least the page display area (not the limitation, the terminal, not the limitation). Main content information (web page 241) (limited) that is displayed in (an example of a display area) of the above and is superimposed on at least a part of the first partial advertisement image 242b and the second partial advertisement image 242b and has a transparent region 241a at least in a part. Instead, an example of the third content information) is displayed in the page display area. Then, a configuration is shown in which control for moving on the page display area is executed in at least the transparent area 241a of the web page 241 based on a scroll operation on the page display area by the user (not limited to an example of the first input). There is.
As an example of the effect obtained by such a configuration, the first information and the second information are fixed in the display area, while the transparent area moves on the display area based on the first input. Therefore, the user can visually recognize the first information and the second information through the transparent region.

また、第7実施例は、第1入力は、ユーザのスクロール操作であり、透過領域241aは、スクロール操作に基づく方向に移動される構成を示している。
このような構成により得られる効果の一例として、ユーザの意図する方向に透過領域が移動することにより、ユーザが第1情報と第2情報との少なくとも一方に注目する可能性を高めることができる。
Further, in the seventh embodiment, the first input is a scroll operation of the user, and the transparent area 241a is moved in a direction based on the scroll operation.
As an example of the effect obtained by such a configuration, by moving the transparent region in the direction intended by the user, it is possible to increase the possibility that the user pays attention to at least one of the first information and the second information.

また、第7実施例は、第1コンテンツ情報は広告情報(限定ではなく例として、第1全体広告画像242a)であり、第1情報(限定ではなく例として、第1部分広告画像242b)はその一部である構成を示している。
このような構成により得られる効果の一例として、表示領域上を移動する透過領域を介してユーザに広告情報の内容を認識させることができるため、広告効果を向上させることができる。
Further, in the seventh embodiment, the first content information is advertising information (not limited but as an example, the first overall advertising image 242a), and the first information (not limited but as an example, the first partial advertising image 242b) is. The configuration that is a part of it is shown.
As an example of the effect obtained by such a configuration, the content of the advertising information can be recognized by the user through the transparent area moving on the display area, so that the advertising effect can be improved.

また、第7実施例は、端末20が、通信I/F22によって第3コンテンツデータ(限定ではなく例として、メインコンテンツデータ)を受信することを含み、第3コンテンツ情報(限定ではなく例として、ビジネスニュースのウェブページ等)は、第3コンテンツデータに基づく構成を示している。
このような構成により得られる効果の一例として、第3コンテンツ情報を、端末の外部から受信したデータに基づいて表示させることが可能となる。
Further, the seventh embodiment includes the terminal 20 receiving the third content data (main content data as an example, not limited) by the communication I / F22, and the third content information (business as an example, not limited). The news web page, etc.) shows the structure based on the third content data.
As an example of the effect obtained by such a configuration, the third content information can be displayed based on the data received from the outside of the terminal.

また、第7実施例は、第3コンテンツ情報(限定ではなく例として、ビジネスニュースのウェブページ)が、文字情報または画像情報を含み、透過領域241aは、文字情報または画像情報を含まない構成を示している。
このような構成により得られる効果の一例として、第3コンテンツ情報と、透過領域を介して視認可能となる第1情報および第2情報とが区別しやすくなる。
Further, in the seventh embodiment, the third content information (not limited, but as an example, a web page of business news) includes character information or image information, and the transparent area 241a does not include character information or image information. Shown.
As an example of the effect obtained by such a configuration, it becomes easy to distinguish the third content information from the first information and the second information that can be visually recognized through the transparent region.

<他の効果>
第7実施例は、ユーザの入力に基づいて、第2レイヤに配置されたメインコンテンツ情報が有する透過領域は移動するが、第1レイヤに配置された複数の部分広告画像は、メインコンテンツ情報の透過領域とともに移動しない構成を有する。
<Other effects>
In the seventh embodiment, the transparent area of the main content information arranged in the second layer moves based on the input of the user, but the plurality of partial advertisement images arranged in the first layer have the transparent area of the main content information. It has a configuration that does not move with.

より具体的には、第7実施例は、ユーザの第1入力の方向に基づいて、制御部21によるページ表示領域上を移動させる制御を、透過領域241aに実行する構成を示している。
このような構成により得られる効果の一例として、ユーザが第1入力の方向を変更することで、透過領域の移動方向を変更することが可能となり、ユーザが第1情報と第2情報との少なくとも一方に注目する可能性を高めることができる。
More specifically, the seventh embodiment shows a configuration in which the control unit 21 executes control for moving on the page display area in the transparent area 241a based on the direction of the first input of the user.
As an example of the effect obtained by such a configuration, the user can change the moving direction of the transparent region by changing the direction of the first input, and the user can change at least the first information and the second information. You can increase the possibility of paying attention to one side.

また、図7−2に示す表示例では、ウェブページ241の最終部分[END]をページ表示領域まで移動させた状態において、ユーザは、透過領域241aを介して第2部分広告画像242bの全部を視認可能となる。
すなわち、ウェブページ241が初期位置にある場合に、第1部分広告画像242bの全部が透過領域241aを介して視認可能となり、ウェブページ241が末端位置にある場合に、第2部分広告画像242bの全部が透過領域241aを介して視認可能となる。
Further, in the display example shown in FIG. 7-2, in a state where the final portion [END] of the web page 241 is moved to the page display area, the user can view the entire second partial advertisement image 242b via the transparent region 241a. It becomes visible.
That is, when the web page 241 is in the initial position, the entire first partial advertisement image 242b becomes visible through the transparent region 241a, and when the web page 241 is in the terminal position, the second partial advertisement image 242b The whole becomes visible through the transmission region 241a.

ユーザがウェブページ241の内容を読み終えたときには、ウェブページ241が末端位置にあり、第2部分広告画像242bの全部が透過領域241aを介して視認可能となっている。また、ユーザがウェブページ241の内容を読み終えた後は、ウェブページ241がスクロールされない状態が継続することが多い。
つまり、ユーザがウェブページ241の内容を読み終えた後は、透過領域241aを介して第2部分広告画像242bが視認され得る状態が長く継続することが多いが、第2部分広告画像242bは、ユーザがウェブページ241をスクロールしなければ視認可能とならない。
When the user finishes reading the content of the web page 241, the web page 241 is at the terminal position, and the entire second partial advertisement image 242b is visible through the transparent region 241a. Further, after the user finishes reading the contents of the web page 241, the state in which the web page 241 is not scrolled often continues.
That is, after the user finishes reading the content of the web page 241, the state in which the second partial advertisement image 242b can be visually recognized through the transparent region 241a often continues for a long time, but the second partial advertisement image 242b is It cannot be seen unless the user scrolls the web page 241.

一方、ユーザがウェブページ241の内容を読む前は、ウェブページ241が初期位置にあり、第1部分広告画像242bの全部が透過領域241aを介して視認可能となっている。以上のことから、第1部分広告画像242bが視認される可能性は、第2部分広告画像242bが視認される可能性より高い。
従って、限定ではなく例として、第1部分広告画像242bは、第2部分広告画像242bと比べて、広告としての価値が高いとも言える。
On the other hand, before the user reads the content of the web page 241, the web page 241 is in the initial position, and the entire first partial advertisement image 242b is visible through the transparent region 241a. From the above, the possibility that the first partial advertisement image 242b is visually recognized is higher than the possibility that the second partial advertisement image 242b is visually recognized.
Therefore, as an example, not a limitation, it can be said that the first partial advertisement image 242b has a higher value as an advertisement than the second partial advertisement image 242b.

<第7変形例(1)>
第7実施例では、第1レイヤに配置された第1部分広告画像242bおよび第2部分広告画像242bの全領域に対して、一部に透過領域241aを有するメインコンテンツ情報(ウェブページ241)が重畳している例を示したが、このような構成に限定されず、第1レイヤに配置された第1部分広告画像242bおよび第2部分広告画像242bの一部領域に対して、一部に透過領域241aを有するメインコンテンツ情報(ウェブページ241)が重畳するようにしてもよい。
<7th modification (1)>
In the seventh embodiment, the main content information (web page 241) having a transparent region 241a is superimposed on the entire region of the first partial advertisement image 242b and the second partial advertisement image 242b arranged in the first layer. However, the configuration is not limited to this, and is partially transparent to a part of the first partial advertisement image 242b and the second partial advertisement image 242b arranged in the first layer. The main content information (web page 241) having the area 241a may be superimposed.

また、第7実施例では、スクロール操作により、矩形の透過領域241aの全領域が移動する例を示したが、このような構成に限定されず、スクロール操作により、矩形の透過領域241aの一部が移動するようにしてもよい。 Further, in the seventh embodiment, an example in which the entire area of the rectangular transparent area 241a is moved by the scroll operation is shown, but the present invention is not limited to such a configuration, and a part of the rectangular transparent area 241a is moved by the scroll operation. May be moved.

また、第7実施例では、スクロール操作により、ウェブページ241における透過領域241aと他の領域(ニュース記事の文字領域等)とが一体となって移動する例を示したが、このような構成に限定されず、透過領域241aが他の領域から独立して移動可能であってもよい。 Further, in the seventh embodiment, an example is shown in which the transparent area 241a in the web page 241 and another area (character area of a news article, etc.) are integrally moved by a scroll operation. The transmission region 241a may be movable independently of other regions without limitation.

<第7変形例(2)>
第7実施例では、第1コンテンツ情報および第2コンテンツ情報を広告情報としたが、第1コンテンツ情報および第2コンテンツ情報の少なくとも一方は広告情報に限らず、他のコンテンツ情報であってもよい。限定ではなく例として、第1コンテンツ情報および第2コンテンツ情報の少なくとも一方は、第3コンテンツ情報に関連するコンテンツ情報であってもよく、限定ではなく例として第3コンテンツ情報がニュース記事のドキュメントである場合に、第1コンテンツ情報および第2コンテンツ情報の少なくとも一方は、そのニュース記事に関連するニュース画像であり、第1情報および第2情報の少なくとも一方はそのニュース画像の一部であってもよい。
このような構成により得られる効果の一例として、第3コンテンツ情報に関連する情報の表示形態を多様化することができる。
<7th variant (2)>
In the seventh embodiment, the first content information and the second content information are used as advertisement information, but at least one of the first content information and the second content information is not limited to the advertisement information and may be other content information. .. As an example, not a limitation, at least one of the first content information and the second content information may be the content information related to the third content information, and the third content information is not a limitation but an example in the document of the news article. In some cases, at least one of the first and second content information is a news image associated with the news article, even if at least one of the first and second information is part of the news image. Good.
As an example of the effect obtained by such a configuration, it is possible to diversify the display form of the information related to the third content information.

<第7変形例(3)>
第7実施例では、透過領域241aのサイズが部分広告画像242bのサイズと略同じ例を示した。このような構成に限定されず、透過領域241aのサイズは、部分広告画像242bのサイズより小さいか、または、それよりも大きくてもよい。
<7th modification (3)>
In the seventh embodiment, an example is shown in which the size of the transparent region 241a is substantially the same as the size of the partial advertisement image 242b. Not limited to such a configuration, the size of the transparent region 241a may be smaller than or larger than the size of the partial advertisement image 242b.

<第7変形例(4)>
第7実施例では、第1部分広告画像242bおよび第2部分広告画像242bが横長の画像である例を示したが、第1部分広告画像242bおよび第2部分広告画像242bの少なくとも一方は縦長の画像であってもよい。
<7th modification (4)>
In the seventh embodiment, an example in which the first partial advertisement image 242b and the second partial advertisement image 242b are horizontally long images is shown, but at least one of the first partial advertisement image 242b and the second partial advertisement image 242b is vertically long. It may be an image.

また、第7実施例では、ウェブページ241が初期位置にある状態で、そのウェブページ241が有する透過領域241aがページ表示領域にあり、ユーザがこれを確認可能である例を示した(図7−1、図7−2を参照)。このような構成に限らず、ウェブページ241が初期位置にある状態では、そのウェブページ241が有する透過領域241aがページ表示領域にないようにしてもよい。 Further, in the seventh embodiment, an example is shown in which the transparent area 241a of the web page 241 is in the page display area while the web page 241 is in the initial position, and the user can confirm this (FIG. 7). -1, see Figure 7-2). Not limited to such a configuration, when the web page 241 is in the initial position, the transparent region 241a of the web page 241 may not be in the page display region.

<第7変形例(5)>
第7実施例では、第1部分広告画像242bおよび第2部分広告画像242bの2つの部分広告画像242bがページ表示領域に配置される例を示したが、ページ表示領域には、3つ以上の部分広告画像242bが配置されてもよい。
<7th modification (5)>
In the seventh embodiment, an example in which two partial advertisement images 242b of the first partial advertisement image 242b and the second partial advertisement image 242b are arranged in the page display area is shown, but three or more partial advertisement images 242b are arranged in the page display area. The partial advertisement image 242b may be arranged.

図7−4〜図7−6に示す例では、第1レイヤに広告コンテンツ情報として3つの部分広告画像242bが配置され、第2レイヤにはメインコンテンツ情報としてビジネスニュースサイトのウェブページ241が配置されている。
具体的には、図7−4に示すように、限定ではなく例として、第1レイヤには、下部にデジタル腕時計の第1部分広告画像242bが配置され、中央部にアナログ腕時計の第2部分広告画像242bが配置されている。また、これらに加えて、第1レイヤには、上部にペアウォッチの広告画像である第3部分広告画像242bが配置されている。また、第2レイヤにはウェブページ241が配置されている。
In the examples shown in FIGS. 7-4 to 7-6, three partial advertisement images 242b are arranged as advertisement content information in the first layer, and a business news site web page 241 is arranged as main content information in the second layer. ing.
Specifically, as shown in FIG. 7-4, as an example, not a limitation, the first part advertising image 242b of the digital wristwatch is arranged at the lower part of the first layer, and the second part of the analog wristwatch is arranged at the central part. The advertisement image 242b is arranged. Further, in addition to these, a third partial advertisement image 242b, which is an advertisement image of the pair watch, is arranged on the upper portion of the first layer. A web page 241 is arranged on the second layer.

第3部分広告画像242bは、第3全体広告画像242aの一部を、第1部分広告画像242bのサイズと略同じサイズでトリミングした横長の画像であり、第2部分広告画像242bの上側に隣接して配置される。すなわち、第1部分広告画像242b、第2部分広告画像242bおよび第3部分広告画像242bは、画面下部、画面中央部および画面上部にそれぞれ位置する。
第3部分広告画像242bのページ表示領域に対する相対位置は、固定されている。すなわち、第1部分広告画像242b、第2部分広告画像242bおよび第3部分広告画像242bは、ユーザがウェブページ241をスクロールしても位置を変えない。
The third partial advertisement image 242b is a horizontally long image obtained by trimming a part of the third overall advertisement image 242a to a size substantially the same as the size of the first partial advertisement image 242b, and is adjacent to the upper side of the second partial advertisement image 242b. And are placed. That is, the first partial advertisement image 242b, the second partial advertisement image 242b, and the third partial advertisement image 242b are located at the lower part of the screen, the central part of the screen, and the upper part of the screen, respectively.
The relative position of the third partial advertisement image 242b with respect to the page display area is fixed. That is, the first partial advertisement image 242b, the second partial advertisement image 242b, and the third partial advertisement image 242b do not change their positions even if the user scrolls the web page 241.

図7−5に示すように、この例では、ウェブページ241の縦幅は、ページ表示領域の縦幅よりも大きいため、ウェブページ241の全体がページ表示領域に収まりきれない。その結果、ウェブページ241が初期位置にある状態では、ページ表示領域には、ウェブページ241の先頭部分[TOP]を含むウェブページ241の一部が表示され、ウェブページ241の最終部分[END]を含む残りの部分は非表示となっている。また、ウェブページ241の長さが長いため、透過領域241aの移動距離も大きい。 As shown in FIG. 7-5, in this example, the vertical width of the web page 241 is larger than the vertical width of the page display area, so that the entire web page 241 cannot fit in the page display area. As a result, when the web page 241 is in the initial position, a part of the web page 241 including the first part [TOP] of the web page 241 is displayed in the page display area, and the final part [END] of the web page 241 is displayed. The rest, including, is hidden. Further, since the length of the web page 241 is long, the moving distance of the transmission region 241a is also large.

透過領域241aは、第1部分広告画像242bのサイズと略同じサイズを有し、ページ表示領域の下端に配置される。このため、透過領域241aを介して、画面下部の第1部分広告画像242bの全部が視認される状態となる。 The transparent region 241a has substantially the same size as the size of the first partial advertisement image 242b, and is arranged at the lower end of the page display region. Therefore, the entire first partial advertisement image 242b at the lower part of the screen is visually recognized through the transparent region 241a.

ウェブページ241が初期位置にある場合に、ユーザがページ表示領域(ただし、透過領域241aとは異なる領域)をタッチして、画面上方向に指を動かすスクロール動作を行うことで、ウェブページ241が画面上方向にスクロールする。これに伴い、透過領域241aが、上側へ移動し、第1部分広告画像242bの上側の一部と、第2部分広告画像242bの下側の一部とが、透過領域241aを介して視認される状態となる。透過領域241aが、さらに上側へ移動すると、透過領域241aと第2部分広告画像242bとが重畳し、ユーザが、透過領域241aを介して第2部分広告画像242bの全部を視認可能な状態となる。 When the web page 241 is in the initial position, the user touches the page display area (however, the area different from the transparent area 241a) and scrolls the web page 241 by moving the finger upward on the screen. Scroll up the screen. Along with this, the transparent region 241a moves upward, and a part of the upper side of the first partial advertisement image 242b and a part of the lower side of the second partial advertisement image 242b are visually recognized via the transparent region 241a. It will be in a state of When the transparent region 241a is further moved upward, the transparent region 241a and the second partial advertisement image 242b are superimposed, and the user can see the entire second partial advertisement image 242b through the transparent region 241a. ..

図7−6に示すように、ユーザがスクロール動作をさらに継続して、ウェブページ241を画面上方向にスクロールさせると、透過領域241aが、さらに上側へ移動し、第2部分広告画像242bの上側の一部と、第3部分広告画像242bの下側の一部とが、透過領域241aを介して視認される状態となる。そして、ユーザがスクロール動作を継続し、ウェブページ241の最終部分[END]をページ表示領域まで移動させると、ウェブページ241が画面上方向にスクロールすることに伴い、透過領域241aも画面上方向にスクロールし、透過領域241aと第3部分広告画像242bとが重畳する。
従って、ウェブページ241の最終部分[END]をページ表示領域まで移動させた状態において、透過領域241aを介して第3部分広告画像242bの全部を視認可能となる。
As shown in FIG. 7-6, when the user further continues the scrolling operation and scrolls the web page 241 upward on the screen, the transparent area 241a further moves upward, and the upper side of the second partial advertisement image 242b. And a part of the lower part of the third partial advertisement image 242b are visually recognized via the transparent region 241a. Then, when the user continues the scrolling operation and moves the final portion [END] of the web page 241 to the page display area, the transparent area 241a also moves upward on the screen as the web page 241 scrolls upward on the screen. Scrolling, the transparent region 241a and the third partial advertisement image 242b are superimposed.
Therefore, in a state where the final portion [END] of the web page 241 is moved to the page display area, the entire third partial advertisement image 242b can be visually recognized via the transparent region 241a.

ユーザがウェブページ241の内容を読む前は、ウェブページ241が初期位置(TOP)にあり、第1レイヤの下部の第1部分広告画像242bの全部が、ウェブページの透過領域241aを介して視認可能となっている。
一方、ユーザがウェブページ241の内容を読み終えた後は、ウェブページ241が最終位置(END)にあり、第1レイヤの上部の第3部分広告画像242bの全部が、ウェブページの透過領域241aを介して視認可能となっている。
Before the user reads the content of the web page 241 the web page 241 is in the initial position (TOP) and the entire first partial advertising image 242b at the bottom of the first layer is visible through the transparent area 241a of the web page. It is possible.
On the other hand, after the user finishes reading the content of the web page 241, the web page 241 is in the final position (END), and the entire third partial advertising image 242b at the top of the first layer is the transparent area 241a of the web page. It is visible through.

ユーザがウェブページ241の内容を読み終えた後は、その位置からウェブページを移動させないことが多いため、透過領域241aを介して第3部分広告画像242bが視認され得る状態が長く継続することが多い。しかし、その一方で、第3部分広告画像242bは、ユーザがウェブページ241をスクロールしなければ視認可能とならない。 After the user finishes reading the content of the web page 241, the web page is often not moved from that position, so that the state in which the third partial advertisement image 242b can be visually recognized through the transparent region 241a may continue for a long time. There are many. However, on the other hand, the third partial advertisement image 242b is not visible unless the user scrolls the web page 241.

一方、第2部分広告画像242bは、ユーザがウェブページ241の内容を読んでいる最中に透過領域241aを介して視認可能となる。つまり、透過領域241aを介して第2部分広告画像242bが視認され得る状態が継続する時間は短いことが多い。 On the other hand, the second partial advertisement image 242b becomes visible through the transparent region 241a while the user is reading the content of the web page 241. That is, the time during which the second partial advertisement image 242b can be visually recognized through the transparent region 241a is often short.

以上のことから、限定ではなく例として、第1部分広告画像242bの広告としての価値が最も高く、第3部分広告画像242bの広告としての価値がその次に高く、第2部分広告画像242bの広告としての価値が最も低いと言うこともできる。 From the above, as an example, not a limitation, the value of the first partial advertisement image 242b as an advertisement is the highest, the value of the third partial advertisement image 242b as an advertisement is the next highest, and the value of the second partial advertisement image 242b is the second highest. It can be said that it has the lowest value as an advertisement.

<第7変形例(5)の効果>
本変形例では、第1全体広告画像242a(限定ではなく、第1コンテンツ情報の一例)とは異なる第3全体広告画像242a(限定ではなく、第4コンテンツ情報の一例)の一部である第3部分広告画像242b(限定ではなく、第3情報の一例)をページ表示領域(限定ではなく、端末の表示領域の一例)に表示する。
透過領域241aは、第3部分広告画像242b(限定ではなく、第3情報の一例)の辺の長さ、または第3部分広告画像242bの大きさに基づいて、設定される構成を示している。
このような構成により得られる効果の一例として、第1情報および第2情報に加えて、第3情報を視認可能とする透過領域を設定することができる。
<Effect of 7th modification (5)>
In this modification, the first general advertisement image 242a (not limited, but an example of the first content information) is a part of the third general advertisement image 242a (not limited, but an example of the fourth content information). The three-part advertisement image 242b (not limited, but an example of the third information) is displayed in the page display area (not limited, but an example of the display area of the terminal).
The transparent region 241a shows a configuration that is set based on the length of the side of the third partial advertisement image 242b (not limited, but an example of the third information) or the size of the third partial advertisement image 242b. ..
As an example of the effect obtained by such a configuration, in addition to the first information and the second information, a transparent region that makes the third information visible can be set.

<第7変形例(6)>
第7実施例では、異なる種類の時計についての2つの部分広告画像242bがページ表示領域に配置される例を示し、第7変形例(5)では、異なる種類の時計についての3つの部分広告画像242bがページ表示領域に配置される例を示した。このような構成に限定されず、ページ表示領域には、品質等の異なる商品についての2つ以上の部分広告画像242bが配置されてもよい。
<7th modification (6)>
The seventh embodiment shows an example in which two partial advertisement images 242b for different types of clocks are arranged in the page display area, and the seventh modification (5) shows three partial advertisement images for different types of clocks. An example is shown in which 242b is arranged in the page display area. The page display area is not limited to such a configuration, and two or more partial advertisement images 242b for products having different qualities and the like may be arranged.

図7−7〜図7−9に示す例では、第1レイヤに広告コンテンツ情報として3つの部分広告画像242bが配置され、第2レイヤにはメインコンテンツ情報としてビジネスニュースサイトのウェブページ241が配置されている。
具体的には、図7−7に示すように、限定ではなく例として、第1レイヤには、中央部に今月のおすすめビジネス書ランキング3位と2位と1位とにそれぞれ対応する第1部分広告画像242bと第2部分広告画像242bと第3部分広告画像242bとが下から順に配置されている。また、第2レイヤにはウェブページ241が配置されている。
In the examples shown in FIGS. 7-7 to 7-9, three partial advertisement images 242b are arranged as advertisement content information in the first layer, and a business news site web page 241 is arranged as main content information in the second layer. ing.
Specifically, as shown in Fig. 7-7, as an example rather than a limitation, the first layer has the first layer corresponding to the third, second, and first places of this month's recommended business book ranking in the central part, respectively. The partial advertisement image 242b, the second partial advertisement image 242b, and the third partial advertisement image 242b are arranged in order from the bottom. A web page 241 is arranged on the second layer.

第1部分広告画像242b、第2部分広告画像242bおよび第3部分広告画像242bは、何れも横長の画像であり、略同じサイズを有する。第2部分広告画像242bは、第1部分広告画像242bの上側に隣接して配置され、第3部分広告画像242bは、第2部分広告画像242bの上側に隣接して配置される。すなわち、第1レイヤには、下側から上側に向かって、ランキングが3位、2位および1位のビジネス書の部分広告画像242bが配置される。
第1部分広告画像242b、第2部分広告画像242bおよび第3部分広告画像242bのページ表示領域に対する相対位置は、固定されている。
The first partial advertisement image 242b, the second partial advertisement image 242b, and the third partial advertisement image 242b are all horizontally long images and have substantially the same size. The second partial advertisement image 242b is arranged adjacent to the upper side of the first partial advertisement image 242b, and the third partial advertisement image 242b is arranged adjacent to the upper side of the second partial advertisement image 242b. That is, in the first layer, the partial advertisement image 242b of the business book having the third, second, and first rankings is arranged from the lower side to the upper side.
The relative positions of the first partial advertisement image 242b, the second partial advertisement image 242b, and the third partial advertisement image 242b with respect to the page display area are fixed.

図7−8に示すように、ウェブページ241の縦幅は、ページ表示領域の縦幅よりも大きいため、ウェブページ241の全体がページ表示領域に収まりきれない。その結果、ウェブページ241が初期位置にある状態では、ページ表示領域には、ウェブページ241の先頭部分[TOP]を含むウェブページ241の一部が表示され、ウェブページ241の最終部分[END]を含む残りの部分は非表示となっている。 As shown in FIG. 7-8, since the vertical width of the web page 241 is larger than the vertical width of the page display area, the entire web page 241 cannot fit in the page display area. As a result, when the web page 241 is in the initial position, a part of the web page 241 including the first part [TOP] of the web page 241 is displayed in the page display area, and the final part [END] of the web page 241 is displayed. The rest, including, is hidden.

透過領域241aは、横幅が縦幅よりも大きい横長の領域であり、第1部分広告画像242bの横幅と略同じ横幅を有するが、限定ではなく例として、第2部分広告画像242bの縦幅の略1.7倍の縦幅を有する。また、透過領域241aの下端には、「今月のおすすめビジネス書ランキング」の文字列が付された不透明のラベル241bが配置される。 The transparent region 241a is a horizontally long region having a width larger than the height, and has substantially the same width as the width of the first partial advertisement image 242b. It has a vertical width of about 1.7 times. Further, at the lower end of the transparent area 241a, an opaque label 241b with the character string "Ranking of recommended business books of this month" is arranged.

透過領域241aは、ウェブページ241が初期位置にある場合に、第1部分広告画像242bと重畳するように配置される。このため、第1部分広告画像242bと第2部分広告画像242bの下側の一部とが、透過領域241aを介して視認される状態となる。 The transparent region 241a is arranged so as to overlap with the first partial advertisement image 242b when the web page 241 is in the initial position. Therefore, the first partial advertisement image 242b and the lower part of the second partial advertisement image 242b are visually recognized via the transparent region 241a.

ウェブページ241が初期位置にある場合に、ユーザがページ表示領域(ただし、透過領域241aとは異なる領域)をタッチして、画面上方向に指を動かすスクロール動作を行うことで、ウェブページ241が画面上方向にスクロールする。これに伴い、透過領域241aが上側へ移動し、第1部分広告画像242bの上側の一部と、第2部分広告画像242bとが、透過領域241aを介して視認される状態となる。 When the web page 241 is in the initial position, the user touches the page display area (however, the area different from the transparent area 241a) and scrolls the web page 241 by moving the finger upward on the screen. Scroll up the screen. Along with this, the transparent region 241a moves upward, and a part of the upper side of the first partial advertisement image 242b and the second partial advertisement image 242b are visually recognized via the transparent region 241a.

その後、ユーザがスクロール動作を継続して、ウェブページ241の最終部分[END]をページ表示領域まで移動させると、ウェブページ241が画面上方向にスクロールすることに伴い、透過領域241aも画面上方向にスクロールし、透過領域241aと第2部分広告画像242bの上側の一部および第3部分広告画像242bとが重畳する。すなわち、ウェブページ241が末端位置にある状態では、ユーザが、透過領域241aを介して第2部分広告画像242bの上側の一部と第3部分広告画像242bとを視認可能となる。 After that, when the user continues the scrolling operation and moves the final portion [END] of the web page 241 to the page display area, the transparent area 241a also scrolls upward on the screen as the web page 241 scrolls upward on the screen. The transparent region 241a, the upper part of the second partial advertisement image 242b, and the third partial advertisement image 242b are overlapped with each other. That is, in the state where the web page 241 is at the terminal position, the user can visually recognize the upper part of the second partial advertisement image 242b and the third partial advertisement image 242b through the transparent region 241a.

なお、ここではビジネス書のランキングが下側から上側に向かって上昇するように3つの部分広告画像242bを並べる例を示したが、このような構成に限らず、よりランキングの高いビジネス書の部分広告画像242bが、より広告価値の高い位置に配置されるように3つの部分広告画像242bを並べてもよい。 In addition, although an example in which three partial advertisement images 242b are arranged so that the ranking of the business book rises from the lower side to the upper side is shown here, the part of the business book having a higher ranking is not limited to such a configuration. The three partial advertising images 242b may be arranged so that the advertising image 242b is arranged at a position having a higher advertising value.

限定ではなく例として図7−9に示す例では、ランキングが1位のビジネス書に対応する第3部分広告画像242bが最も広告価値の高い下側に配置される。また、ランキングが2位のビジネス書に対応する第2部分広告画像242bが2番目に広告価値が高い上側に配置される。そして、ランキングが3位のビジネス書に対応する第1部分広告画像242bが最も広告価値が低い中央に配置される。すなわち、第1レイヤには、下側から上側に向かって、ランキング1位、3位および2位のビジネス書にそれぞれ対応する第3部分広告画像242b、第2部分広告画像242bおよび第1部分広告画像242bが配置される。 In the example shown in FIG. 7-9 as an example, not a limitation, the third partial advertisement image 242b corresponding to the business book having the highest ranking is arranged on the lower side having the highest advertising value. In addition, the second partial advertisement image 242b corresponding to the business book having the second highest ranking is arranged on the upper side having the second highest advertising value. Then, the first partial advertisement image 242b corresponding to the business book having the third highest ranking is arranged in the center having the lowest advertising value. That is, in the first layer, from the lower side to the upper side, the third partial advertisement image 242b, the second partial advertisement image 242b, and the first partial advertisement corresponding to the business books ranked first, third, and second, respectively. Image 242b is arranged.

<第7変形例(3)の効果>
本変形例は、第1部分広告画像242b(限定ではなく、第1情報の一例)と第2部分広告画像242b(限定ではなく、第2情報の一例)とは、コンテンツの内容に基づくページ表示領域(限定ではなく、端末の表示領域の一例)の表示位置に表示される構成を示している。
このような構成により得られる効果の一例として、第1情報と第2情報とを、コンテンツの内容の順に並ぶように表示領域に表示することで、コンテンツの内容をユーザに分かりやすくすることができる。また、コンテンツの内容の順と、情報の配置位置の広告価値の順とが一致するように第1情報と第2情報とを表示領域に表示することで、コンテンツの内容に応じた広告価値を有する位置に情報を表示することができる。
<Effect of 7th modification (3)>
In this modification, the first partial advertisement image 242b (not limited, but an example of the first information) and the second partial advertisement image 242b (not limited, an example of the second information) are page displays based on the content. The configuration to be displayed at the display position of the area (not limited, but an example of the display area of the terminal) is shown.
As an example of the effect obtained by such a configuration, by displaying the first information and the second information in the display area so as to be arranged in the order of the contents, the contents of the contents can be made easy for the user to understand. .. In addition, by displaying the first information and the second information in the display area so that the order of the content content and the order of the advertising value of the information placement position match, the advertising value according to the content content can be obtained. Information can be displayed at the position where it is held.

さらに、本変形例は、第1部分広告画像242b(限定ではなく、第1情報の一例)と第2部分広告画像242b(限定ではなく、第2情報の一例)と第3部分広告画像242b(限定ではなく、第3情報の一例)とは、コンテンツの内容に基づくページ表示領域(限定ではなく、端末の表示領域の一例)の表示位置に表示される構成を示している。
このような構成により得られる効果の一例として、第1情報と第2情報と第3情報とを、コンテンツの内容の順に並ぶように表示領域に表示することで、コンテンツの内容をユーザに分かりやすくすることができる。また、コンテンツの内容の順と情報の配置位置の広告価値の順とが一致するように第1情報と第2情報と第3情報とをページ表示領域に表示することで、コンテンツの内容に応じた広告価値を有する位置に情報を表示することができる。
Further, in this modification, the first partial advertisement image 242b (not limited, but an example of the first information), the second partial advertisement image 242b (not limited, an example of the second information), and the third partial advertisement image 242b (not limited, but an example of the second information). The third information (an example of the third information, not the limitation) indicates a configuration displayed at the display position of the page display area (not the limitation, but an example of the display area of the terminal) based on the content of the content.
As an example of the effect obtained by such a configuration, by displaying the first information, the second information, and the third information in the display area so as to be arranged in the order of the contents, the contents of the contents can be easily understood by the user. can do. In addition, by displaying the first information, the second information, and the third information in the page display area so that the order of the content contents and the order of the advertising value of the information placement position match, the content can be adjusted according to the contents. Information can be displayed at a position that has advertising value.

なお、本変形例では、3つの部分広告画像242bがページ表示領域に配置される例を示したが、このような構成に限定されず、2つの部分広告画像242b、または4つ以上の部分広告画像242bがページ表示領域に配置されるようにしてもよい。 In this modified example, three partial advertisement images 242b are arranged in the page display area, but the present invention is not limited to such a configuration, and two partial advertisement images 242b or four or more partial advertisements are displayed. The image 242b may be arranged in the page display area.

<第8実施例>
第8実施例は、限定ではなく例として、第1部分広告画像242bに対するユーザの第2入力に基づいて、その第1部分広告画像242bに対応する全体広告画像242aを視認可能にする実施例である。また、第2部分広告画像242bに対するユーザの第3入力に基づいて、その第2部分広告画像242bに対応する全体広告画像242aを視認可能にする実施例である。第8実施例は、限定ではなく例として図7−3に示される重畳表示処理(A4)の実行後に実行される。
第8実施例は、第5実施例に対応するが、端末20において、全体広告画像を視認可能にする制御の実行対象が、1つの部分広告画像ではなく複数の部分広告画像に拡張されている点が異なる。
<8th Example>
The eighth embodiment is not limited to an example, and is an embodiment in which the entire advertisement image 242a corresponding to the first partial advertisement image 242b is visible based on the user's second input to the first partial advertisement image 242b. is there. Further, it is an embodiment that makes the entire advertisement image 242a corresponding to the second partial advertisement image 242b visible based on the user's third input to the second partial advertisement image 242b. The eighth embodiment is executed after the execution of the superimposed display process (A4) shown in FIG. 7-3 as an example without limitation.
The eighth embodiment corresponds to the fifth embodiment, but in the terminal 20, the execution target of the control for making the entire advertisement image visible is extended to a plurality of partial advertisement images instead of one partial advertisement image. The point is different.

第8実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the eighth embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

<表示画面例>
図8−1に示す表示画面では、限定ではなく例として図7−3の重畳表示処理(A4)の実行後にスクロール操作(A5〜A13)が行われたことにより、ウェブページ241が初期位置から画面上方向にスクロールする(A7)。これに伴い、透過領域241aが、上側へ移動し、第1部分広告画像242bの上側の一部と、第2部分広告画像242bの下側の一部とが、透過領域241aを介して視認される状態となっている。
<Display screen example>
In the display screen shown in FIG. 8-1, the web page 241 is moved from the initial position by performing the scroll operation (A5 to A13) after executing the superimposed display process (A4) of FIG. 7-3 as an example. Scroll upward on the screen (A7). Along with this, the transparent region 241a moves upward, and a part of the upper side of the first partial advertisement image 242b and a part of the lower side of the second partial advertisement image 242b are visually recognized via the transparent region 241a. It is in a state of being.

この状態で、ユーザが、視認可能となっている第1部分広告画像242b(限定ではなく第1情報の一例)を、短く1回タッチするタッチ操作(限定ではなく、第2入力の一例)をタッチパネル上で行うことにより、その第1部分広告画像242bに対応する第1全体広告画像242aが視認可能となる。第1部分広告画像242bは、ページ表示領域全体に表示される縦長の広告画像である。 In this state, the user performs a touch operation (an example of a second input, not a limitation) in which the user touches the visible first partial advertisement image 242b (an example of the first information, not the limitation) once briefly. By performing this on the touch panel, the first overall advertisement image 242a corresponding to the first partial advertisement image 242b becomes visible. The first partial advertisement image 242b is a vertically long advertisement image displayed on the entire page display area.

第1全体広告画像242aは、第1部分広告画像242bの全領域を含み、第1部分広告画像242bに含まれない領域も含む画像である。この例では、第1部分広告画像242bに含まれる情報は、デジタル腕時計の文字盤の外観と発売日のみである。これに対して、第1全体広告画像242aは、デジタル腕時計の文字盤の外観と発売日とを下部に含み、上部にはデジタル腕時計のベルトと製品の製品名と広告文とを含む。
すなわち、この例では、第1部分広告画像242bは、第1全体広告画像242aの下部をトリミングした広告画像として設定されている。
The first general advertisement image 242a is an image including the entire region of the first partial advertisement image 242b and also includes a region not included in the first partial advertisement image 242b. In this example, the information contained in the first partial advertising image 242b is only the appearance and release date of the dial of the digital wristwatch. On the other hand, the first overall advertisement image 242a includes the appearance and release date of the dial of the digital wristwatch at the lower part, and includes the belt of the digital wristwatch and the product name and advertisement text of the product at the upper part.
That is, in this example, the first partial advertisement image 242b is set as an advertisement image in which the lower portion of the first overall advertisement image 242a is trimmed.

第2全体広告画像242aは、第2部分広告画像242bの全領域を含み、第2部分広告画像242bに含まれない領域も含む画像である。この例では、第2部分広告画像242bに含まれる情報は、アナログ腕時計の文字盤の外観のみである。これに対して、第2全体広告画像242aは、アナログ腕時計の一方のベルトと製品名と広告文とを上部に含み、下部にはアナログ腕時計の他方のベルトと製品の発売日とを含む。
すなわち、この例では、第2部分広告画像242bは、第2全体広告画像242aの上下方向中央部をトリミングした広告画像として設定されている。
The second general advertisement image 242a is an image including the entire region of the second partial advertisement image 242b and also includes a region not included in the second partial advertisement image 242b. In this example, the information contained in the second partial advertising image 242b is only the appearance of the dial of the analog wristwatch. On the other hand, the second overall advertisement image 242a includes one belt of the analog wristwatch, the product name and the advertisement text at the upper part, and includes the other belt of the analog wristwatch and the release date of the product at the lower part.
That is, in this example, the second partial advertisement image 242b is set as an advertisement image in which the central portion in the vertical direction of the second overall advertisement image 242a is trimmed.

<処理>
図8−2は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、端末20の表示処理部211が実行する全体広告表示処理を左側に、サーバ10の配信処理部111が実行する全体広告配信処理を右側にそれぞれ示している。
なお、先に説明したフローチャートと同一のステップには同一の符号を付して再度の説明を省略し、異なるステップに着目して説明する。
<Processing>
FIG. 8-2 is a flowchart showing an example of the flow of processing executed by each device in this embodiment.
In this figure, the overall advertisement display process executed by the display processing unit 211 of the terminal 20 is shown on the left side, and the overall advertisement distribution process executed by the distribution processing unit 111 of the server 10 is shown on the right side.
It should be noted that the same steps as those in the flowchart described above are designated by the same reference numerals, the description thereof will be omitted again, and the explanation will be focused on different steps.

以下説明するフローチャートは、あくまでも本実施例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowchart described below merely illustrates the processing in this embodiment, and in the flowchart described below, some steps may not be executed or additional steps may be inserted.

図8−2は、図5−2のフローチャートに、第1全体広告画像242aまたは第2全体広告画像242aを表示させるための操作のステップ(限定ではなく例として、A21のステップ)と、その操作によって選択された全体広告画像の種類を判定するステップ(限定ではなく例として、A22のステップ)等とを追加したフローチャートである。 FIG. 8-2 shows an operation step (not limited to the step of A21 as an example) for displaying the first general advertisement image 242a or the second general advertisement image 242a in the flowchart of FIG. 5-2, and the operation thereof. It is a flowchart which added the step (not the limitation but the step of A22 as an example) for determining the type of the whole advertisement image selected by.

端末20は、メインコンテンツ情報の透過領域241aと第1部分広告画像242bの上側の一部および第2部分広告画像242bの下側の一部とが重畳している状態で、第1部分広告画像242bまたは第2部分広告画像242bに対する広告タッチ操作が行われたか否かを判定する(A21)。 In the terminal 20, the first partial advertisement image 242b is in a state where the transparent region 241a of the main content information, the upper part of the first partial advertisement image 242b, and the lower part of the second partial advertisement image 242b are overlapped with each other. Alternatively, it is determined whether or not the advertisement touch operation is performed on the second partial advertisement image 242b (A21).

ユーザが、第1部分広告画像242bまたは第2部分広告画像242bにタッチする操作を行った場合(A21:Yes)、端末20は、ユーザがタッチした部分広告画像242bが第1部分広告画像242bおよび第2部分広告画像242bのいずれであるかを判定する選択広告判定処理を行う(A22)。 When the user touches the first partial advertisement image 242b or the second partial advertisement image 242b (A21: Yes), in the terminal 20, the partial advertisement image 242b touched by the user is the first partial advertisement image 242b and the first partial advertisement image 242b. A selective advertisement determination process for determining which of the second partial advertisement images 242b is performed (A22).

端末20は、ユーザが第1部分広告画像242bにタッチする操作(限定ではなく、第1情報に対する第2入力の一例)を行ったと判定した場合、その部分広告画像242bの広告番号を含む広告要求を通信I/F22によってサーバ10に送信する。一方、端末20は、ユーザが第2部分広告画像242bにタッチする操作(限定ではなく、第2情報に対する第3入力の一例)を行ったと判定した場合、その部分広告画像242bの広告番号を含む広告要求を通信I/F22によってサーバ10に送信する(A23)。 When the terminal 20 determines that the user has performed an operation of touching the first partial advertisement image 242b (not limited to an example of the second input for the first information), the terminal 20 requests an advertisement including the advertisement number of the partial advertisement image 242b. Is transmitted to the server 10 by the communication I / F22. On the other hand, when the terminal 20 determines that the user has performed an operation of touching the second partial advertisement image 242b (not limited, but an example of a third input for the second information), the terminal 20 includes the advertisement number of the partial advertisement image 242b. The advertisement request is transmitted to the server 10 by the communication I / F22 (A23).

なお、ユーザが、第1部分広告画像242bまたは第2部分広告画像242bをタッチする操作を行うことは、その部分広告画像242bに重畳している透過領域241aをタッチする操作を行うことにも相当する。 It should be noted that the operation of the user touching the first partial advertisement image 242b or the second partial advertisement image 242b is also equivalent to the operation of touching the transparent region 241a superimposed on the partial advertisement image 242b. To do.

端末20は、広告番号に基づいてサーバ10が識別した全体広告データ(限定ではなく例として第1部分広告画像242bまたは第2部分広告画像242bに関するデータを含む)を受信する。そして、端末20は、全体広告データに基づく第1部分広告画像242bまたは第2部分広告画像242bを第1レイヤに配置し、第2レイヤに配置しているウェブページ241の全体を透過領域241aに設定して(A25)、全体広告表示処理を終了する。
これにより、第1レイヤに配置された第1部分広告画像242bまたは第2部分広告画像242bの全体をユーザが視認可能となる。
The terminal 20 receives the entire advertisement data identified by the server 10 based on the advertisement number (including, but not limited to, data relating to the first partial advertisement image 242b or the second partial advertisement image 242b as an example). Then, the terminal 20 arranges the first partial advertisement image 242b or the second partial advertisement image 242b based on the whole advertisement data in the first layer, and puts the entire web page 241 arranged in the second layer into the transparent region 241a. Set (A25) and end the overall advertisement display process.
As a result, the user can visually recognize the entire first partial advertisement image 242b or the second partial advertisement image 242b arranged on the first layer.

<第8実施例の効果>
第8実施例は、表示部24のページ表示領域は、縦方向が横方向よりも長い縦長の領域であり、全体広告データに基づく第1全体広告画像242aは、縦方向の第1辺と、第1辺よりも短い横方向の第2辺とを有し、第1部分広告画像242bは、縦方向の第3辺と、第3辺よりも長い横方向の第4辺を有し、第3辺がページ表示領域の長手方向に沿って配置され、第4辺がページ表示領域の短手方向に沿って配置されてページ表示領域に表示される構成を示している。
このような構成により得られる効果の一例として、第1情報を第3辺が第4辺よりも短い横長の情報とすることで、ユーザの視認性を高めることができる。
<Effect of the eighth embodiment>
In the eighth embodiment, the page display area of the display unit 24 is a vertically long area whose vertical direction is longer than the horizontal direction, and the first general advertisement image 242a based on the total advertisement data includes the first side in the vertical direction. The first partial advertisement image 242b has a third side in the vertical direction and a fourth side in the horizontal direction longer than the third side, and has a second side in the horizontal direction shorter than the first side. The configuration is shown in which three sides are arranged along the longitudinal direction of the page display area and the fourth side is arranged along the lateral direction of the page display area and displayed in the page display area.
As an example of the effect obtained by such a configuration, the user's visibility can be improved by setting the first information to horizontally long information in which the third side is shorter than the fourth side.

また、第8実施例は、第1全体広告画像242aは、第1辺が長手方向に沿って配置され、第2辺が短手方向に沿って配置されてページ表示領域に表示される構成を示している。
このような構成により得られる効果の一例として、第1辺が第2辺よりも長い縦長の第1コンテンツ情報を表示させることで、第1コンテンツ情報にユーザを注目させて情報の表示効果を高めることができる。
Further, in the eighth embodiment, the first overall advertisement image 242a has a configuration in which the first side is arranged along the longitudinal direction and the second side is arranged along the lateral direction and displayed in the page display area. Shown.
As an example of the effect obtained by such a configuration, by displaying the vertically long first content information whose first side is longer than the second side, the user is focused on the first content information and the information display effect is enhanced. be able to.

また、第8実施例は、端末20のユーザによる第1部分広告画像242bに対する第2入力に基づいて、第1全体広告画像242aを端末20のユーザに対して視認可能にする制御を制御部21によって実行し、端末20のユーザによる第2部分広告画像242bに対する第3入力に基づいて、第2全体広告画像242aを端末20のユーザに対して視認可能にする制御を制御部21によって実行する構成を示している。
このような構成により得られる効果の一例として、第1情報に興味を持ったユーザを第1コンテンツ情報に誘導することができるとともに、第2情報に興味を持ったユーザを第2コンテンツ情報に誘導することができる。
Further, in the eighth embodiment, the control unit 21 controls to make the first overall advertisement image 242a visible to the user of the terminal 20 based on the second input to the first partial advertisement image 242b by the user of the terminal 20. The control unit 21 executes control to make the second overall advertisement image 242a visible to the user of the terminal 20 based on the third input to the second partial advertisement image 242b by the user of the terminal 20. Is shown.
As an example of the effect obtained by such a configuration, a user who is interested in the first information can be guided to the first content information, and a user who is interested in the second information can be guided to the second content information. can do.

また、第8実施例は、端末20のユーザによる第1部分広告画像242bに対する第2入力または、端末20のユーザによる第2部分広告画像242bに対する第3入力に基づいて、メインコンテンツ情報が配置されている第2レイヤの領域全体を透過領域とする構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として、第1コンテンツ情報または第2コンテンツ情報を配置するレイヤを第1レイヤよりも上位の第2レイヤに変更することなく、第1コンテンツ情報または第2コンテンツ情報を視認可能とすることができる。
Further, in the eighth embodiment, the main content information is arranged based on the second input for the first partial advertisement image 242b by the user of the terminal 20 or the third input for the second partial advertisement image 242b by the user of the terminal 20. The configuration is shown in which the entire region of the second layer is a transparent region.
As an example of the effect obtained by such a configuration, as an example, not limited to, the first layer in which the first content information or the second content information is arranged is not changed to the second layer higher than the first layer. The content information or the second content information can be made visible.

また、第8実施例は、端末20のユーザによる第1部分広告画像242bに対する第2入力は、端末20のユーザによる第1部分広告画像242bをタッチする操作であり、
端末20のユーザによる第2部分広告画像242bに対する第3入力は、端末20のユーザによる第2部分広告画像242bをタッチする操作である構成を示している。
このような構成により得られる効果の一例として、限定ではなく例としてユーザが第1情報または第2情報に興味を持ったような場合に、その表示領域をタッチする操作を行うことで、第1コンテンツ情報または第2コンテンツ情報をそれぞれ表示させることができる。
Further, in the eighth embodiment, the second input to the first partial advertisement image 242b by the user of the terminal 20 is an operation of touching the first partial advertisement image 242b by the user of the terminal 20.
The third input to the second partial advertisement image 242b by the user of the terminal 20 shows a configuration in which the user of the terminal 20 touches the second partial advertisement image 242b.
As an example of the effect obtained by such a configuration, the first operation is performed by touching the display area when the user is interested in the first information or the second information, not as a limitation. Content information or second content information can be displayed respectively.

<第8変形例(1)>
第8実施例は、第1レイヤに第1全体広告画像242aまたは第2全体広告画像242aを配置した状態で、第2レイヤに配置されたウェブページ241の領域全体を透過領域241aとすることにより、第1全体広告画像242aまたは第2全体広告画像242aの全体を視認可能としたが、このような構成に限られない。
<8th modification (1)>
In the eighth embodiment, the first overall advertisement image 242a or the second overall advertisement image 242a is arranged on the first layer, and the entire area of the web page 241 arranged on the second layer is set as the transparent area 241a. , The first general advertisement image 242a or the second general advertisement image 242a can be visually recognized, but the configuration is not limited to this.

具体的には、限定ではなく例として、ユーザが第1部分広告画像242bをタッチしたことに基づいて、第2レイヤには第1全体広告画像242aが配置されるか、または、ユーザが第2部分広告画像242bをタッチしたことに基づいて、第2レイヤには第2全体広告画像242aが配置され、第1レイヤには透過領域241aを含むウェブページが配置されるようにしてもよい。 Specifically, as an example, not a limitation, the first whole advertisement image 242a is arranged in the second layer based on the user touching the first partial advertisement image 242b, or the user second. Based on the touch of the partial advertisement image 242b, the second whole advertisement image 242a may be arranged on the second layer, and the web page including the transparent region 241a may be arranged on the first layer.

すなわち、ユーザの入力に基づいて、第1レイヤに配置されている広告情報と第2レイヤに配置されているメインコンテンツ情報とをスワップするレイヤチェンジが実行され、結果として広告情報がメインコンテンツ情報よりも上位のレイヤに配置されることにより、広告情報の全体が視認可能となるようにしてもよい。
このような構成により得られる効果の一例として、透過領域を変更することなく、第1コンテンツ情報または第2コンテンツ情報を視認可能とすることができる。
That is, based on the user's input, a layer change is executed in which the advertisement information arranged in the first layer and the main content information arranged in the second layer are swapped, and as a result, the advertisement information is higher than the main content information. By arranging the advertisement information in the layer of, the entire advertisement information may be visible.
As an example of the effect obtained by such a configuration, the first content information or the second content information can be made visible without changing the transparent area.

<第8変形例(2)>
第8実施例において、A25の処理が実行されて、第1全体広告画像242aまたは第2全体広告画像242aが視認可能となった後、所定期間(所定時間)が経過したこと、または、ユーザがメインコンテンツ情報を再び視認可能とするための操作を実行したことに基づいて、第2レイヤに配置されたウェブページ241が再び視認可能となるようにしてもよい。
<8th modification (2)>
In the eighth embodiment, a predetermined period (predetermined time) has elapsed after the processing of A25 is executed and the first overall advertisement image 242a or the second overall advertisement image 242a becomes visible, or the user The web page 241 arranged in the second layer may be made visible again based on the operation for making the main content information visible again.

限定ではなく例として、ユーザが、図8−1に示される第1全体広告画像242aの右上に表示されている「×」と示された消去アイコン242cにタッチすることで、第1全体広告画像242aの一部(デジタル腕時計の文字盤の上側)が第2部分広告画像242bに置き換えられることで、第1部分広告画像242bおよび第2部分広告画像242bが第1レイヤに配置される。また、第2レイヤにおける透過領域設定が解除されて、再び第2レイヤのウェブページ241を視認可能となる。 As an example, not a limitation, the user touches the erase icon 242c indicated by "x" displayed in the upper right of the first general advertisement image 242a shown in FIG. 8-1 to obtain the first general advertisement image. By replacing a part of 242a (upper side of the dial of the digital watch) with the second partial advertisement image 242b, the first partial advertisement image 242b and the second partial advertisement image 242b are arranged on the first layer. Further, the transparent area setting in the second layer is canceled, and the web page 241 in the second layer can be visually recognized again.

同様に、ユーザが、図8−1に示される第2全体広告画像242aの右上に表示されている「×」と示された消去アイコン242cにタッチすることで、第2全体広告画像242aの一部(アナログ腕時計の文字盤の下側)が第1部分広告画像242bに置き換えられることで、第1部分広告画像242bおよび第2部分広告画像242bが第1レイヤに配置される。また、第2レイヤにおける透過領域設定が解除されて、再び第2レイヤのウェブページ241を視認可能となる。このとき、第2レイヤのウェブページ241は、第1レイヤの第1部分広告画像242bおよび第2部分広告画像242bに重畳した状態となっており、透過領域241aを介して第1部分広告画像242bおよび第2部分広告画像242bの少なくとも一方を視認可能となっている。 Similarly, when the user touches the erase icon 242c indicated by "x" displayed in the upper right of the second general advertisement image 242a shown in FIG. 8-1, one of the second general advertisement images 242a By replacing the unit (lower side of the dial of the analog watch) with the first partial advertisement image 242b, the first partial advertisement image 242b and the second partial advertisement image 242b are arranged in the first layer. Further, the transparent area setting in the second layer is canceled, and the web page 241 in the second layer can be visually recognized again. At this time, the web page 241 of the second layer is in a state of being superimposed on the first partial advertisement image 242b and the second partial advertisement image 242b of the first layer, and the first partial advertisement image 242b is superimposed on the transparent region 241a. And at least one of the second partial advertisement image 242b is visible.

なお、第8変形例(1)に関しても、第1全体広告画像242aまたは第2全体広告画像242aが視認可能となった後、所定期間(所定時間)が経過したこと、または、ユーザがメインコンテンツ情報を再び視認可能とするための操作を実行したことに基づいて、一旦は第1レイヤに配置されたウェブページ241が、再び第2レイヤに配置されることで視認可能となるようにしてもよい。 Regarding the eighth modification (1), a predetermined period (predetermined time) has elapsed after the first overall advertisement image 242a or the second overall advertisement image 242a becomes visible, or the user has the main content information. The web page 241 once arranged in the first layer may be made visible by being arranged in the second layer again based on the operation for making the image visible again. ..

限定ではなく例として、ユーザが、図8−1に示される第1全体広告画像242aの右上に表示されている「×」と示された消去アイコン242cにタッチした場合には、第1全体広告画像242aの一部(デジタル腕時計の文字盤の上側)が第2部分広告画像242bに置き換えられることで、第1部分広告画像242bおよび第2部分広告画像242bが第2レイヤに配置される。同様に、ユーザが、第2全体広告画像242aの右上に表示されている「×」と示された消去アイコン242cにタッチした場合には、第2全体広告画像242aの一部(アナログ腕時計の文字盤の下側)が第1部分広告画像242bに置き換えられることで、第1部分広告画像242bおよび第2部分広告画像242bが第2レイヤに配置される。 As an example, not a limitation, when the user touches the erase icon 242c indicated by "x" displayed in the upper right of the first general advertisement image 242a shown in FIG. 8-1, the first general advertisement By replacing a part of the image 242a (upper side of the dial of the digital watch) with the second partial advertisement image 242b, the first partial advertisement image 242b and the second partial advertisement image 242b are arranged on the second layer. Similarly, when the user touches the erase icon 242c indicated by "x" displayed on the upper right of the second overall advertisement image 242a, a part of the second overall advertisement image 242a (characters of the analog watch). By replacing the lower side of the board with the first partial advertisement image 242b, the first partial advertisement image 242b and the second partial advertisement image 242b are arranged in the second layer.

そして、第1レイヤに配置されているメインコンテンツ情報と第2レイヤに配置されている広告情報とをスワップするレイヤチェンジが実行され、結果としてメインコンテンツ情報が、広告情報よりも上位のレイヤに再び配置されることにより、メインコンテンツ情報が視認可能となるようにしてもよい。このとき第2レイヤのウェブページ241は、第1レイヤの第1部分広告画像242bおよび第2部分広告画像242bに重畳した状態となっており、透過領域241aを介して第1部分広告画像242bおよび第2部分広告画像242bの少なくとも一方を視認可能となっている。 Then, a layer change is executed in which the main content information arranged in the first layer and the advertisement information arranged in the second layer are swapped, and as a result, the main content information is re-arranged in a layer higher than the advertisement information. By doing so, the main content information may be made visible. At this time, the web page 241 of the second layer is in a state of being superimposed on the first partial advertisement image 242b and the second partial advertisement image 242b of the first layer, and the first partial advertisement image 242b and the first partial advertisement image 242b are superimposed on the transparent region 241a. At least one of the second partial advertisement images 242b can be visually recognized.

<第8変形例(3)>
図8−1に示した例では、第1部分広告画像242bおよび第2部分広告画像242bが静止画像であり、その第1部分広告画像242bおよび第2部分広告画像242bにそれぞれ対応した第1全体広告画像242aおよび第2全体広告画像242aも静止画像である。
<8th modification (3)>
In the example shown in FIG. 8-1, the first partial advertisement image 242b and the second partial advertisement image 242b are still images, and the first overall corresponding to the first partial advertisement image 242b and the second partial advertisement image 242b, respectively. The advertisement image 242a and the second overall advertisement image 242a are also still images.

しかしながら、前述したように、第1部分広告画像242bおよび第2部分広告画像242bの少なくとも一方は、静止画像と動画像の何れの画像であってもよく、第1全体広告画像242aおよび第2全体広告画像242aの少なくとも一方も、静止画像と動画像の何れの画像であってもよい。 However, as described above, at least one of the first partial advertisement image 242b and the second partial advertisement image 242b may be either a still image or a moving image, and the first whole advertisement image 242a and the second whole may be. At least one of the advertisement images 242a may be either a still image or a moving image.

限定ではなく例として、第1部分広告画像242bおよび第2部分広告画像242bは、アニメーションGIF(Animated Graphic Interchange Format)の先頭画像の一部をトリミングした画像である。そして、これらにそれぞれ対応する第1全体広告画像242aおよび第2全体広告画像242aは、その先頭画像を含むアニメーションGIF(Animated Graphic Interchange Format)の動画像であってもよい。 As an example but not a limitation, the first partial advertisement image 242b and the second partial advertisement image 242b are images obtained by trimming a part of the head image of the animated GIF (Animated Graphic Interchange Format). The first general advertisement image 242a and the second general advertisement image 242a corresponding to these may be moving images of an animated GIF (Animated Graphic Interchange Format) including the leading image thereof.

また、これに限らず、第1部分広告画像242bおよび第2部分広告画像242bは、MPEG(Moving Picture Experts Group)の先頭フレームの一部をトリミングした画像である。そして、これらにそれぞれ対応する第1全体広告画像242aおよび第2全体広告画像242aは、その先頭フレームを含むMPEG規格(限定ではなく、MPEG−1、MPEG−2、およびMPEG−4のいずれか)の動画像であってもよい。 Further, not limited to this, the first partial advertisement image 242b and the second partial advertisement image 242b are images obtained by trimming a part of the leading frame of MPEG (Moving Picture Experts Group). The first overall advertisement image 242a and the second overall advertisement image 242a corresponding to these are MPEG standards (not limited to, any of MPEG-1, MPEG-2, and MPEG-4) including the first frame thereof. It may be a moving image of.

限定ではなく例として、第2部分広告画像242bがユーザによりタッチされたことに基づいて、動画像である第2全体広告画像242aの再生が開始される。本例では、図3−4に示す例と同様に、第2部分広告画像242bが表示されていた期間は停止していたアナログ腕時計の秒針が、第2全体広告画像242aが表示されたことに基づいて動作を開始する。 As an example, not a limitation, the reproduction of the second whole advertisement image 242a, which is a moving image, is started based on the touch of the second partial advertisement image 242b by the user. In this example, as in the example shown in FIG. 3-4, the second hand of the analog wristwatch, which was stopped during the period when the second partial advertisement image 242b was displayed, was displayed, and the second overall advertisement image 242a was displayed. Start the operation based on.

限定ではなく例として、第1部分広告画像242bがユーザによりタッチされたことに基づいて、動画像である第1全体広告画像242aの再生が開始される。本例では、第1部分広告画像242bが表示されていた期間は停止していたデジタル腕時計の秒数の表示部が、第1全体広告画像242aが表示されたことに基づいて動作を開始する。 As an example, not a limitation, the reproduction of the first whole advertisement image 242a, which is a moving image, is started based on the touch of the first partial advertisement image 242b by the user. In this example, the display unit of the number of seconds of the digital wristwatch, which has been stopped during the period when the first partial advertisement image 242b is displayed, starts the operation based on the display of the first overall advertisement image 242a.

本変形例は、第1全体広告画像242aが、動画広告画像であり、第1部分広告画像242bに対する端末20のユーザによる第2入力に基づいて、動画広告画像の再生を制御部21によって実行する構成を示している。
このような構成により得られる効果の一例として、静止していた広告情報がユーザの入力に基づいて動き出すことによる意外性を生じさせ、ユーザを第1コンテンツ情報に注目させることができる。
In this modification, the first overall advertisement image 242a is a video advertisement image, and the control unit 21 executes the reproduction of the video advertisement image based on the second input by the user of the terminal 20 to the first partial advertisement image 242b. The configuration is shown.
As an example of the effect obtained by such a configuration, the stationary advertisement information starts to move based on the user's input, which causes unexpectedness, and the user can pay attention to the first content information.

<第9実施例>
第9実施例は、上記の実施例に、第1部分広告画像242b、第2部分広告画像242bおよび第3部分広告画像242bならびに透過領域241aの設定と、第1部分広告画像242b、第2部分広告画像242bおよび第3部分広告画像242bに基づく課金処理とが追加された実施例である。
第9実施例は、第6実施例に対応するが、部分広告画像が1つではなく複数である点が異なる。
<9th Example>
In the ninth embodiment, the first partial advertisement image 242b, the second partial advertisement image 242b, the third partial advertisement image 242b, and the transparent region 241a are set, and the first partial advertisement image 242b and the second portion are set in the above embodiment. It is an embodiment in which the billing process based on the advertisement image 242b and the third partial advertisement image 242b is added.
The ninth embodiment corresponds to the sixth embodiment, except that the number of partial advertisement images is not one but a plurality.

第9実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the ninth embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

<機能構成>
(1)サーバの機能構成
図9−1に示すメインコンテンツデータベース152には、限定ではなく例として、メインコンテンツデータに基づくメインコンテンツ情報を識別するメインコンテンツIDと、そのメインコンテンツIDのメインコンテンツデータが記憶されている記憶領域と、そのメインコンテンツIDのメインコンテンツデータに関連付けられている第1広告、第2広告および第3広告の各々の表示に用いる情報と、そのメインコンテンツIDのメインコンテンツ情報における透過領域の設定範囲とが関連付けて記憶されている。
<Functional configuration>
(1) Functional configuration of server The main content database 152 shown in FIG. 9-1 is not limited, but as an example, a storage that stores a main content ID that identifies main content information based on the main content data and the main content data of the main content ID. The area, the information used for displaying each of the first advertisement, the second advertisement, and the third advertisement associated with the main content data of the main content ID, and the setting range of the transparent area in the main content information of the main content ID are associated with each other. It is remembered.

第1広告、第2広告および第3広告は、それぞれ画面下部、画面中央部および画面上部に表示される広告である。第1広告、第2広告および第3広告の各々の表示に用いる情報は、広告(メインコンテンツ情報とともに端末20に表示させる広告情報)を識別する広告番号と、その広告番号の広告を提供する広告主を識別する広告主IDと、その広告番号の広告に関する部分広告画像を識別する画像IDと、その広告番号の広告に関する全体広告画像を識別する画像IDと、を含む。 The first advertisement, the second advertisement, and the third advertisement are advertisements displayed at the lower part of the screen, the central part of the screen, and the upper part of the screen, respectively. The information used for displaying each of the first advertisement, the second advertisement, and the third advertisement is an advertisement number that identifies the advertisement (advertisement information to be displayed on the terminal 20 together with the main content information), and an advertiser who provides the advertisement of the advertisement number. Includes an advertiser ID that identifies the advertisement number, an image ID that identifies a partial advertisement image related to the advertisement of the advertisement number, and an image ID that identifies the entire advertisement image related to the advertisement of the advertisement number.

本例では、部分広告画像の画像IDと、その部分広告画像に対応した全体広告画像の画像IDには、共通の広告番号が含まれている。そのためサーバ10では、広告番号に基づいて、その広告番号の広告を構成する部分広告画像と全体広告画像とを識別することが可能である。 In this example, the image ID of the partial advertisement image and the image ID of the entire advertisement image corresponding to the partial advertisement image include a common advertisement number. Therefore, the server 10 can discriminate between the partial advertisement image and the whole advertisement image constituting the advertisement of the advertisement number based on the advertisement number.

(2)広告主による部分広告画像の設定
本実施例において、第1部分広告画像、第2部分広告画像および第3部分広告画像といった部分広告画像、ならびに全体広告画像における部分広告画像の表示位置については、広告主が任意に設定することが可能である。
(2) Setting of partial advertisement image by advertiser In this embodiment, the display position of the partial advertisement image such as the first partial advertisement image, the second partial advertisement image and the third partial advertisement image, and the partial advertisement image in the whole advertisement image. Can be set arbitrarily by the advertiser.

広告主は、限定ではなく例として、前述した設定装置を操作することによって、部分広告画像を設定することが可能である。
本例では、広告主は、設定装置の表示部に全体広告画像を表示させた状態で、部分広告画像の領域を指定する操作を行う。このとき、所定のサイズの矩形のトリミング範囲が全体広告画像に表示される。このトリミング範囲の縦幅は、端末20のページ表示領域の縦幅の略1/3であり、トリミング範囲の横幅は、端末20のページ表示領域の横幅よりもわずかに小さい横幅(限定ではなく例として、端末20のページ表示領域の横幅の90%程度)である。広告主がそのトリミング範囲の位置を変更する操作を行うことで、トリミング範囲によって指定された領域が、全体広告画像からトリミングされて部分広告画像として設定される。
The advertiser can set the partial advertisement image by operating the setting device described above as an example, not a limitation.
In this example, the advertiser performs an operation of designating the area of the partial advertisement image in a state where the entire advertisement image is displayed on the display unit of the setting device. At this time, the trimming range of a rectangle of a predetermined size is displayed on the entire advertisement image. The vertical width of this trimming range is approximately 1/3 of the vertical width of the page display area of the terminal 20, and the horizontal width of the trimming range is slightly smaller than the horizontal width of the page display area of the terminal 20 (example, not limited). (About 90% of the width of the page display area of the terminal 20). When the advertiser performs an operation of changing the position of the trimming range, the area specified by the trimming range is trimmed from the entire advertising image and set as a partial advertising image.

また、広告主は、トリミングした部分広告画像について、端末20のページ表示領域における表示位置を設定する操作を行う。限定ではなく例として、広告主は、画面下部、画面中央部および画面上部の中からいずれか1つを選択する操作を行う。設定装置は、広告主の操作に基づいて、広告主の選択結果に基づく部分広告画像の表示位置ならびに全体広告画像のデータおよび部分広告画像のデータを含む登録要求をサーバ10へ送信する。 Further, the advertiser performs an operation of setting a display position of the trimmed partial advertisement image in the page display area of the terminal 20. As an example, not a limitation, the advertiser performs an operation of selecting one of the lower part of the screen, the central part of the screen, and the upper part of the screen. The setting device transmits a registration request including the display position of the partial advertisement image based on the selection result of the advertiser, the data of the whole advertisement image, and the data of the partial advertisement image to the server 10 based on the operation of the advertiser.

サーバ10は、通信I/F14によって設定装置から登録要求を受信すると、受信した登録要求に含まれる全体広告画像のデータおよび部分広告画像のデータを、全体広告データベース153a(図6−2参照)および部分広告データベース153b(図6−3参照)にそれぞれ記憶させる。 When the server 10 receives the registration request from the setting device by the communication I / F 14, the data of the whole advertisement image and the data of the partial advertisement image included in the received registration request are collected in the whole advertisement database 153a (see FIG. 6-2) and the data of the partial advertisement image. Each is stored in the partial advertisement database 153b (see FIG. 6-3).

また、サーバ10は、限定ではなく例として、送信元の設定装置の固有アドレスから広告主IDを特定するとともに、固有の広告番号を割り当て、登録要求に含まれる部分広告画像の表示位置ならびに広告番号、広告主ID、部分広告画像の画像IDおよび全体部分広告画像の画像IDと、メインコンテンツIDと、を関連付けてメインコンテンツデータベース152に記憶させる。 Further, the server 10 is not limited, but as an example, identifies the advertiser ID from the unique address of the transmission source setting device, assigns a unique advertisement number, and displays the display position and the advertisement number of the partial advertisement image included in the registration request. , Advertiser ID, image ID of partial advertisement image, image ID of whole partial advertisement image, and main content ID are associated and stored in the main content database 152.

(3)サーバによる透過領域の設定
部分広告画像が設定されると、サーバ10の制御部11は、限定ではなく例として、部分広告画像の横幅および縦幅に基づいて、その部分広告画像に関連付けられたメインコンテンツ情報(ウェブページ)の透過領域を設定する。
(3) Setting of Transparent Area by Server When a partial advertisement image is set, the control unit 11 of the server 10 associates the partial advertisement image with the partial advertisement image based on the width and height of the partial advertisement image as an example, not as a limitation. Set the transparent area of the main content information (web page).

サーバ10は、限定ではなく例として、部分広告画像の横幅と略同じ横幅(限定ではなく例として、部分広告画像の横幅の90%〜110%)を透過領域の横幅とし、部分広告画像の縦幅と略同じ縦幅(限定ではなく例として、部分広告画像の縦幅の90%〜110%)を透過領域の縦幅とすることで、透過領域のサイズ(大きさ)を設定する。 The server 10 sets the width of the transparent area to be substantially the same as the width of the partial advertisement image (90% to 110% of the width of the partial advertisement image as an example, not the limitation) as an example, not the limitation, and the height of the partial advertisement image. The size (size) of the transparent area is set by setting the vertical width substantially the same as the width (90% to 110% of the vertical width of the partial advertisement image as an example, not limited) as the vertical width of the transparent area.

なお、これとは異なり、サーバ10が、部分広告画像の横幅および縦幅のうちのいずれか一方に基づいて透過領域のサイズ(大きさ)を設定するようにしてもよいし、そのようにしなくてもよい。 In addition, unlike this, the server 10 may or may not set the size (size) of the transparent area based on either the width or the height of the partial advertisement image. You may.

また、サーバ10は、メインコンテンツ情報(ウェブページ)における透過領域の位置を決定する。具体的には、サーバ10は、限定ではなく例として、ウェブページが初期位置にある状態で、端末20のページ表示領域の下側に配置された第1部分広告画像と重畳するように透過領域の位置を決定する。 Further, the server 10 determines the position of the transparent area in the main content information (web page). Specifically, the server 10 is not limited, but as an example, in a state where the web page is in the initial position, the transparent area is superimposed so as to be superimposed on the first partial advertisement image arranged below the page display area of the terminal 20. Determine the position of.

<第9実施例の効果>
第9実施例は、第1部分広告画像242bがページ表示領域に表示される表示位置が、広告主によって設定される構成を示している。
このような構成により得られる効果の一例として、端末の表示領域において、事業者(限定ではなく例として広告主)の望む位置に第1情報を表示することができるため、事業者は期待通りの表示効果を得ることができる。
<Effect of 9th Example>
The ninth embodiment shows a configuration in which the display position where the first partial advertisement image 242b is displayed in the page display area is set by the advertiser.
As an example of the effect obtained by such a configuration, the first information can be displayed at a position desired by the business operator (not limited but an advertiser as an example) in the display area of the terminal, so that the business operator can expect. A display effect can be obtained.

また、第9実施例は、広告コンテンツデータ(限定ではなく例として、全体広告画像を含む全体広告データ)は、広告主によって端末20への送信が依頼され、広告コンテンツ情報のうちの部分広告画像は、広告主によって設定される構成を示している。
このような構成により得られる効果の一例として、事業者(限定ではなく例として広告主)が第1コンテンツ情報のうちのユーザに注目させたい情報を第1情報として設定することができる。
Further, in the ninth embodiment, the advertisement content data (not limited, but as an example, the whole advertisement data including the whole advertisement image) is requested to be transmitted to the terminal 20 by the advertiser, and the partial advertisement image of the advertisement content information is requested. Indicates the configuration set by the advertiser.
As an example of the effect obtained by such a configuration, information that the business operator (not limited but an advertiser as an example) wants to pay attention to the user among the first content information can be set as the first information.

また、第9実施例は、全体広告データには全体広告画像のデータが含まれており、全体広告画像は広告番号によって部分広告画像と関連付けられている構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として、まず第1情報を表示させて、その後に、第1情報に対応した第1コンテンツ情報を表示させるといったことが可能となる。
Further, in the ninth embodiment, the whole advertisement data includes the data of the whole advertisement image, and the whole advertisement image shows the configuration which is associated with the partial advertisement image by the advertisement number.
As an example of the effect obtained by such a configuration, it is possible to display the first information first and then display the first content information corresponding to the first information, not as a limitation but as an example.

また、第9実施例は、透過領域は、部分広告画像の辺の長さ、または部分広告画像のサイズに基づいて設定される構成を示している。
このような構成により得られる効果の一例として、第1情報に適した透過領域を設定することができる。
Further, the ninth embodiment shows a configuration in which the transparent region is set based on the length of the side of the partial advertisement image or the size of the partial advertisement image.
As an example of the effect obtained by such a configuration, a transparent region suitable for the first information can be set.

<第9変形例(1)>
第9実施例では、画面下部、画面中央および画面上部に表示する部分広告画像が、広告主によって設定される例を示したが、このような形態に限られない。
限定ではなく例として、サーバ10が、画面下部、画面中央および画面上部に表示する部分広告画像を選択・設定するようにしてもよいし、しなくてもよい。
<9th modification (1)>
In the ninth embodiment, an example is shown in which the partial advertisement image to be displayed at the lower part of the screen, the center of the screen, and the upper part of the screen is set by the advertiser, but the present invention is not limited to such a form.
As an example, not limited to this, the server 10 may or may not select and set a partial advertisement image to be displayed at the lower part of the screen, the center of the screen, and the upper part of the screen.

本変形例において、サーバ10の記憶部15には、広告課金テーブル154dがさらに記憶される。 In this modification, the advertisement billing table 154d is further stored in the storage unit 15 of the server 10.

図9−2に示す広告課金テーブル154dには、限定ではなく例として、ページ表示領域に配置される部分広告の数(以下、「部分広告数」と称する。)と、その表示位置と、その部分広告の部分広告画像に対応する全体広告画像が端末20に1回表示される毎に広告主に課金される金額である課金額との関係が含まれる。 In the advertisement billing table 154d shown in FIG. 9-2, the number of partial advertisements (hereinafter, referred to as “partial advertisement number”) arranged in the page display area, the display position thereof, and the display position thereof are shown as an example, not limited. The relationship with the charge amount, which is the amount charged to the advertiser each time the entire advertisement image corresponding to the partial advertisement image of the partial advertisement is displayed once on the terminal 20, is included.

本例では、ページ表示領域に3つの部分広告が配置される場合、「画面中央部」、「画面上部」および「画面下部」の順に、「全体広告画像1回表示あたりの課金額」が高くなる。これは、第7変形例(5)で示したように、限定ではなく例として、画面下部の第1部分広告画像242bの広告としての価値が最も高く、画面上部の第3部分広告画像242bの広告としての価値がその次に高く、画面中央部の第2部分広告画像242bの広告としての価値が最も低いためである。 In this example, when three partial advertisements are placed in the page display area, the "billing amount per display of the entire advertisement image" is higher in the order of "center of screen", "top of screen" and "bottom of screen". Become. As shown in the seventh modification (5), this is not limited, but as an example, the first partial advertisement image 242b at the lower part of the screen has the highest value as an advertisement, and the third partial advertisement image 242b at the upper part of the screen has the highest value. This is because the value as an advertisement is the next highest, and the value of the second partial advertisement image 242b in the center of the screen as an advertisement is the lowest.

また、ページ表示領域に2つの部分広告が配置される場合、「画面上部」および「画面下部」の順に、「全体広告画像1回表示あたりの課金額」が高くなる。これは、第7実施例で示したように、画面下部の第1部分広告画像242bは、画面上部の第2部分広告画像242bと比べて、広告としての価値が高いためである。 Further, when two partial advertisements are arranged in the page display area, the "billing amount per display of the entire advertisement image" increases in the order of "upper part of the screen" and "lower part of the screen". This is because, as shown in the seventh embodiment, the first partial advertisement image 242b at the lower part of the screen has a higher value as an advertisement than the second partial advertisement image 242b at the upper part of the screen.

<処理>
図9−3は、本変形例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理、端末20の表示処理部211が実行する表示処理、をそれぞれ示している。
なお、先に説明したフローチャートと同一のステップには同一の符号を付して再度の説明を省略し、異なるステップに着目して説明する。
<Processing>
FIG. 9-3 is a flowchart showing an example of the flow of processing executed by each device in this modified example.
In this figure, the distribution process executed by the distribution processing unit 111 of the server 10 and the display processing executed by the display processing unit 211 of the terminal 20 are shown.
It should be noted that the same steps as those in the flowchart described above are designated by the same reference numerals, the description thereof will be omitted again, and the explanation will be focused on different steps.

以下説明するフローチャートは、あくまでも本変形例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowchart described below merely illustrates the processing in this modification, and in the flowchart described below, some steps may not be executed or additional steps may be inserted.

図9−3は、図7−3のフローチャートにおいて、部分広告決定処理のステップ(限定ではなく例として、B4のステップ)と、部分広告データを識別する処理(限定ではなく例として、B5のステップ)と、の代わりに、第1の部分広告関連処理(限定ではなく例として、B14のステップ)を追加したフローチャートである。 9-3 shows a step of partial advertisement determination processing (step of B4 as an example, not limitation) and a process of identifying partial advertisement data (step of B5 as an example, not limitation) in the flowchart of FIG. 7-3. ) And, instead of, the first partial advertisement-related processing (not limited, but as an example, step B14) is added.

B1の後、サーバ10は、第1の部分広告関連処理を実行する(B14)。
第1の部分広告関連処理では、配信したメインコンテンツデータの内容を解析し、その内容に基づき、ページ表示領域に配置する部分広告画像の個数、内容、配置位置、課金額等を決定する。
After B1, the server 10 executes the first partial advertisement-related process (B14).
In the first partial advertisement-related processing, the content of the delivered main content data is analyzed, and based on the content, the number, content, arrangement position, billing amount, etc. of the partial advertisement image to be arranged in the page display area are determined.

サーバ10は、部分広告画像の個数を「2」に決定した場合、決定した内容の第1部分広告データおよび第2部分広告データを部分広告データベース153bから識別し、識別したこれらの部分広告データを、通信I/F14によって端末20に送信して(B7)、処理を終了する。 When the number of partial advertisement images is determined to be "2", the server 10 identifies the first partial advertisement data and the second partial advertisement data of the determined contents from the partial advertisement database 153b, and identifies these partial advertisement data. , It is transmitted to the terminal 20 by the communication I / F14 (B7), and the process is terminated.

なお、サーバ10は、部分広告画像の個数を「3」に決定した場合、決定した内容の第1部分広告データ、第2部分広告データおよび第3部分広告データを部分広告データベース153bから識別し、識別したこれらの部分広告データを、通信I/F14によって端末20に送信する。 When the number of partial advertisement images is determined to be "3", the server 10 identifies the first partial advertisement data, the second partial advertisement data, and the third partial advertisement data of the determined contents from the partial advertisement database 153b. These identified partial advertisement data are transmitted to the terminal 20 by the communication I / F14.

図9−4は、第1の部分広告関連処理の流れの一例を示すフローチャートである。
サーバ10は、限定ではなく例として、配信対象となるメインコンテンツデータ(限定ではなく例としてニュースサイトのウェブページ241に関するデータを含む)の縦幅に基づいて、ページ表示領域に表示すべき部分広告画像242bの個数(部分広告数)を決定する。
FIG. 9-4 is a flowchart showing an example of the flow of the first partial advertisement-related processing.
The server 10 is not limited, but as an example, a partial advertisement image to be displayed in the page display area based on the vertical width of the main content data to be distributed (including data related to the web page 241 of the news site as an example, not limited). The number of 242b (the number of partial advertisements) is determined.

限定ではなく例として、サーバ10は、限定ではなく例として図7−1に示すように、メインコンテンツデータの縦幅が小さい場合、ウェブページ241のスクロール量も小さくなるので、ページ表示領域に表示すべき部分広告画像242bの個数を「2」と決定する。
一方、限定ではなく例として、サーバ10は、限定ではなく例として図7−3および図7−4に示すように、メインコンテンツデータの縦幅が大きい場合、ウェブページ241のスクロール量も大きくなるので、ページ表示領域に表示すべき部分広告画像242bの個数を「3」と決定する。
As an example, not a limitation, as shown in FIG. 7-1 as an example, not a limitation, when the vertical width of the main content data is small, the scroll amount of the web page 241 is also small, so that the server 10 is displayed in the page display area. The number of partial advertisement images 242b to be power is determined to be "2".
On the other hand, as an example, not a limitation, the server 10 is not a limitation, and as shown in FIGS. 7-3 and 7-4, when the vertical width of the main content data is large, the scroll amount of the web page 241 is also large. , The number of partial advertisement images 242b to be displayed in the page display area is determined to be "3".

本例では、サーバ10は、限定ではなく例として、メインコンテンツデータの縦幅が所定の閾値より小さい場合、ページ表示領域に表示すべき部分広告画像242bの個数を「2」と決定し、メインコンテンツデータの縦幅がその閾値以上である場合、ページ表示領域に表示すべき部分広告画像242bの個数を「3」と決定する(C1)。 In this example, the server 10 is not limited, but as an example, when the vertical width of the main content data is smaller than a predetermined threshold value, the server 10 determines the number of partial advertisement images 242b to be displayed in the page display area as "2", and determines that the number of partial advertisement images 242b is "2". When the vertical width of is equal to or greater than the threshold value, the number of partial advertisement images 242b to be displayed in the page display area is determined to be “3” (C1).

次いで、サーバ10は、送信対象とする部分広告データを識別する(C8)。
具体的には、限定ではなく例として、サーバ10は、所定の広告番号の末尾に「−part」を付することで部分広告画像の画像IDを生成する。そして、サーバ10は、図6−3に示す部分広告データベース153bを参照し、生成した部分広告画像の画像IDに対応付けられた部分広告画像の記憶領域に基づいて、送信対象とする部分広告データを識別する。
Next, the server 10 identifies the partial advertisement data to be transmitted (C8).
Specifically, as an example, not a limitation, the server 10 generates an image ID of a partial advertisement image by adding "-part" to the end of a predetermined advertisement number. Then, the server 10 refers to the partial advertisement database 153b shown in FIG. 6-3, and based on the storage area of the partial advertisement image associated with the image ID of the generated partial advertisement image, the partial advertisement data to be transmitted. To identify.

次いで、サーバ10は、部分広告数および表示位置に基づいて課金額を決定する(C11)。
本例では、サーバ10は、図9−5に示す広告課金テーブル154dを参照し、ページ表示領域に表示すべき部分広告画像242bの個数を「2」と決定した場合、第1広告に対応する全体広告画像が表示された場合の課金額を決定し、決定した課金額をその全体広告画像に関連付ける。同様に、サーバ10は、第2広告に対応する全体広告画像が表示された場合の課金額を決定し、決定した課金額をその全体広告画像に関連付ける。
また、サーバ10は、ページ表示領域に表示すべき部分広告画像242bの個数を「3」と決定した場合、第1広告、第2広告および第3広告にそれぞれ対応した全体広告画像が表示された場合の各課金額を決定し、決定した各課金額を各全体広告画像にそれぞれ関連付ける。
Next, the server 10 determines the billing amount based on the number of partial advertisements and the display position (C11).
In this example, when the server 10 refers to the advertisement billing table 154d shown in FIG. 9-5 and determines that the number of partial advertisement images 242b to be displayed in the page display area is "2", it corresponds to the first advertisement. The billing amount when the whole advertisement image is displayed is determined, and the determined billing amount is associated with the whole advertisement image. Similarly, the server 10 determines the billing amount when the overall advertisement image corresponding to the second advertisement is displayed, and associates the determined billing amount with the overall advertisement image.
Further, when the server 10 determines that the number of partial advertisement images 242b to be displayed in the page display area is "3", the entire advertisement image corresponding to the first advertisement, the second advertisement, and the third advertisement is displayed. Each billing amount in the case is determined, and each determined billing amount is associated with each overall advertising image.

なお、前述したように、広告主への課金額を、部分広告画像が表示された場合の課金額とし、サーバ10が、部分広告画像が表示された場合の課金額を決定するようにしてもよいし、そのようにしなくてもよい。 As described above, the charge amount to the advertiser is set as the charge amount when the partial advertisement image is displayed, and the server 10 determines the charge amount when the partial advertisement image is displayed. You may or may not have to do so.

<第9変形例(1)の効果>
本変形例は、広告主によってユーザの端末20への広告コンテンツデータ(限定ではなく例として、全体広告画像を含む全体広告データ)の送信が依頼され、部分広告画像(限定ではなく、第1情報の一例)がページ表示領域(限定ではなく、表示領域の一例)に表示される表示位置に基づいて、広告コンテンツデータについての広告主への課金額が設定される構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として、ユーザが第1情報を視認する機会が多い位置に表示されたときの課金額を高く設定し、ユーザが第1情報を視認する機会が少ない位置に表示されたときの課金額を低く設定することができる。すなわち、ユーザが第1情報を視認する可能性に応じた適正な課金額を設定することができる。
<Effect of 9th modification (1)>
In this modified example, the advertiser requests the transmission of the advertisement content data (not limited, but as an example, the whole advertisement data including the whole advertisement image) to the user's terminal 20, and the partial advertisement image (not the limitation, but the first information). An example) shows a configuration in which the amount charged to the advertiser for the advertisement content data is set based on the display position displayed in the page display area (not limited, but an example of the display area).
As an example of the effect obtained by such a configuration, as an example, not a limitation, the charge amount when the user is displayed at a position where the first information is often visually recognized is set high, and the user visually recognizes the first information. It is possible to set a low billing amount when the information is displayed in a position where there are few opportunities to do so. That is, it is possible to set an appropriate billing amount according to the possibility that the user visually recognizes the first information.

本変形例は、部分広告画像(限定ではなく、第1情報の一例)が、第1領域(限定ではなく例として、画面下部または画面上部)に表示される場合より、端末20のページ表示領域の下端または上端を含まない第2領域(限定ではなく例として、画面中央部)に表示される場合の方が、広告主への課金額が低く設定される構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として、ユーザがコンテンツを読む前または読んだ後に視認可能とするように、ユーザによって視認される可能性が高い第1領域に第1情報を表示したような場合に、事業者への課金額を高くすることができる。また、限定ではなく例として、ユーザがコンテンツを閲覧している最中に視認可能とするように、ユーザによって視認される可能性が低い第2領域に部分広告画像を表示した場合に、事業者への課金額を低くすることができる。
In this modified example, the page display area of the terminal 20 is larger than the case where the partial advertisement image (an example of the first information, not the limitation) is displayed in the first area (the lower part of the screen or the upper part of the screen as an example, not the limitation). When the image is displayed in the second area (not limited to the center of the screen as an example) which does not include the lower end or the upper end of the image, the amount charged to the advertiser is set lower.
As an example of the effect obtained by such a configuration, as an example, not limited to, the first area is likely to be visible to the user so that the user can see the content before or after reading the content. When the information is displayed, the amount charged to the business operator can be increased. In addition, as an example, not limited to, when a partial advertisement image is displayed in a second area that is unlikely to be seen by the user so that the user can see the content while browsing the content, the business operator. The amount charged to can be reduced.

本変形例は、全体広告データには全体広告画像のデータが含まれており、全体広告画像は、全体広告データを端末20に送信するサーバ10で、課金に関する情報と関連付けられる構成を示している。
このような構成により得られる効果の一例として、第1コンテンツ情報が表示されたことに基づく課金に関する情報が、サーバ側で管理されるようにすることができる。
In this modification, the overall advertisement data includes the data of the overall advertisement image, and the overall advertisement image shows a configuration in which the server 10 that transmits the overall advertisement data to the terminal 20 is associated with the information related to billing. ..
As an example of the effect obtained by such a configuration, information on billing based on the display of the first content information can be managed on the server side.

<第9変形例(2)>
第9変形例(1)において、部分広告関連処理においてページ表示領域に配置する部分広告画像の内容を決定する場合に、限定ではなく例として、同時に表示されることが好ましくない部分広告画像を選択・決定(選定)するようにすることもできる。
<9th modification (2)>
In the ninth modification (1), when determining the content of the partial advertisement image to be arranged in the page display area in the partial advertisement-related processing, the partial advertisement image that is not preferable to be displayed at the same time is selected as an example rather than a limitation.・ It is also possible to make a decision (selection).

本変形例において、サーバ10の記憶部15には、広告課金テーブル154dの他に、メインコンテンツ管理データベース154aと、広告分類選択テーブル154bと、広告コンテンツ管理データベース154cとが記憶される。 In this modification, in addition to the advertisement billing table 154d, the main content management database 154a, the advertisement classification selection table 154b, and the advertisement content management database 154c are stored in the storage unit 15 of the server 10.

図9−5に示すメインコンテンツ管理データベース154aには、限定ではなく例として、メインコンテンツ情報の内容を分類するための識別子であるメインコンテンツ分類と、その内容を有するメインコンテンツ情報のメインコンテンツIDと、が関連付けて記憶されている。 In the main content management database 154a shown in FIG. 9-5, as an example, not limited to, the main content classification, which is an identifier for classifying the content of the main content information, and the main content ID of the main content information having the content are associated and stored. Has been done.

本例では、「ビジネス」に分類される内容のメインコンテンツ情報には、MC−B[ビジネス]の識別子が割り当てられている。MC−B[ビジネス]の識別子には、main001およびmain002などの複数のメインコンテンツIDが関連付けられる。
なお、メインコンテンツ情報の内容は、限定ではなく例として、「ビジネス」の他に、「スポーツ」、「テクノロジー」および「飲食料品」などに分類される。
In this example, the MC-B [business] identifier is assigned to the main content information that is classified as "business". A plurality of main content IDs such as main001 and main002 are associated with the MC-B [business] identifier.
The content of the main content information is not limited, but is classified into "sports", "technology", "food and drink", etc. in addition to "business" as an example.

図9−6に示す広告分類選択テーブル154bには、限定ではなく例として、メインコンテンツ分類と、広告の内容を分類するための識別子である広告コンテンツ分類と、の関係が含まれる。
本例では、1つのメインコンテンツ分類に対して複数の広告コンテンツ分類が関連付けられる。これらの広告コンテンツ分類は、限定ではなく例として、そのメインコンテンツ分類に分類されたメインコンテンツ情報の内容すなわちウェブページを閲覧するユーザに対して、訴求力がある内容を有する広告が分類される。
The advertisement classification selection table 154b shown in FIG. 9-6 includes, but is not limited to, the relationship between the main content classification and the advertisement content classification which is an identifier for classifying the contents of the advertisement.
In this example, a plurality of advertising content classifications are associated with one main content classification. These advertisement content classifications are not limited, but as an example, advertisements having content appealing to the content of the main content information classified into the main content classification, that is, the user who browses the web page, are classified.

具体的には、「ビジネス」のメインコンテンツ分類には、「自動車」、「ビジネス本」、「時計」および「アルコール飲料」などのビジネスのウェブページを閲覧するユーザに訴求力がある広告の広告コンテンツ分類が関連付けられる。「スポーツ」のメインコンテンツ分類には、「スポーツシューズ」、「スポーツウェア」、「試合チケット」および「スポーツドリンク」などのスポーツのウェブページを閲覧するユーザに訴求力がある広告の広告コンテンツ分類が関連付けられる。「テクノロジー」のメインコンテンツ分類には、「スマートフォン」、「コンピュータ」、「時計」および「通信キャリア」などのテクノロジーのウェブページを閲覧するユーザに訴求力がある広告の広告コンテンツ分類が関連付けられる。「飲食料品」のメインコンテンツ分類には、「レストラン」、「食料品店」、「スイーツ」および「アルコール飲料」などの飲食料品のウェブページを閲覧するユーザに訴求力がある広告の広告コンテンツ分類が関連付けられる。 Specifically, the main content classification of "business" includes advertising content of advertisements that appeal to users who browse business web pages such as "automobiles", "business books", "clocks" and "alcoholic beverages". Classifications are associated. The main content classification of "sports" is associated with the advertising content classification of advertisements that appeal to users who browse sports web pages such as "sports shoes", "sports wear", "match tickets" and "sports drinks". Be done. The main content classification of "technology" is associated with the advertising content classification of advertisements that appeal to users who browse web pages of technologies such as "smartphones", "computers", "clocks" and "telecommunications carriers". The main content classification of "food and beverage" is advertising content of advertisements that appeal to users who browse web pages of food and beverage such as "restaurant", "grocery store", "sweets" and "alcoholic beverage". Classifications are associated.

なお、「ビジネス」および「飲食料品」のメインコンテンツ分類に関連付けられる「アルコール飲料」の広告コンテンツ分類、ならびに「ビジネス」および「テクノロジー」のメインコンテンツ分類に関連付けられる「時計」の広告コンテンツ分類のように、1つの広告コンテンツ分類が、複数のメインコンテンツ分類に関連付けられてもよい。 Like the "alcoholic beverage" advertising content classification associated with the "business" and "food and beverage" main content classifications, and the "clock" advertising content classification associated with the "business" and "technology" main content classifications. One advertising content classification may be associated with multiple main content classifications.

図9−7に示す広告コンテンツ管理データベース154cには、限定ではなく例として、広告コンテンツ分類と、広告番号と、同時表示規制分類と、が関連付けて記憶されている。
同時表示規制分類は、限定ではなく例として、その広告コンテンツ分類に分類される広告と同時に配置されることが好ましくない広告、またはその広告コンテンツ分類に分類される広告と相性の良くない(相性が悪い)広告の識別子である。
In the advertisement content management database 154c shown in FIG. 9-7, the advertisement content classification, the advertisement number, and the simultaneous display restriction classification are stored in association with each other as an example, not limited.
The simultaneous display regulation classification is not limited, but as an example, it is not compatible with the advertisement that is not preferable to be placed at the same time as the advertisement classified in the advertisement content classification, or the advertisement classified in the advertisement content classification (compatibility is not good). Bad) Advertising identifier.

本例では、「自動車」の広告コンテンツ分類には、「アルコール飲料」の同時表示規制分類が関連付けられる。これは、「自動車」の広告と「アルコール飲料」の広告とが1つのページ表示領域に同時に配置されると、社会的に好ましくないものと認識されている自動車の飲酒運転をユーザに連想させ得るためである。
なお、この場合、「アルコール飲料」の広告コンテンツ分類には、「自動車」の同時表示規制分類が関連付けられるようにすることができる。
In this example, the advertising content classification of "automobile" is associated with the simultaneous display regulation classification of "alcoholic beverages". This can remind the user of drunk driving of a car, which is perceived as socially unfavorable when the "car" advertisement and the "alcoholic beverage" advertisement are placed in one page display area at the same time. Because.
In this case, the advertisement content classification of "alcoholic beverage" can be associated with the simultaneous display regulation classification of "automobile".

また、「自動車」の広告と「アルコール飲料」の広告との関係の他に、限定ではなく例として「通信キャリア」の広告コンテンツ分類には、「通信キャリア」の同時表示規制分類が関連付けられる。これは、1人のユーザが複数の通信キャリアと契約することが少ないにも関わらず、競合するA社の「通信キャリア」の広告とB社の「通信キャリア」の広告とが1つのページ表示領域に同時に配置されると、A社およびB社の両社にとって、自社の広告に対するユーザの注目度が低下し得るためである。 In addition to the relationship between the advertisement of "automobile" and the advertisement of "alcoholic beverage", the advertisement content classification of "communication carrier" is associated with the simultaneous display regulation classification of "communication carrier" as an example, not limited. This is because one user rarely contracts with multiple telecommunications carriers, but the advertisement of the competing company A's "telecommunications carrier" and the advertisement of the competing company B's "telecommunications carrier" are displayed on one page. This is because if they are placed in the area at the same time, the user's attention to the company's advertisement may decrease for both the company A and the company B.

図9−8は、本変形例において、サーバ10が第1の部分広告関連処理(図9−4)に代えて実行する第2の部分広告関連処理の流れの一例を示すフローチャートである。
この処理は、第1の部分広告関連処理のC8のステップを、C3〜C9のステップに置き換えたものである。
FIG. 9-8 is a flowchart showing an example of the flow of the second partial advertisement-related processing executed by the server 10 in place of the first partial advertisement-related processing (FIG. 9-4) in this modification.
In this process, the step C8 of the first partial advertisement-related process is replaced with the steps C3 to C9.

C1の後、サーバ10は、メインコンテンツ分類に基づいて第1広告の広告コンテンツ分類を選択する(C3)。
限定ではなく例として、サーバ10は、図9−5に示すメインコンテンツ管理データベース154aを参照し、配信対象となるメインコンテンツデータのメインコンテンツIDに対応するメインコンテンツ分類の識別子を取得する。本例では、サーバ10は、限定ではなく例として、MC−B[ビジネス]の識別子を取得する。
そして、サーバ10は、図9−6に示す広告分類選択テーブル154bを参照し、取得したメインコンテンツ分類の識別子に対応する広告コンテンツ分類の識別子を複数取得し、これらの広告コンテンツ分類の識別子の中から識別子を1つ選択する。限定ではなく例として、サーバ10は、MC−B[ビジネス]の識別子に対応するAD−B1[自動車]、AD−B2[ビジネス本]、AD−B3[時計]およびAD−B4[アルコール飲料]などの識別子を取得し、これらの識別子の中から限定ではなく例としてAD−B1[自動車]の識別子を選択する。
After C1, the server 10 selects the advertising content classification of the first advertisement based on the main content classification (C3).
As an example, not the limitation, the server 10 refers to the main content management database 154a shown in FIG. 9-5, and acquires the identifier of the main content classification corresponding to the main content ID of the main content data to be distributed. In this example, the server 10 acquires the MC-B [business] identifier as an example, not a limitation.
Then, the server 10 refers to the advertisement classification selection table 154b shown in FIG. 9-6, acquires a plurality of advertisement content classification identifiers corresponding to the acquired main content classification identifiers, and among these advertisement content classification identifiers. Select one identifier. As an example, but not limited to, the server 10 corresponds to the identifier of MC-B [business] AD-B1 [automobile], AD-B2 [business book], AD-B3 [clock] and AD-B4 [alcoholic beverage]. And so on, and select the identifier of AD-B1 [automobile] as an example, not limited to these identifiers.

なお、C3の処理では、識別子の選択方法は、ランダムに選択する方法でもよいし、時間帯またはユーザの嗜好などの特定の条件に基づいて選択する方法でもよい。 In the process of C3, the method of selecting the identifier may be a method of randomly selecting the identifier, or a method of selecting the identifier based on a specific condition such as a time zone or a user's preference.

その後、サーバ10は、同時表示規制分類に基づいて第2広告の広告コンテンツ分類を選択する(C5)。
限定ではなく例として、サーバ10は、図9−7に示す広告コンテンツ管理データベース154cを参照し、第1広告の広告コンテンツ分類として選択したAD−B1[自動車]の識別子には、AD−B4[アルコール飲料]が同時表示規制分類の識別子として設定されていることを認識する。
そして、サーバ10は、AD−B1[自動車]、AD−B2[ビジネス本]、AD−B3[時計]およびAD−B4[アルコール飲料]などの識別子の中からAD−B4[アルコール飲料]を除外し、AD−B1[自動車]、AD−B2[ビジネス本]およびAD−B3[時計]などの識別子の中から識別子を1つ、限定ではなく例としてAD−B2[ビジネス本]の識別子を選択する。
After that, the server 10 selects the advertisement content classification of the second advertisement based on the simultaneous display regulation classification (C5).
As an example, not a limitation, the server 10 refers to the advertisement content management database 154c shown in FIG. 9-7, and the identifier of AD-B1 [automobile] selected as the advertisement content classification of the first advertisement is AD-B4 [ Recognize that [Alcoholic Beverage] is set as an identifier for the simultaneous display regulation classification.
Then, the server 10 excludes AD-B4 [alcoholic beverage] from the identifiers such as AD-B1 [automobile], AD-B2 [business book], AD-B3 [clock] and AD-B4 [alcoholic beverage]. Then, select one identifier from the identifiers such as AD-B1 [automobile], AD-B2 [business book], and AD-B3 [clock], and select the identifier of AD-B2 [business book] as an example, not limited. To do.

なお、C5の処理では、サーバ10は、第1広告の広告コンテンツ分類としてAD−B1[自動車]を選択したので、第2広告でもAD−B1[自動車]を重複して選択しないように、AD−B2[ビジネス本]およびAD−B3[時計]などの識別子の中から広告コンテンツ分類の識別子を1つ選択するようにしてもよい。 In the process of C5, the server 10 selected AD-B1 [automobile] as the advertisement content classification of the first advertisement, so that AD-B1 [automobile] is not selected twice in the second advertisement. -One of the identifiers of the advertisement content classification may be selected from the identifiers such as B2 [business book] and AD-B3 [clock].

また、サーバ10は、C1のステップにおいて、ページ表示領域に表示すべき部分広告画像242bの個数を「3」と決定した場合、C5のステップにおいて第2広告の広告コンテンツ分類を選択した方法と同様の方法を用いて、第3広告の広告コンテンツ分類を選択する。 Further, when the server 10 determines that the number of partial advertisement images 242b to be displayed in the page display area is "3" in the step C1, it is the same as the method of selecting the advertisement content classification of the second advertisement in the step C5. The advertisement content classification of the third advertisement is selected by using the method of.

その後、サーバ10は、選択した広告コンテンツ分類毎に広告番号を決定する(C7)。
限定ではなく例として、サーバ10は、図9−7に示す広告コンテンツ管理データベース154cを参照し、第1広告の広告コンテンツ分類として選択したAD−B1[自動車]の識別子には、ad001およびad002などが広告番号として設定されていることを認識する。そして、サーバ10は、ad001およびad002などの広告番号の中から広告番号を1つ、限定ではなく例としてad001の広告番号を選択する。
同様に、サーバ10は、第2広告の広告コンテンツ分類として選択したAD−B2[ビジネス本]の識別子に対応付けられている広告番号を認識し、認識した広告番号の中から広告番号を1つ選択する。
After that, the server 10 determines the advertisement number for each selected advertisement content classification (C7).
As an example, not a limitation, the server 10 refers to the advertisement content management database 154c shown in FIG. 9-7, and the identifiers of AD-B1 [automobile] selected as the advertisement content classification of the first advertisement include ad001 and ad002. Recognize that is set as an ad number. Then, the server 10 selects one advertisement number from the advertisement numbers such as ad001 and ad002, and selects the advertisement number of ad001 as an example, not limited to it.
Similarly, the server 10 recognizes the advertisement number associated with the identifier of the AD-B2 [business book] selected as the advertisement content classification of the second advertisement, and selects one advertisement number from the recognized advertisement numbers. select.

なお、C7の処理では、広告番号の選択方法は、ランダムに選択する方法でもよいし、順番に選択する方法でもよい。 In the process of C7, the method of selecting the advertisement number may be a method of randomly selecting or a method of selecting in order.

また、サーバ10は、C1のステップにおいて、ページ表示領域に表示すべき部分広告画像242bの個数を「3」と決定した場合、第1広告の広告番号を選択した方法と同様の方法を用いて、第3広告の広告番号を決定する。 Further, when the server 10 determines that the number of partial advertisement images 242b to be displayed in the page display area is "3" in the step C1, the server 10 uses the same method as the method of selecting the advertisement number of the first advertisement. , Determine the advertisement number of the third advertisement.

次いで、サーバ10は、決定した広告番号に基づいて送信対象とする部分広告データを識別する(C9)。
限定ではなく例として、サーバ10は、決定した広告番号の末尾に「−part」を付することで部分広告画像の画像IDを生成する。
そして、サーバ10は、図6−3に示す部分広告データベース153bを参照し、生成した部分広告画像の画像IDに対応付けられた部分広告画像の記憶領域に基づいて、送信対象とする部分広告データを識別する。
C3〜C9の処理を行った後、サーバ10は、C11に処理を移す。
Next, the server 10 identifies the partial advertisement data to be transmitted based on the determined advertisement number (C9).
As an example, not a limitation, the server 10 generates an image ID of a partial advertisement image by adding "-part" to the end of the determined advertisement number.
Then, the server 10 refers to the partial advertisement database 153b shown in FIG. 6-3, and based on the storage area of the partial advertisement image associated with the image ID of the generated partial advertisement image, the partial advertisement data to be transmitted. To identify.
After performing the processes of C3 to C9, the server 10 shifts the process to C11.

<第9変形例(2)の効果>
本変形例は、広告分類選択テーブル154bでは、自動車の全体広告画像(限定ではなく、第1コンテンツ情報の一例)の内容と、ビジネス本の全体広告画像(限定ではなく、第2コンテンツ情報の一例)の内容と、時計の全体広告画像の内容と、アルコール飲料の全体広告画像の内容とが、ビジネスのメインコンテンツ分類に関連付けられた広告コンテンツ分類に分類される。
自動車の全体広告画像の内容とビジネス本の全体広告画像の内容とは、広告コンテンツ管理データベース154cにおける広告コンテンツ分類と同時表示規制分類との関係に該当しないことに基づいて、広告分類選択テーブル154bのビジネスのメインコンテンツ分類に関連付けられた広告コンテンツ分類の中から、自動車の全体広告画像とビジネス本の全体広告画像とが選択される。
自動車の全体広告画像に基づく第1部分広告画像242bと、ビジネス本の全体広告画像に基づく第2部分広告画像242bとは、端末20のページ表示領域に表示される構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として自動車の広告とアルコール飲料の広告との組み合わせのように、同時に表示されることが好ましくない第1情報と第2情報とが表示領域に表示されることを防止することができる。
<Effect of 9th modification (2)>
In this modification, in the advertisement classification selection table 154b, the content of the entire advertisement image of the automobile (an example of the first content information, not the limitation) and the entire advertisement image of the business book (an example of the second content information, not the limitation). ), The content of the overall advertising image of the clock, and the content of the overall advertising image of the alcoholic beverage are classified into the advertising content classification associated with the main content classification of the business.
Based on the fact that the content of the entire advertisement image of the automobile and the content of the entire advertisement image of the business book do not correspond to the relationship between the advertisement content classification and the simultaneous display regulation classification in the advertisement content management database 154c, the advertisement classification selection table 154b From the advertising content classifications associated with the main business content classification, the overall advertising image of the car and the overall advertising image of the business book are selected.
The first partial advertisement image 242b based on the whole advertisement image of the automobile and the second partial advertisement image 242b based on the whole advertisement image of the business book show a configuration displayed in the page display area of the terminal 20.
As an example of the effect obtained by such a configuration, first information and second information which are not preferable to be displayed at the same time, such as a combination of an advertisement for a car and an advertisement for an alcoholic beverage, are displayed instead of being limited. It can be prevented from being displayed in the area.

<第9変形例(3)>
第9実施例では、部分広告画像が広告主により設定される例を示したが、このような形態に限られない。部分広告画像は、全体広告画像を記憶しているサーバ10によって、全体広告画像に基づいて設定されてもよい。
<9th modification (3)>
In the ninth embodiment, an example in which the partial advertisement image is set by the advertiser is shown, but the present invention is not limited to such a form. The partial advertisement image may be set based on the whole advertisement image by the server 10 that stores the whole advertisement image.

限定ではなく例として、サーバ10の制御部11は、全体広告画像が静止画像である場合には、全体広告画像を所定の閾値により2値化した2値化画像に基づいて、2値化画像における線分密度が高い領域を注目領域と認識して、その注目領域を含む矩形領域を部分広告画像として設定してもよい。 As an example, not limited to, when the whole advertisement image is a still image, the control unit 11 of the server 10 is a binarized image based on the binarized image obtained by binarizing the whole advertisement image by a predetermined threshold. A region having a high line segment density in the above may be recognized as a region of interest, and a rectangular region including the region of interest may be set as a partial advertisement image.

また、限定ではなく例として、サーバ10の制御部11は、全体広告画像が動画像である場合には、表示順序に基づく前後の画像間(またはフレーム間)で画素値の差分が大きい領域を注目領域と認識して、その注目領域を含む矩形領域を部分画像として設定してもよい。 Further, as an example, not limited to, when the entire advertisement image is a moving image, the control unit 11 of the server 10 sets a region in which the difference in pixel values is large between the previous and next images (or between frames) based on the display order. It may be recognized as a region of interest and a rectangular region including the region of interest may be set as a partial image.

また、限定ではなく例として、サーバ10の制御部11は、上記画像処理を行うことなく、全体広告画像の一部(限定ではなく例として中央部分)を矩形状にトリミングして、トリミングした領域を部分広告画像として設定してもよい。 Further, as an example, not limited, the control unit 11 of the server 10 trims a part of the entire advertisement image (not limited but the central portion as an example) into a rectangular shape without performing the above image processing, and the trimmed area. May be set as a partial advertisement image.

本変形例は、部分広告画像は、全体広告データを端末20に送信するサーバ10によって設定される構成を示している。
このような構成により得られる効果の一例として、事業者(限定ではなく例として広告主)による第1情報の設定操作を不要とし、サーバ側で簡単に設定することができる。
In this modification, the partial advertisement image shows a configuration set by the server 10 that transmits the entire advertisement data to the terminal 20.
As an example of the effect obtained by such a configuration, the operation of setting the first information by the business operator (not limited, but as an example, the advertiser) is not required, and the setting can be easily performed on the server side.

<第9変形例(4)>
第9実施例では、初期設定に基づき、部分広告画像のサイズが所定のサイズに設定される例を示した。また、全体広告画像の1回表示あたりの課金額が、端末20のページ表示領域に表示する部分広告の数、およびその表示位置に関連付けられる構成について説明したが、このような形態に限られない。
限定ではなく例として、部分広告画像のサイズが任意のサイズに設定され、そのサイズに応じて、全体広告画像の1回表示あたりの課金額がサーバ10によって設定されてもよい。
<9th modification (4)>
In the ninth embodiment, an example in which the size of the partial advertisement image is set to a predetermined size is shown based on the initial setting. Further, the configuration in which the charge amount per display of the entire advertisement image is associated with the number of partial advertisements to be displayed in the page display area of the terminal 20 and the display position thereof has been described, but the present invention is not limited to such a form. ..
As an example, not the limitation, the size of the partial advertisement image may be set to an arbitrary size, and the billing amount per display of the entire advertisement image may be set by the server 10 according to the size.

限定ではなく例として、サーバ10の制御部11は、前述した部分広告画像のサイズと課金額との関係のように、部分広告画像の縦幅が大きいほど、すなわち、画面の長手方向の辺が長いほど、課金額を高くする。 As an example, not limited to, the control unit 11 of the server 10 has a larger vertical width of the partial advertisement image, that is, a side in the longitudinal direction of the screen, as in the relationship between the size of the partial advertisement image and the billing amount described above. The longer it is, the higher the billing amount will be.

具体的には、サーバ10の制御部11は、限定ではなく例として、部分広告画像の縦幅が大きいほど大きくなる課金係数を設定する。そして、サーバ10の制御部11は、限定ではなく例として、図9−2に示す広告課金テーブル154dを参照し、部分広告数および表示位置に応じた全体広告画像の1回表示あたりの課金額に課金係数を乗じた額を、広告主に請求する課金額に設定する。 Specifically, the control unit 11 of the server 10 sets, as an example, not a limitation, a billing coefficient that increases as the vertical width of the partial advertisement image increases. Then, the control unit 11 of the server 10 refers to the advertisement billing table 154d shown in FIG. 9-2 as an example, not limited to the billing amount per display of the entire advertisement image according to the number of partial advertisements and the display position. Is multiplied by the billing coefficient to set the billing amount to be charged to the advertiser.

なお、部分広告画像の縦幅ばかりでなく、部分広告画像の横幅も考慮して、課金額を設定するようにしてもよいし、そのようにしなくてもよい。 It should be noted that the billing amount may or may not be set in consideration of not only the vertical width of the partial advertisement image but also the horizontal width of the partial advertisement image.

具体的には、限定ではなく例として、部分広告画像の横幅が大きいほど大きくなり、かつ、部分広告画像の縦幅が大きいほど大きくなる課金係数を設定する。また、サーバ10の制御部11は、限定ではなく例として、部分広告画像の縦幅が横幅よりも大きい縦長の画像である場合には、横長の画像である場合よりも大きい課金係数を設定する。そして、サーバ10の制御部11は、限定ではなく例として、図9−2に示す広告課金テーブル154dを参照し、部分広告数および表示位置に応じた全体広告画像の1回表示あたりの課金額に課金係数を乗じた額を、広告主に請求する課金額に設定する。 Specifically, as an example, not limited, a billing coefficient is set that increases as the width of the partial advertisement image increases and increases as the height of the partial advertisement image increases. Further, the control unit 11 of the server 10 sets, as an example, not a limitation, a billing coefficient larger than that of the horizontally long image when the vertical width of the partial advertisement image is larger than the horizontal width. .. Then, the control unit 11 of the server 10 refers to the advertisement billing table 154d shown in FIG. 9-2 as an example, not limited to the billing amount per display of the entire advertisement image according to the number of partial advertisements and the display position. Is multiplied by the billing coefficient to set the billing amount to be charged to the advertiser.

本変形例は、全体広告データには全体広告画像のデータが含まれており、全体広告画像は、部分広告画像の長さ、または部分広告画像の大きさに基づく課金に関する情報が関連付けられる構成を示している。
このような構成により得られる効果の一例として、ユーザから注目を受けやすい長さまたは大きさを有する第1情報に、限定ではなく例として、その注目の受けやすさに応じた適切な課金額が関連付けられるようにすることができる。
In this modification, the whole advertisement data includes the data of the whole advertisement image, and the whole advertisement image is configured to be associated with the information about the charge based on the length of the partial advertisement image or the size of the partial advertisement image. Shown.
As an example of the effect obtained by such a configuration, the first information having a length or size that is easily noticed by the user is not limited, but as an example, an appropriate charge amount according to the ease of receiving the attention is applied. Can be associated.

<第9変形例(5)>
第9実施例では、初期設定に基づき、部分広告画像のサイズが所定のサイズに設定される例を示したが、このような形態に限られない。部分広告画像のサイズは、任意のサイズであってもよい。
<9th modification (5)>
In the ninth embodiment, an example in which the size of the partial advertisement image is set to a predetermined size based on the initial setting is shown, but the present invention is not limited to such a form. The size of the partial advertisement image may be any size.

広告主は、限定ではなく例として、前述した設定装置を操作することによって、部分広告画像を設定することが可能である。
本例では、広告主は、設定装置の表示部に全体広告画像を表示させた状態で、部分広告画像の領域を指定する操作を行う。このとき、所定のサイズの矩形のトリミング範囲が全体広告画像に表示される。このトリミング範囲のサイズは、広告主の操作によって任意のサイズに変更することが可能である。広告主がそのトリミング範囲の位置およびサイズを変更する操作を行うことで、トリミング範囲によって指定された領域が、全体広告画像からトリミングされて部分広告画像として設定され、部分広告データベース153bに記憶される。設定された部分広告画像のデータは、部分広告データとして端末20に配信される。
The advertiser can set the partial advertisement image by operating the setting device described above as an example, not a limitation.
In this example, the advertiser performs an operation of designating the area of the partial advertisement image in a state where the entire advertisement image is displayed on the display unit of the setting device. At this time, the trimming range of a rectangle of a predetermined size is displayed on the entire advertisement image. The size of this trimming range can be changed to any size by the operation of the advertiser. When the advertiser performs an operation of changing the position and size of the trimming range, the area specified by the trimming range is trimmed from the entire advertisement image, set as a partial advertisement image, and stored in the partial advertisement database 153b. .. The set partial advertisement image data is delivered to the terminal 20 as partial advertisement data.

<処理>
図9−9は、本変形例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理、端末20の表示処理部211が実行する表示処理、をそれぞれ示している。
なお、先に説明したフローチャートと同一のステップには同一の符号を付して再度の説明を省略し、異なるステップに着目して説明する。
<Processing>
FIG. 9-9 is a flowchart showing an example of the flow of processing executed by each device in this modified example.
In this figure, the distribution process executed by the distribution processing unit 111 of the server 10 and the display processing executed by the display processing unit 211 of the terminal 20 are shown.
It should be noted that the same steps as those in the flowchart described above are designated by the same reference numerals, the description thereof will be omitted again, and the explanation will be focused on different steps.

以下説明するフローチャートは、あくまでも本変形例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowchart described below merely illustrates the processing in this modification, and in the flowchart described below, some steps may not be executed or additional steps may be inserted.

図9−9は、図7−3のフローチャートから、部分広告決定処理のステップ(限定ではなく例として、B4のステップ)と、部分広告データを識別する処理(限定ではなく例として、B5のステップ)とを削除するとともに、メインコンテンツデータがメインコンテンツデータベース152からサーバ10によって識別された後(B1)の処理として、第3の部分広告関連処理(限定ではなく例として、B24のステップ)を追加したフローチャートである。 9-9 shows a step of partial advertisement determination processing (step of B4 as an example, not limitation) and a process of identifying partial advertisement data (step of B5 as an example, not limitation) from the flowchart of FIG. 7-3. ), And a third partial advertisement-related process (step B24 as an example, not a limitation) is added as the process (B1) after the main content data is identified by the server 10 from the main content database 152. Is.

B1の後、サーバ10は、第3の部分広告関連処理を実行する(B24)。
第3の部分広告関連処理では、サーバ10は、限定ではなく例として、配信対象となるメインコンテンツデータの内容を解析し、その内容に基づき、ページ表示領域に配置する部分広告画像の個数、内容、配置位置および課金額等を決定する。
After B1, the server 10 executes a third partial advertisement-related process (B24).
In the third partial advertisement-related process, the server 10 analyzes the content of the main content data to be distributed, and based on the content, the server 10 analyzes the content of the main content data to be distributed, and based on the content, the number, content, and the number of partial advertisement images to be arranged in the page display area. Determine the placement position and billing amount.

そして、サーバ10は、部分広告画像の個数を「2」に決定した場合、決定した内容の第1部分広告データおよび第2部分広告データを部分広告データベース153bから識別し、識別したこれらの部分広告データに基づき第1部分広告画像および第2部分広告画像のサイズを取得する。サーバ10は、取得したこれらのサイズに基づき、透過領域241aのサイズを決定する。 Then, when the server 10 determines the number of partial advertisement images to be "2", the server 10 identifies the first partial advertisement data and the second partial advertisement data of the determined contents from the partial advertisement database 153b, and these identified partial advertisements. The sizes of the first partial advertisement image and the second partial advertisement image are acquired based on the data. The server 10 determines the size of the transparent region 241a based on these acquired sizes.

また、サーバ10は、部分広告画像の個数を「3」に決定した場合、決定した内容の第1部分広告データ、第2部分広告データおよび第3部分広告データを部分広告データベース153bから識別し、識別したこれらの部分広告データに基づき第1部分広告画像、第2部分広告画像および第3部分広告画像のサイズを取得する。サーバ10は、取得したこれらのサイズに基づき、透過領域241aのサイズを決定する。 Further, when the number of partial advertisement images is determined to be "3", the server 10 identifies the first partial advertisement data, the second partial advertisement data, and the third partial advertisement data of the determined contents from the partial advertisement database 153b. Based on these identified partial advertisement data, the sizes of the first partial advertisement image, the second partial advertisement image, and the third partial advertisement image are acquired. The server 10 determines the size of the transparent region 241a based on these acquired sizes.

そして、サーバ10は、決定した透過領域241aを含むメインコンテンツ情報のデータを含むメインコンテンツデータを、通信I/F14によって端末20に送信する(B3)。 Then, the server 10 transmits the main content data including the data of the main content information including the determined transparent area 241a to the terminal 20 by the communication I / F 14 (B3).

図9−10は、第3の部分広告関連処理の流れの一例を示すフローチャートである。
この処理は、図9−8の第2の部分広告関連処理における課金額を決定する処理(限定ではなく例として、C11のステップ)の後に、透過領域を設定する処理(限定ではなく例として、C13のステップ)を追加したフローチャートである。
FIG. 9-10 is a flowchart showing an example of the flow of the third partial advertisement-related processing.
In this process, after the process of determining the billing amount in the second partial advertisement-related process of FIG. 9-8 (step C11 as an example, not the limitation), the process of setting the transparent area (as an example, not the limitation). It is a flowchart which added step) of C13.

C11の後、サーバ10は、限定ではなく例として、縦幅が最大となる部分広告画像に基づいて透過領域を設定する(C13)。
本例では、サーバ10は、送信対象とする部分広告データに基づき、第1部分広告画像の縦幅と第2部分広告画像の縦幅とを取得し、取得したこれらの縦幅のうちの最大の縦幅を取得する。
サーバ10は、限定ではなく例として、最大の縦幅と略同じ縦幅(限定ではなく例として、最大の縦幅の90%〜110%)を透過領域の縦幅とし、最大の縦幅を有する部分広告画像の横幅と略同じ横幅(限定ではなく例として、最大の縦幅を有する部分広告画像の横幅の90%〜110%)を透過領域の横幅とする。
そして、サーバ10は、メインコンテンツ情報(ウェブページ)における透過領域の位置を決定する。サーバ10は、限定ではなく例として、ウェブページが初期位置にある状態で、端末20のページ表示領域の下側に配置された第1部分広告画像と重畳するように、メインコンテンツ情報における透過領域の位置を決定する。
After C11, the server 10 sets the transparent region based on the partial advertisement image having the maximum vertical width as an example, not the limitation (C13).
In this example, the server 10 acquires the vertical width of the first partial advertisement image and the vertical width of the second partial advertisement image based on the partial advertisement data to be transmitted, and the maximum of these acquired vertical widths. Get the vertical width of.
As an example, the server 10 sets the vertical width substantially the same as the maximum vertical width (90% to 110% of the maximum vertical width as an example, not the limitation) as the vertical width of the transparent area, and sets the maximum vertical width as the vertical width. The width of the transparent region is defined as substantially the same width as the width of the partial advertisement image having (90% to 110% of the width of the partial advertisement image having the maximum height as an example, not limited).
Then, the server 10 determines the position of the transparent region in the main content information (web page). The server 10 is not limited, but as an example, in the state where the web page is in the initial position, the transparent area in the main content information is superimposed so as to be superimposed on the first partial advertisement image arranged below the page display area of the terminal 20. Determine the position.

なお、C13の処理では、透過領域の縦幅だけが、第1部分広告画像の縦幅および第2部分広告画像の縦幅のうちの最大の縦幅に設定され、透過領域の横幅が、最大の縦幅を有する部分広告画像の横幅と略同じ横幅に設定される例を示したが、このような形態に限られない。透過領域の横幅も、第1部分広告画像の横幅および第2部分広告画像の横幅のうちの最大の横幅に設定されてもよい。 In the processing of C13, only the vertical width of the transparent region is set to the maximum vertical width of the vertical width of the first partial advertisement image and the vertical width of the second partial advertisement image, and the horizontal width of the transparent region is the maximum. Although an example is shown in which the width is set to be substantially the same as the width of the partial advertisement image having the height of the above, the present invention is not limited to such a form. The width of the transparent region may also be set to the maximum width of the width of the first partial advertisement image and the width of the second partial advertisement image.

また、サーバ10は、C1のステップにおいて、ページ表示領域に表示すべき部分広告画像242bの個数を「3」と決定した場合、第1部分広告画像の縦幅、第2部分広告画像の縦幅および第3部分広告画像の縦幅のうちの最大の縦幅と略同じ縦幅(限定ではなく例として、最大の縦幅の90%〜110%)を透過領域の縦幅に設定する。 Further, when the server 10 determines that the number of partial advertisement images 242b to be displayed in the page display area is "3" in the step C1, the vertical width of the first partial advertisement image and the vertical width of the second partial advertisement image. And the vertical width substantially the same as the maximum vertical width of the third partial advertisement image (90% to 110% of the maximum vertical width as an example, not the limitation) is set as the vertical width of the transparent area.

本変形例は、透過領域は、少なくとも第1部分広告画像と第2部分広告画像とのうち、辺の長さが長い、または大きさが大きい方の情報に基づいて設定される構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として透過領域が小さすぎるために、第1情報と第2情報との視認性が損なわれることを防止することができる。
This modification shows a configuration in which the transparent region is set based on the information of at least the first partial advertisement image and the second partial advertisement image, whichever has the longer side length or the larger side. There is.
As an example of the effect obtained by such a configuration, it is possible to prevent the visibility of the first information and the second information from being impaired because the transmission region is too small, not by limitation.

<第9変形例(6)>
第9実施例において、限定ではなく例として、メインコンテンツを提供する事業者が、自身が提供するメインコンテンツと関連付けて第1レイヤに配置する部分広告画像の位置や大きさ、数などの条件を、競売(オークション)等によって、広告主に販売するようにしてもよいし、そのようにしなくてもよい。
<9th modification (6)>
In the ninth embodiment, as an example, not a limitation, the business operator who provides the main content auctions the conditions such as the position, size, and number of the partial advertisement images to be arranged in the first layer in association with the main content provided by the business operator. It may or may not be sold to the advertiser by (auction) or the like.

この場合、メインコンテンツを提供する事業者は、限定ではなく例として、広告主から自身への支払い額(自身から広告主への課金額)に応じて、その広告主の部分広告画像を配置する位置や大きさ、数などの条件を決定するようにすることができる。 In this case, the business operator that provides the main content is not limited, but as an example, the position where the partial advertisement image of the advertiser is arranged according to the payment amount from the advertiser to himself (the amount charged from himself to the advertiser). It is possible to determine conditions such as size, size, and number.

具体的には、限定ではなく例として、課金額が多い広告主ほど、ウェブページを閲覧する際にユーザの目にとまりやすい位置に部分広告画像を配置する権利を与えるようにすることができる。
または、限定ではなく例として、課金額が多い広告主ほど、より大きいサイズの部分広告画像を配置する権利を与えるようにすることができる。
または、限定ではなく例として、課金額が多い広告主ほど、より多い数の部分広告画像を配置する権利を与えるようにすることができる。
Specifically, as an example, not a limitation, an advertiser with a higher billing amount can be given the right to place a partial advertisement image at a position that is easily noticed by the user when browsing a web page.
Alternatively, as an example, but not a limitation, an advertiser with a higher billing amount may be given the right to place a larger size partial advertising image.
Alternatively, as an example, but not a limitation, an advertiser with a higher billing amount may be given the right to place a larger number of partial advertising images.

<第10実施例>
第10実施例は、動画像の全体広告画像が第1レイヤに配置される実施例である。
本実施例では、ユーザの入力に基づいて、第2レイヤに配置されたメインコンテンツ情報が有する透過領域は移動するが、全体広告画像が動画像であり、透過領域に基づいて、第1レイヤに配置された動画像の全体広告画像の再生の制御が実行される。
第10実施例は、上記の実施例とは、全体広告画像を静止画像ではなく動画像とした点が異なる。
<10th Example>
The tenth embodiment is an embodiment in which the entire advertising image of the moving image is arranged on the first layer.
In this embodiment, the transparent area of the main content information arranged in the second layer moves based on the input of the user, but the entire advertisement image is a moving image and is arranged in the first layer based on the transparent area. The control of the reproduction of the entire advertisement image of the moving image is executed.
The tenth embodiment is different from the above embodiment in that the entire advertisement image is a moving image instead of a still image.

第10実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the tenth embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

本実施例では、限定ではなく例として、サーバ10から端末20に、メインコンテンツデータと、そのメインコンテンツデータに関連付けられた全体広告データとが配信される。そして、第1レイヤに動画像の全体広告画像が配置され、第2レイヤにメインコンテンツ情報が配置される。 In this embodiment, the main content data and the overall advertisement data associated with the main content data are delivered from the server 10 to the terminal 20 as an example, not a limitation. Then, the entire advertising image of the moving image is arranged on the first layer, and the main content information is arranged on the second layer.

その後、ユーザのスクロール操作(第1入力)に基づいて、メインコンテンツ情報がスクロールされる。その結果、再生開始条件が成立したことに基づいて、動画像の全体広告画像の再生が開始される。 After that, the main content information is scrolled based on the scroll operation (first input) of the user. As a result, the reproduction of the entire advertisement image of the moving image is started based on the fact that the reproduction start condition is satisfied.

本実施例では、限定ではなく例として、
(A−1)透過領域の一部が全体広告画像に重畳したこと。
を再生開始条件とする。この場合、透過領域の縦の辺に基づいて、全体広告画像に重畳したか否かを判定するようにすることができる。
In this example, as an example, not a limitation
(A-1) A part of the transparent area is superimposed on the entire advertisement image.
Is the playback start condition. In this case, it is possible to determine whether or not the image is superimposed on the entire advertisement image based on the vertical side of the transparent area.

ここで、透過領域の一部が全体広告画像に最初に重畳したタイミングでは、透過領域を介して全体広告画像の一部をユーザが視認可能であるとは限らない。実際には、限定ではなく例として、透過領域の縦幅の10%〜20%程度が全体広告画像と重畳したタイミングで、透過領域を介して全体広告画像の一部をユーザが視認可能になると考えられる。そこで、限定ではなく例として、透過領域(透過領域の縦幅)の一定割合(限定ではなく例として10%〜20%程度)が全体広告画像に重畳したか否かを再生開始条件として判定するようにしてもよいし、そのようにしなくてもよい。 Here, at the timing when a part of the transparent region is first superimposed on the entire advertisement image, the user may not always be able to see a part of the entire advertisement image through the transparent region. Actually, as an example, not limited to, when about 10% to 20% of the vertical width of the transparent area is superimposed on the entire advertising image, a part of the entire advertising image becomes visible to the user through the transparent area. Conceivable. Therefore, as an example, not a limitation, it is determined as a playback start condition whether or not a certain ratio (not a limitation, about 10% to 20% as an example) of the transparent region (vertical width of the transparent region) is superimposed on the entire advertisement image. It may or may not be.

ただし、スクロール操作は、ある程度大きい速度で行われる場合が多いため、透過領域の一部が全体広告画像に重畳したタイミングで全体広告画像(動画像)が再生されたとしても、ユーザにとっては、全体広告画像の一部が視認可能となったタイミングで全体広告画像(動画像)が再生されたように認識される場合が多いと考えられる。 However, since the scroll operation is often performed at a high speed to some extent, even if the entire advertisement image (moving image) is reproduced at the timing when a part of the transparent area is superimposed on the entire advertisement image, the entire advertisement image (moving image) is reproduced for the user. It is considered that the entire advertisement image (moving image) is often recognized as being reproduced at the timing when a part of the advertisement image becomes visible.

なお、ウェブページが横方向にスクロールされる場合を想定し、限定ではなく例として、透過領域の横幅に基づいて、上記の再生開始条件の成否を判定するようにしてもよいし、そのようにしなくてもよい。
また、動画像の再生を開始した後、再生開始条件を満たさなくなった場合に、動画像の再生を停止するようにしてもよいし、そのようにしなくてもよい。
Assuming that the web page is scrolled in the horizontal direction, the success or failure of the above playback start condition may be determined based on the width of the transparent area as an example, not limited to that. It does not have to be.
Further, after starting the reproduction of the moving image, when the reproduction start condition is no longer satisfied, the reproduction of the moving image may or may not be stopped.

<処理>
図10−1は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理を左側に、端末20の表示処理部211が実行する表示処理を右側にそれぞれ示している。
<Processing>
FIG. 10-1 is a flowchart showing an example of the flow of processing executed by each device in this embodiment.
In this figure, the distribution process executed by the distribution processing unit 111 of the server 10 is shown on the left side, and the display processing executed by the display processing unit 211 of the terminal 20 is shown on the right side.

図10−1は、図2−9のフローチャートを、全体広告画像を動画像とする場合の処理として、図2−9のA7b〜A11aのステップを、A7c〜A11dのステップに置き換えるとともに、A9のステップをA9cのステップに置き換えたものである。 In FIG. 10-1, the steps A7b to A11a in FIG. 2-9 are replaced with the steps A7c to A11d as a process in which the flowchart of FIG. 2-9 is used as a moving image of the entire advertisement image, and FIG. The step is replaced with the step of A9c.

B3の後、サーバ10は、配信対象となるメインコンテンツデータに関連付けられた動画像の全体広告データを、全体広告データベース153aから識別する(B3a)。そして、識別した動画像の全体広告データを、通信I/F14によって端末20に送信して(B3b)、配信処理を終了する。 After B3, the server 10 identifies the entire advertisement data of the moving image associated with the main content data to be distributed from the overall advertisement database 153a (B3a). Then, the entire advertisement data of the identified moving image is transmitted to the terminal 20 by the communication I / F 14 (B3b), and the distribution process is completed.

端末20は、サーバ10からメインコンテンツデータと、動画像の全体広告データとを受信すると、限定ではなく例として、全体広告データに基づく動画像の全体広告画像242aを第1レイヤに配置し、メインコンテンツデータに基づくウェブページ241を第2レイヤに配置する(A3)。 When the terminal 20 receives the main content data and the overall advertisement data of the moving image from the server 10, the terminal 20 arranges the entire advertising image 242a of the moving image based on the overall advertising data in the first layer as an example, not limited to the main content data. The web page 241 based on the above is placed in the second layer (A3).

ウェブページ241(メインコンテンツ情報)は透過領域241aを有している。このため、ユーザのスクロール操作に従って透過領域241aがページ表示領域に現れると、ユーザは、透過領域241aを介して動画像の全体広告画像242aの一部を視認可能となる。 The web page 241 (main content information) has a transparent area 241a. Therefore, when the transparent area 241a appears in the page display area according to the scrolling operation of the user, the user can visually recognize a part of the entire advertising image 242a of the moving image through the transparent area 241a.

A3の後、端末20は、スクロール操作が行われたか否かを判定する(A5)。
スクロール操作が行われていない場合には(A5:No)、スクロール操作を待機する。
スクロール操作が行われた場合には(A5:Yes)、スクロール操作の方向にウェブページ241を移動させる(A7)。
After A3, the terminal 20 determines whether or not the scroll operation has been performed (A5).
If the scroll operation is not performed (A5: No), the scroll operation is waited for.
When the scroll operation is performed (A5: Yes), the web page 241 is moved in the direction of the scroll operation (A7).

次いで、端末20は、再生フラグがセットされているか否かを判定する(A7c)。
本処理における「再生フラグ」とは、全体広告画像242aの動画再生が開始された場合にセットされるフラグである。再生フラグがセットされた後は、全体広告画像242aの動画再生が継続される。
Next, the terminal 20 determines whether or not the reproduction flag is set (A7c).
The "reproduction flag" in this process is a flag that is set when the moving image reproduction of the entire advertisement image 242a is started. After the playback flag is set, the moving image playback of the entire advertisement image 242a is continued.

再生フラグがセットされている場合は(A7c:Yes)、A13に処理を進める。
再生フラグがセットされていない場合は(A7c:No)、端末20は、全体広告画像242aの再生開始条件が成立したか否かを判定する(A9c)。具体的には、限定ではなく例として、ウェブページ241がスクロールされた結果、透過領域241aの一部が全体広告画像242aに重畳したか否かを判定する。
If the playback flag is set (A7c: Yes), the process proceeds to A13.
When the reproduction flag is not set (A7c: No), the terminal 20 determines whether or not the reproduction start condition of the entire advertisement image 242a is satisfied (A9c). Specifically, as an example, not a limitation, it is determined whether or not a part of the transparent region 241a is superimposed on the entire advertisement image 242a as a result of scrolling the web page 241.

再生開始条件が成立しなかった場合(A9c:No)、端末20は、A13に処理を進める。
一方、再生開始条件が成立した場合(A9c:Yes)、端末20は、全体広告画像242aの動画再生を開始する(A11c)。そして、端末20は、再生フラグをセットした後(A11d)、A13に処理を進める。
If the playback start condition is not satisfied (A9c: No), the terminal 20 proceeds to A13.
On the other hand, when the reproduction start condition is satisfied (A9c: Yes), the terminal 20 starts the moving image reproduction of the entire advertisement image 242a (A11c). Then, after setting the reproduction flag (A11d), the terminal 20 proceeds with the process to A13.

<第10実施例の効果>
第10実施例は、端末20が、サーバ10から受信された動画データに基づいて、動画像の全体広告画像をページ表示領域(限定ではなく、端末の表示領域の一例)に表示する。また、端末20は、透過領域241aを有するメインコンテンツ情報(ウェブページ241)(限定ではなく、コンテンツの一例)をページ表示領域に表示する。そして、端末20は、ユーザによるページ表示領域に対するスクロール操作(限定ではなく、第1入力の一例)に基づいて、ページ表示領域上を移動させる制御を、ウェブページ241の少なくとも透過領域241aに実行する。そして、端末20は、透過領域241aに基づいて、動画像の全体広告画像の再生を実行する構成を示している。
このような構成により得られる効果の一例として、動画像の再生を透過領域の移動を介して第1入力と連動させることができる。また、その結果として、動画像の一部の領域の再生も透過領域の移動を介して第1入力と連動されることとなる。
<Effect of the tenth embodiment>
In the tenth embodiment, the terminal 20 displays the entire advertisement image of the moving image in the page display area (not limited, but an example of the display area of the terminal) based on the moving image data received from the server 10. Further, the terminal 20 displays the main content information (web page 241) (not limited, but an example of the content) having the transparent area 241a in the page display area. Then, the terminal 20 executes control to move on the page display area to at least the transparent area 241a of the web page 241 based on the scroll operation (not limited, but an example of the first input) for the page display area by the user. .. Then, the terminal 20 shows a configuration for executing the reproduction of the entire advertisement image of the moving image based on the transparent region 241a.
As an example of the effect obtained by such a configuration, the reproduction of the moving image can be linked with the first input via the movement of the transparent region. Further, as a result, the reproduction of a part of the moving image is also linked with the first input via the movement of the transparent region.

<第10変形例>
第10実施例で説明した再生開始条件はあくまでも一例に過ぎない。再生開始条件としては、限定ではなく例として、以下のいずれかの条件を定めておくことができる。
(A−1)透過領域の一部が全体広告画像に重畳したこと(第10実施例と同じ)。
(A−2)透過領域の全部が全体広告画像に重畳したこと。
(A−3)透過領域の所定割合(限定ではなく例として30%〜70%程度の値)がページ表示領域に表示されたこと。
<10th modification>
The reproduction start condition described in the tenth embodiment is merely an example. As the reproduction start condition, any of the following conditions can be defined as an example, not limited.
(A-1) A part of the transparent region is superimposed on the entire advertisement image (same as in the tenth embodiment).
(A-2) The entire transparent area is superimposed on the entire advertising image.
(A-3) A predetermined ratio of the transparent area (not limited, but a value of about 30% to 70% as an example) is displayed in the page display area.

また、限定ではなく例として、上記の他にも、
(A−4)透過領域の一部が注目領域に重畳したこと。
(A−5)透過領域の全部が注目領域に重畳したこと。
を再生開始条件として定めておくこともできる。
ただし、透過領域よりも注目領域が小さい場合、これらの条件の意味合いは、
(A−4)透過領域に注目領域の一部が含まれたこと。
(A−5)透過領域に注目領域の全部が含まれたこと。
となる。
In addition to the above, as an example, not limited to
(A-4) A part of the transparent region is superimposed on the region of interest.
(A-5) The entire transparent region is superimposed on the region of interest.
Can also be set as a playback start condition.
However, if the region of interest is smaller than the transparent region, the implications of these conditions are:
(A-4) The transparent region includes a part of the region of interest.
(A-5) The transparent region includes the entire region of interest.
Will be.

なお、(A−1)、(A−2)の再生開始条件に関連して、透過領域の所定割合が全体広告画像に重畳したこと、を再生開始条件として定めておくようにしてもよいし、そのようにしなくてもよい。
また、(A−4)、(A−5)の再生開始条件に関連して、透過領域の所定割合が注目領域に重畳したこと、を再生開始条件として定めておくようにしてもよいし、そのようにしなくてもよい。
It should be noted that, in relation to the reproduction start conditions of (A-1) and (A-2), it may be defined as the reproduction start condition that a predetermined ratio of the transparent region is superimposed on the entire advertisement image. , You don't have to do that.
Further, in relation to the reproduction start conditions of (A-4) and (A-5), the fact that a predetermined ratio of the transparent region is superimposed on the region of interest may be defined as the reproduction start condition. You don't have to do that.

上記のいずれの再生開始条件を適用することも可能であるが、ここでは一例として、上記(A−5)の再生開始条件を適用した場合の表示画面例について説明する。
図10−2および図10−3に示す例では、第2レイヤには、メインコンテンツデータに基づくメインコンテンツ情報としてビジネスニュースサイトのウェブページ241が配置され、第1レイヤには、そのメインコンテンツデータに関連付けて配信された広告コンテンツデータに基づく広告コンテンツ情報として全体広告画像242aが配置されている。本例では、全体広告画像242aは、道路上を自動車が走行している状況を表示する動画像であり、第1レイヤの全体に配置される。
It is possible to apply any of the above playback start conditions, but here, as an example, an example of a display screen when the above playback start condition (A-5) is applied will be described.
In the example shown in FIGS. 10-2 and 10-3, the web page 241 of the business news site is arranged as the main content information based on the main content data in the second layer, and the web page 241 of the business news site is arranged in the first layer in association with the main content data. The entire advertisement image 242a is arranged as the advertisement content information based on the distributed advertisement content data. In this example, the overall advertisement image 242a is a moving image displaying a situation in which an automobile is traveling on the road, and is arranged on the entire first layer.

図10−2に示す例では、ウェブページ241の縦幅は、ページ表示領域の縦幅よりも大きいため、ウェブページ241の全体がページ表示領域に収まりきれない。その結果、ウェブページ241が初期位置にある状態では、ウェブページ241の先頭部分[TOP]を含むウェブページ241の一部がページ表示領域に表示され、ウェブページ241の最終部分[END]を含む残りの部分は非表示となっている。そして、本例では、透過領域241aはページ表示領域の中央部と下部との間に位置している。 In the example shown in FIG. 10-2, the vertical width of the web page 241 is larger than the vertical width of the page display area, so that the entire web page 241 cannot fit in the page display area. As a result, when the web page 241 is in the initial position, a part of the web page 241 including the first part [TOP] of the web page 241 is displayed in the page display area, and includes the final part [END] of the web page 241. The rest is hidden. Then, in this example, the transparent region 241a is located between the central portion and the lower portion of the page display region.

ユーザがページ表示領域(ただし、透過領域241aとは異なる領域)をタッチして、画面上方向に指を動かすスクロール動作を行うことで、ウェブページ241が画面上方向にスクロールする。これに伴い、透過領域241aも画面上方向にスクロールする。そして、図10−2の一番右に示すように、限定ではなく例として、透過領域241aに全体広告画像242aの注目領域の全部が含まれると、再生開始条件が成立したと判定され、全体広告画像242aとして、自動車が道路上を手前側に走行する動画像の再生が開始される。
その後は、図10−3に示すように、全体広告画像242aの再生が継続され、全体広告画像242a内の自動車は道路を手前側に向かって走行する。
The web page 241 scrolls upward on the screen by the user touching the page display area (however, an area different from the transparent area 241a) and performing a scrolling operation of moving a finger upward on the screen. Along with this, the transparent region 241a also scrolls upward on the screen. Then, as shown on the far right of FIG. 10-2, when the transparent region 241a includes the entire region of interest of the entire advertising image 242a, it is determined that the reproduction start condition is satisfied, and the entire region is determined to be satisfied. As the advertisement image 242a, the reproduction of the moving image in which the automobile travels on the road toward the front side is started.
After that, as shown in FIG. 10-3, the reproduction of the overall advertisement image 242a is continued, and the automobile in the overall advertisement image 242a travels on the road toward the front side.

<第10変形例の効果>
このような構成により得られる効果の一例として、種々の条件に基づいて、動画像の再生を制御することができる。
<Effect of the 10th modification>
As an example of the effect obtained by such a configuration, the reproduction of a moving image can be controlled based on various conditions.

<第11実施例>
第11実施例は、第10実施例において、ユーザによる第2入力に基づいて、再生中の動画像(全体広告画像)の全体を表示する実施例である。
第11実施例は、第3実施例に対応するが、全体広告画像が静止画像ではなく動画像である点が異なる。
<11th Example>
The eleventh embodiment is an embodiment in which the entire moving image (whole advertisement image) being reproduced is displayed based on the second input by the user in the tenth embodiment.
The eleventh embodiment corresponds to the third embodiment, except that the overall advertisement image is not a still image but a moving image.

第11実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the eleventh embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

<表示画面例>
図11−1に示す例では、図10−2、図10−3に示した例において、動画像の全体広告画像242aが再生された後、透過領域241aがユーザによってタッチ操作された状態が示されている。
この場合、透過領域241aがタッチ操作されたことに基づいて、再生中の全体広告画像242aが全体表示される。具体的には、限定ではなく例として、道路を手前側に向かって走行する自動車の動画像の全体広告画像242aがページ表示領域全体に表示される。
<Display screen example>
In the example shown in FIG. 11-1, in the examples shown in FIGS. 10-2 and 10-3, a state in which the transparent region 241a is touch-operated by the user after the entire advertising image 242a of the moving image is reproduced is shown. Has been done.
In this case, the entire advertising image 242a being reproduced is displayed as a whole based on the touch operation of the transparent region 241a. Specifically, as an example, not limited to, the entire advertisement image 242a of the moving image of the automobile traveling on the road toward the front side is displayed in the entire page display area.

<処理>
図11−2は、本実施例において端末20の表示処理部211が実行する処理の一例である全体広告表示処理の流れの一例を示すフローチャートである。
この全体広告表示処理は、限定ではなく例として、再生フラグがセットされた後(図10−AのA11d後)に実行されるようにすることができる。
<Processing>
FIG. 11-2 is a flowchart showing an example of the flow of the overall advertisement display processing, which is an example of the processing executed by the display processing unit 211 of the terminal 20 in this embodiment.
This overall advertisement display process is not limited, but as an example, it can be executed after the reproduction flag is set (after A11d in FIG. 10-A).

図10−Bの処理は、図3−2の処理におけるA25のステップをA25aのステップに置き換えた処理である。
端末20は、限定ではなく例として、透過領域241aに対するタッチ操作(第2入力)が行われたか否かを判定する(A21)。ユーザによりタッチ操作が行われなかった場合(A21:No)、端末20は、全体広告表示処理を終了する。
The process of FIG. 10-B is a process in which the step of A25 in the process of FIG. 3-2 is replaced with the step of A25a.
The terminal 20 determines, as an example, not a limitation, whether or not a touch operation (second input) has been performed on the transparent region 241a (A21). When the touch operation is not performed by the user (A21: No), the terminal 20 ends the entire advertisement display process.

一方、ユーザによりタッチ操作が行われた場合(A21:Yes)、端末20は、第2レイヤに配置しているウェブページ241の全体を透過領域241aに設定する(A25)。ウェブページ241の全体が透過領域241aに設定されることで、第1レイヤで再生中の動画像の全体広告画像242aの全体をユーザが視認可能となる。 On the other hand, when the touch operation is performed by the user (A21: Yes), the terminal 20 sets the entire web page 241 arranged in the second layer in the transparent region 241a (A25). By setting the entire web page 241 in the transparent region 241a, the user can visually recognize the entire advertising image 242a of the moving image being reproduced in the first layer.

なお、全体広告画像(再生中の動画像)の全体を表示させる方法としては、限定ではなく例として、(1)第2レイヤのメインコンテンツ情報の全体を透過領域に設定する方法、(2)第2レイヤのメインコンテンツ情報を第1レイヤに再配置するとともに、第1レイヤの全体広告画像を第2レイヤに再配置するレイヤチェンジを実行する方法、および、(3)第2レイヤの情報を非表示とする方法(第2レイヤのメインコンテンツ情報を消去する方法)、のいずれの手法を用いてもよい。 The method of displaying the entire advertisement image (moving image being played) is not limited, but as an example, (1) a method of setting the entire main content information of the second layer as a transparent area, and (2) a first method. A method of performing a layer change in which the main content information of the two layers is rearranged in the first layer and the entire advertising image of the first layer is rearranged in the second layer, and (3) the information of the second layer is hidden. Any method of (a method of erasing the main content information of the second layer) may be used.

<第11実施例の効果>
第11実施例は、ユーザのタッチ操作(限定ではなく、第2入力の一例)に基づいて、動画像の全体広告画像(限定ではなく、第1動画像の一例)をページ表示領域の全体に表示させる構成を示している。
このような構成により得られる効果の一例として、第2入力に基づいて、第1動画像を端末のユーザに対して視認可能とすることができる。
<Effect of 11th Example>
In the eleventh embodiment, the entire advertising image of the moving image (an example of the first moving image, not the limitation) is applied to the entire page display area based on the user's touch operation (an example of the second input, not the limitation). The configuration to be displayed is shown.
As an example of the effect obtained by such a configuration, the first moving image can be made visible to the user of the terminal based on the second input.

<第12実施例>
第12実施例は、部分動画像の再生に関する実施例である。
第10実施例とは、広告画像が動画像である点は同じであるが、第1レイヤに配置される広告画像が動画像の部分広告画像(以下、適宜「部分動画像」と称する。)であり、透過領域に基づいて、部分動画像の再生の制御が実行される点が異なる。
<12th Example>
The twelfth embodiment is an example relating to the reproduction of a partial moving image.
The tenth embodiment is the same as the tenth embodiment in that the advertising image is a moving image, but the advertising image arranged in the first layer is a partial advertising image of the moving image (hereinafter, appropriately referred to as "partial moving image"). The difference is that the reproduction of the partial moving image is controlled based on the transparent region.

本実施例において、部分動画像は、動画像である全体広告画像の一部の領域(限定ではなく例として、動画像の全体広告画像の一部分を含むもの)である。より具体的には、部分動画像は、限定ではなく例として、動画像である全体広告画像の一部の領域がトリミングされるなどして構成されるようにすることができる。 In this embodiment, the partial moving image is a part of the whole advertising image which is a moving image (not limited to, as an example, including a part of the whole advertising image of the moving image). More specifically, the partial moving image is not limited, but as an example, a part of the entire advertising image, which is a moving image, may be trimmed to form a partial moving image.

第12実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the twelfth embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

部分広告画像(部分動画像)の再生開始条件は、基本的に、第10実施例で説明した(A−1)の再生開始条件と同様に、
(B−1)透過領域の一部が部分広告画像に重畳したこと。
として定めておくことができる。
The reproduction start condition of the partial advertisement image (partial moving image) is basically the same as the reproduction start condition of (A-1) described in the tenth embodiment.
(B-1) A part of the transparent area is superimposed on the partial advertisement image.
Can be defined as.

なお、上記の他にも、前述した(A−2)〜(A−5)の全体広告画像の再生開始条件と同様に、
(B−2)透過領域の全部が部分広告画像に重畳したこと。
(B−3)透過領域の所定割合(限定ではなく例として30%〜70%程度の値)がページ表示領域に表示されたこと。
(B−4)透過領域の一部が注目領域に重畳したこと。
(B−5)透過領域の全部が注目領域に重畳したこと。
等の条件を再生開始条件として定めておくようにすることもできる。
In addition to the above, the same as the above-mentioned conditions for starting playback of the entire advertising image (A-2) to (A-5),
(B-2) The entire transparent area is superimposed on the partial advertisement image.
(B-3) A predetermined ratio of the transparent area (not limited, but a value of about 30% to 70% as an example) is displayed in the page display area.
(B-4) A part of the transparent region is superimposed on the region of interest.
(B-5) The entire transparent region is superimposed on the region of interest.
It is also possible to set conditions such as, etc. as playback start conditions.

ただし、透過領域よりも部分広告画像が小さい場合、(B−1)、(B−2)の条件の意味合いは、
(B−1)透過領域に部分広告画像の一部が含まれたこと。
(B−2)透過領域に部分広告画像の全部が含まれたこと。
となる。
これは、(B−4)、(B−5)の条件についても同様である。
However, when the partial advertisement image is smaller than the transparent area, the meanings of the conditions (B-1) and (B-2) are:
(B-1) A part of the partial advertisement image is included in the transparent area.
(B-2) The transparent area includes the entire partial advertisement image.
Will be.
This also applies to the conditions (B-4) and (B-5).

なお、(B−1)、(B−2)の再生開始条件に関連して、透過領域の所定割合が部分広告画像に重畳したこと、を再生開始条件として定めておくようにしてもよいし、そのようにしなくてもよい。
同様に、(B−4)、(B−5)の再生開始条件に関連して、透過領域の所定割合が注目領域に重畳したこと、を再生開始条件として定めておくようにしてもよいし、そのようにしなくてもよい。
In addition, in relation to the reproduction start conditions of (B-1) and (B-2), it may be defined as the reproduction start condition that a predetermined ratio of the transparent region is superimposed on the partial advertisement image. , You don't have to do that.
Similarly, in relation to the reproduction start conditions of (B-4) and (B-5), the fact that a predetermined ratio of the transparent region is superimposed on the region of interest may be defined as the reproduction start condition. , You don't have to do that.

また、前述したように、注目領域の画像を部分広告画像とすることもできる。この場合、上記の再生開始条件のうちの(B−1)、(B−2)の条件は、それぞれ(B−4)、(B−5)の条件と同じとなる。 Further, as described above, the image in the region of interest can be used as a partial advertisement image. In this case, the conditions of (B-1) and (B-2) among the above-mentioned reproduction start conditions are the same as the conditions of (B-4) and (B-5), respectively.

<表示画面例>
上記のいずれの再生開始条件を適用することも可能であるが、ここでは一例として、上記(B−3)の再生開始条件を適用した場合の表示画面例について説明する。この例では、所定割合を60%として説明する。
<Display screen example>
It is possible to apply any of the above playback start conditions, but here, as an example, an example of a display screen when the above playback start condition (B-3) is applied will be described. In this example, the predetermined ratio will be described as 60%.

図12−1および図12−2に示す例では、第2レイヤには、メインコンテンツデータに基づくメインコンテンツ情報としてビジネスニュースサイトのウェブページ241が配置され、第1レイヤには、そのメインコンテンツデータに関連付けて配信された広告コンテンツデータに基づく広告コンテンツ情報として部分広告画像242bが配置されている。この例では、限定ではなく例として、部分広告画像242bの底辺はページ表示領域の底辺に沿って配置されている。 In the example shown in FIGS. 12-1 and 12-2, the web page 241 of the business news site is arranged as the main content information based on the main content data in the second layer, and the web page 241 of the business news site is arranged in the first layer in association with the main content data. A partial advertisement image 242b is arranged as advertisement content information based on the distributed advertisement content data. In this example, as an example, not a limitation, the bottom of the partial advertisement image 242b is arranged along the bottom of the page display area.

本例では、部分広告画像242bは、初期状態で自動車が表示された静止画像であるが、ウェブページ241が初期位置にある状態では、透過領域241aが端末20のページ表示領域に表示されていないため、ユーザは、部分広告画像242bを視認できない。
ユーザのスクロール操作によって透過領域241aの縦幅の所定割合(限定ではなく例として60%)が端末20のページ表示領域に表示されると、部分広告画像242bは、道路上を自動車が走行している状況を表示する部分動画像となる。
In this example, the partial advertisement image 242b is a still image in which the automobile is displayed in the initial state, but in the state where the web page 241 is in the initial position, the transparent area 241a is not displayed in the page display area of the terminal 20. Therefore, the user cannot visually recognize the partial advertisement image 242b.
When a predetermined ratio (60% as an example, not limited) of the vertical width of the transparent area 241a is displayed in the page display area of the terminal 20 by the scroll operation of the user, the partial advertisement image 242b shows that the automobile is traveling on the road. It becomes a partial moving image that displays the situation.

なお、図12−1および図12−2に示す例において、部分広告画像242bは、横幅が縦幅よりも大きい横長の画像であり、第1レイヤの下端に配置される。部分広告画像242bのページ表示領域に対する相対位置は、固定されている。すなわち、部分広告画像242bは、ユーザがウェブページ241をスクロールしても位置を変えない。 In the examples shown in FIGS. 12-1 and 12-2, the partial advertisement image 242b is a horizontally long image having a width larger than the height and is arranged at the lower end of the first layer. The relative position of the partial advertisement image 242b with respect to the page display area is fixed. That is, the partial advertisement image 242b does not change its position even if the user scrolls the web page 241.

部分広告画像242bがページ表示領域に表示された状態では、その部分広告画像242bの下方に、他の情報を表示するための領域が存在していない。また、部分広告画像242bの底辺がページ表示領域の底辺と合致している状態であるともいえる。 In the state where the partial advertisement image 242b is displayed in the page display area, there is no area below the partial advertisement image 242b for displaying other information. It can also be said that the bottom edge of the partial advertisement image 242b coincides with the bottom edge of the page display area.

図12−1に示す例では、ウェブページ241の縦幅は、ページ表示領域の縦幅よりも大きいため、ウェブページ241の全体がページ表示領域に収まりきれない。そして、本例では、ウェブページ241における先頭部分[TOP]から透過領域241aまでの縦幅が、ページ表示領域の縦幅よりも大きいため、ウェブページ241が初期位置にある状態では、透過領域241aはページ表示領域上に位置していない。そのため、ウェブページ241が初期位置にある状態では、ユーザは、第1レイヤの部分広告画像242bを全く視認することができず、そのウェブページ241に透過領域が含まれるかどうかも把握することができない。 In the example shown in FIG. 12-1, the vertical width of the web page 241 is larger than the vertical width of the page display area, so that the entire web page 241 cannot fit in the page display area. In this example, the vertical width from the head portion [TOP] to the transparent area 241a in the web page 241 is larger than the vertical width of the page display area. Therefore, in the state where the web page 241 is in the initial position, the transparent area 241a Is not located on the page display area. Therefore, when the web page 241 is in the initial position, the user cannot visually recognize the partial advertisement image 242b of the first layer at all, and can also grasp whether or not the web page 241 includes a transparent area. Can not.

ウェブページ241が初期位置にある場合に、ユーザのスクロール操作に伴い、ウェブページ241とともに透過領域241aも画面上方向にスクロールして、画面下方から透過領域241aの上部が出現する。透過領域241aの上部がページ表示領域に位置したことで、透過領域241aの上部と部分広告画像242bの下部とが重畳して、透過領域241aを介して部分広告画像242bの下部(本例では道路の手前側の一部を含む部分)を視認可能となる。このときの部分広告画像242bは静止画像である。この静止画像は、限定ではなく例として、部分広告画像242bが部分動画像として再生されたとしたときの先頭フレームである。 When the web page 241 is in the initial position, the transparent area 241a scrolls upward along with the web page 241 as the user scrolls, and the upper part of the transparent area 241a appears from the lower part of the screen. Since the upper part of the transparent area 241a is located in the page display area, the upper part of the transparent area 241a and the lower part of the partial advertisement image 242b overlap each other, and the lower part of the partial advertisement image 242b (in this example, the road) passes through the transparent area 241a. The part including a part on the front side of the) can be visually recognized. The partial advertisement image 242b at this time is a still image. This still image is not a limitation but, as an example, a head frame when the partial advertisement image 242b is reproduced as a partial moving image.

さらにユーザが画面上方向へのスクロール操作を継続することで、透過領域241aの縦幅の略50%が端末20のページ表示領域に表示される。このとき、透過領域241aを介して部分広告画像242b内の自動車が視認可能となっているが、部分広告画像242bが静止画像であるため、自動車は画像内で静止している。 Further, when the user continues the scrolling operation in the upward direction of the screen, approximately 50% of the vertical width of the transparent area 241a is displayed in the page display area of the terminal 20. At this time, the automobile in the partial advertisement image 242b is visible through the transparent region 241a, but since the partial advertisement image 242b is a still image, the automobile is stationary in the image.

ユーザが画面上方向へのスクロール操作を継続すると、図12−2に示すように、透過領域241aの縦幅の所定割合(60%)が端末20のページ表示領域に表示されたことに基づいて、自動車が道路上を手前側に走行する部分動画像(部分広告画像242b)の再生がスタートする。 When the user continues the scrolling operation in the upward direction of the screen, as shown in FIG. 12-2, a predetermined ratio (60%) of the vertical width of the transparent area 241a is displayed in the page display area of the terminal 20. , The reproduction of the partial moving image (partial advertisement image 242b) in which the automobile travels on the road toward the front starts.

ユーザがスクロール動作をさらに継続して、ウェブページ241を画面上方向にスクロールさせると、透過領域241aが、さらに上側へ移動し、限定ではなく例として透過領域241aの縦幅の略75%が端末20のページ表示領域に表示された状態となる。透過領域241aが上側へ移動する間、部分動画像の再生が継続され、部分広告画像242b内の自動車は道路を手前側に走行する。 When the user continues the scrolling operation and scrolls the web page 241 upward on the screen, the transparent area 241a moves further upward, and approximately 75% of the vertical width of the transparent area 241a is, for example, a terminal. It will be in the state of being displayed in the page display area of 20. While the transmission region 241a moves upward, the reproduction of the partial moving image is continued, and the automobile in the partial advertisement image 242b travels on the road toward the front side.

そして、さらにユーザがスクロール動作を継続して、ウェブページ241を画面上方向にスクロールさせると、透過領域241aが、さらに上側へ移動し、限定ではなく例として透過領域241aの縦幅の略80%が端末20のページ表示領域に表示された状態となる。この間にも部分動画像の再生が継続され、部分広告画像242b内の自動車は手前側に向かって道路をさらに走行する。 Then, when the user continues the scrolling operation and scrolls the web page 241 upward on the screen, the transparent area 241a moves further upward, and is not limited, but as an example, approximately 80% of the vertical width of the transparent area 241a. Is displayed in the page display area of the terminal 20. During this period, the reproduction of the partial moving image is continued, and the automobile in the partial advertising image 242b further travels on the road toward the front side.

<処理>
図12−3は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理、端末20の表示処理部211が実行する表示処理、をそれぞれ示している。
なお、先に説明したフローチャートと同一のステップには同一の符号を付して再度の説明を省略し、異なるステップに着目して説明する。
<Processing>
FIG. 12-3 is a flowchart showing an example of the flow of processing executed by each device in this embodiment.
In this figure, the distribution process executed by the distribution processing unit 111 of the server 10 and the display processing executed by the display processing unit 211 of the terminal 20 are shown.
It should be noted that the same steps as those in the flowchart described above are designated by the same reference numerals, the description thereof will be omitted again, and the explanation will be focused on different steps.

以下説明するフローチャートは、あくまでも本実施例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowchart described below merely illustrates the processing in this embodiment, and in the flowchart described below, some steps may not be executed or additional steps may be inserted.

図12−3は、部分広告画像を動画像とする場合の処理として、図4−5のA7b〜A12aのステップを、A7c〜A12dのステップに置き換えたものである。 In FIG. 12-3, the steps A7b to A12a in FIG. 4-5 are replaced with the steps A7c to A12d as a process when the partial advertisement image is used as a moving image.

端末20は、サーバ10からメインコンテンツデータと、部分広告データとを受信すると、部分広告データに基づく静止画像の部分広告画像242bを第1レイヤに配置し、メインコンテンツデータに基づくウェブページ241を第2レイヤに配置して、部分広告画像242bにウェブページ241を重畳表示させる(A4)。 When the terminal 20 receives the main content data and the partial advertisement data from the server 10, the terminal 20 arranges the partial advertisement image 242b of the still image based on the partial advertisement data in the first layer, and arranges the web page 241 based on the main content data in the second layer. The web page 241 is superimposed and displayed on the partial advertisement image 242b (A4).

A7の後、端末20は、再生フラグがセットされているか否かを判定する(A7c)。
本処理における「再生フラグ」とは、部分広告画像242bの動画再生が開始された場合にセットされるフラグである。再生フラグがセットされた後は、部分広告画像242bの動画再生が継続される。
After A7, the terminal 20 determines whether or not the reproduction flag is set (A7c).
The "reproduction flag" in this process is a flag set when the moving image reproduction of the partial advertisement image 242b is started. After the reproduction flag is set, the moving image reproduction of the partial advertisement image 242b is continued.

再生フラグがセットされていないと判定した場合(A7c;No)、端末20は、部分広告画像(部分動画像)の再生開始条件が成立したか否かを判定する(A9d)。具体的には、限定ではなく例として、透過領域241aの縦幅の所定割合(限定ではなく例として60%)が端末20のページ表示領域に表示されているか否かを判定する。 When it is determined that the reproduction flag is not set (A7c; No), the terminal 20 determines whether or not the reproduction start condition of the partial advertisement image (partial moving image) is satisfied (A9d). Specifically, as an example rather than a limitation, it is determined whether or not a predetermined ratio of the vertical width of the transparent region 241a (60% as an example, not a limitation) is displayed in the page display area of the terminal 20.

再生開始条件が成立していない場合(A9d:No)、端末20は、A13に処理を進める。
一方、再生開始条件が成立した場合(A9d:Yes)、端末20は、部分動画像(部分広告画像242b)の動画再生を開始する(A12c)。そして、端末20は、再生フラグをセットした後(A12d)、A13に処理を進める。
If the playback start condition is not satisfied (A9d: No), the terminal 20 proceeds to A13.
On the other hand, when the reproduction start condition is satisfied (A9d: Yes), the terminal 20 starts the moving image reproduction of the partial moving image (partial advertisement image 242b) (A12c). Then, after setting the reproduction flag (A12d), the terminal 20 proceeds with the process to A13.

<第12実施例の効果>
第12実施例は、端末20が、サーバ10から受信された動画像の全体広告画像242a(限定ではなく、第1動画像の一例)の一部の領域である部分広告画像242b(限定ではなく、第1部分動画像の一例)を少なくともページ表示領域(限定ではなく、端末の表示領域の一例)に表示し、部分広告画像242bの少なくとも一部に重畳し、少なくとも一部に透過領域241aを有するメインコンテンツ情報(ウェブページ241)(限定ではなく、コンテンツの一例)をページ表示領域に表示する。端末20のユーザによるページ表示領域に対するスクロール操作(限定ではなく、第1入力の一例)に基づいて、ページ表示領域上を移動させる制御を、ウェブページ241の少なくとも透過領域241aに実行する。そして、透過領域241aに基づいて、部分広告画像242bの動画再生の制御を実行する構成を示している。
このような構成により得られる効果の一例として、第1部分動画像の再生の制御を、透過領域の移動を介して第1入力と連動させることができるため、第1部分動画像の再生開始または再生停止などを、第1入力に応じた適切なタイミングで実行することができる。
<Effect of the 12th Example>
In the twelfth embodiment, the terminal 20 is a partial advertisement image 242b (not limited) which is a part area of the whole advertisement image 242a (not limited, but an example of the first moving image) of the moving image received from the server 10. , An example of the first partial moving image) is displayed at least in the page display area (not limited, but an example of the display area of the terminal), superimposed on at least a part of the partial advertisement image 242b, and the transparent area 241a is at least partly covered. The main content information (web page 241) (not limited, but an example of the content) to be displayed is displayed in the page display area. Control to move on the page display area is executed in at least the transparent area 241a of the web page 241 based on the scroll operation (not limited, but an example of the first input) for the page display area by the user of the terminal 20. Then, the configuration for executing the control of the moving image reproduction of the partial advertisement image 242b based on the transparent region 241a is shown.
As an example of the effect obtained by such a configuration, since the control of the reproduction of the first partial moving image can be linked with the first input via the movement of the transparent region, the reproduction of the first partial moving image can be started or Playback can be stopped at an appropriate timing according to the first input.

また、第12実施例は、ページ表示領域に表示されている透過領域241aのうち、少なくとも透過領域241aのいずれか一辺の長さに基づいて、部分動画像の再生の制御が実行される構成を示している。
このような構成により得られる効果の一例として、透過領域を介した視認性に応じた第1部分動画像の再生開始または再生停止などを実行することができる。
Further, in the twelfth embodiment, the reproduction of the partial moving image is controlled based on the length of at least one side of the transparent region 241a displayed in the page display area. Shown.
As an example of the effect obtained by such a configuration, it is possible to execute reproduction start or reproduction stop of the first partial moving image according to the visibility through the transparent region.

また、第12実施例は、広告コンテンツデータ(限定ではなく、第1動画データの一例)は、広告に関するデータである構成を示している。
このような構成により得られる効果の一例として、透過領域と広告コンテンツデータに基づく動画像の広告とに連動性を生じさせ、広告効果を向上させることができる。
Further, in the twelfth embodiment, the advertisement content data (not limited, but an example of the first moving image data) shows a configuration in which the data is related to the advertisement.
As an example of the effect obtained by such a configuration, it is possible to improve the advertising effect by causing a link between the transparent area and the moving image advertisement based on the advertisement content data.

また、第12実施例は、第1入力は、ユーザのスクロール操作であり、透過領域241aは、スクロール操作に基づく方向に移動される構成を示している。
このような構成により得られる効果の一例として、ユーザの意図する方向に透過領域が移動することにより、ユーザが第1部分動画像に注目する可能性を高めることができる。
Further, in the twelfth embodiment, the first input is a scroll operation of the user, and the transparent area 241a is moved in a direction based on the scroll operation.
As an example of the effect obtained by such a configuration, the transmission region moves in the direction intended by the user, so that the possibility that the user pays attention to the first partial moving image can be increased.

なお、透過領域241aの縦幅の所定割合が端末20のページ表示領域に表示された場合に、部分動画像(部分広告画像242b)の再生が開始される例を示したが、このような構成に限定されず、透過領域241aが端末20のページ表示領域に表示されたことに基づいて、部分動画像(部分広告画像242b)の再生の制御が実行されるようにしてもよい。
限定ではなく例として、端末20は、ユーザのスクロール操作によって透過領域241aの少なくとも一部(一部(所定割合が100%未満)および全部(所定割合が100%)の両方を含む。)がページ表示領域に出現した場合、部分動画像(部分広告画像242b)の再生を開始するようにすることができる。
このような構成により得られる効果の一例として、透過領域の一部が視認できる状態の他、透過領域の全部が視認できる状態で、第1部分動画像の再生開始または再生停止などを実行することができる。
An example is shown in which the reproduction of the partial moving image (partial advertisement image 242b) is started when a predetermined ratio of the vertical width of the transparent region 241a is displayed in the page display area of the terminal 20. The reproduction of the partial moving image (partial advertisement image 242b) may be controlled based on the fact that the transparent area 241a is displayed in the page display area of the terminal 20.
As an example, but not a limitation, the terminal 20 includes at least a part (a predetermined ratio is less than 100%) and a whole (a predetermined ratio is 100%) of the transparent area 241a by a user scrolling operation. When it appears in the display area, the reproduction of the partial moving image (partial advertisement image 242b) can be started.
As an example of the effect obtained by such a configuration, execution of playback start or playback stop of the first partial moving image is executed in a state where a part of the transparent region can be visually recognized and a state where the entire transparent region can be visually recognized. Can be done.

また、透過領域241aの縦幅の所定割合が端末20のページ表示領域に表示された場合に、部分動画像(部分広告画像242b)の再生が開始される例を示したが、このような構成に限定されず、透過領域241aが端末20のページ表示領域に表示されている大きさに基づいて、部分動画像(部分広告画像242b)の再生の制御が実行されるようにしてもよい。
限定ではなく例として、端末20は、ユーザのスクロール操作によって、透過領域241aの面積の所定割合がページ表示領域に出現したときに、部分動画像(部分広告画像242b)の再生を開始するようにすることができる。
このような構成により得られる効果の一例として、透過領域を介した視認に十分な大きさの透過領域が表示領域に出現した状態で、第1部分動画像の再生開始または再生停止などを実行することができる。
Further, an example is shown in which the reproduction of the partial moving image (partial advertisement image 242b) is started when a predetermined ratio of the vertical width of the transparent region 241a is displayed in the page display area of the terminal 20. The reproduction of the partial moving image (partial advertisement image 242b) may be controlled based on the size of the transparent area 241a displayed in the page display area of the terminal 20.
As an example, not a limitation, the terminal 20 starts playing the partial moving image (partial advertisement image 242b) when a predetermined ratio of the area of the transparent area 241a appears in the page display area by the scroll operation of the user. can do.
As an example of the effect obtained by such a configuration, playback start or playback stop of the first partial moving image is executed in a state where a transparent region having a size sufficient for visual recognition through the transparent region appears in the display region. be able to.

また、透過領域241aの縦幅の所定割合が端末20のページ表示領域に表示された場合に、部分動画像(部分広告画像242b)の再生が開始される例を示したが、このような構成に限定されず、透過領域241aのうちの一部の領域が端末20のページ表示領域に表示されたことに基づいて、部分動画像(部分広告画像242b)の再生の制御が実行されるようにしてもよい。 Further, an example is shown in which the reproduction of the partial moving image (partial advertisement image 242b) is started when a predetermined ratio of the vertical width of the transparent region 241a is displayed in the page display area of the terminal 20. The reproduction of the partial moving image (partial advertisement image 242b) is controlled based on the fact that a part of the transparent area 241a is displayed in the page display area of the terminal 20. You may.

限定ではなく例として、端末20は、ユーザのスクロール操作によって、透過領域241aを構成する各画素のうち、特定の1画素または画素群がページ表示領域に出現したときに、部分動画像の部分広告画像242bの再生を開始する。
このような構成により得られる効果の一例として、透過領域を介して視認するのに適した領域が表示領域に表示されたタイミングで、第1部分動画像の再生開始または再生停止などを実行することができる。
As an example, not a limitation, the terminal 20 is a partial advertisement of a partial moving image when a specific pixel or a group of pixels among the pixels constituting the transparent region 241a appears in the page display region by a scroll operation of the user. Playback of image 242b is started.
As an example of the effect obtained by such a configuration, the reproduction of the first partial moving image is started or stopped at the timing when the area suitable for visual recognition through the transparent area is displayed in the display area. Can be done.

また、第12実施例は、部分動画像(部分広告画像242b)の再生の制御が、透過領域241aと部分広告画像242bとの重畳の有無や重畳の割合等に基づいて実行される構成を示している。
このような構成により得られる効果の一例として、第1部分動画像の再生の制御を、透過領域と第1部分動画像との表示領域上での位置関係に基づいて実行することができる。
Further, the twelfth embodiment shows a configuration in which the reproduction control of the partial moving image (partial advertisement image 242b) is executed based on the presence / absence of superimposition of the transparent region 241a and the partial advertisement image 242b, the superimposition ratio, and the like. ing.
As an example of the effect obtained by such a configuration, the reproduction of the first partial moving image can be controlled based on the positional relationship between the transparent region and the first partial moving image on the display region.

また、この場合、部分動画像(部分広告画像242b)の再生の制御を、透過領域241aが部分広告画像242bの少なくとも一部に重畳したことに基づいて実行することで、早いタイミング(限定ではなく例として、ユーザが部分広告画像の少なくとも一部を視認可能となったタイミング)で部分動画像を再生することができる。 Further, in this case, the reproduction of the partial moving image (partial advertisement image 242b) is controlled based on the fact that the transparent region 241a is superimposed on at least a part of the partial advertisement image 242b, so that the timing is early (not limited). As an example, the partial moving image can be reproduced at the timing when at least a part of the partial advertisement image becomes visible to the user).

なお、上記の実施例では、部分動画像(部分広告画像242b)が、動画像である全体広告画像242aの一部である例を示したが、このような構成に限定されず、部分動画像(部分広告画像242b)が、動画像である全体広告画像242aの全部となるようにしてもよいし、しなくてもよい。 In the above embodiment, the partial moving image (partial advertising image 242b) is a part of the whole advertising image 242a which is a moving image, but the partial moving image is not limited to such a configuration. (Partial advertisement image 242b) may or may not be the entire whole advertisement image 242a which is a moving image.

<第12変形例(1)>
第12実施例では、ウェブページ241が初期位置にある状態では、そのウェブページ241が有する透過領域241aがページ表示領域に表示されていない例を示した(図12−1および図12−2を参照)。しかしながら、このような構成に限らず、ウェブページ241が初期位置にある状態で、そのウェブページ241が有する透過領域241aがページ表示領域に表示されているようにすることもできる。
<12th modified example (1)>
In the twelfth embodiment, when the web page 241 is in the initial position, the transparent region 241a of the web page 241 is not displayed in the page display area (FIGS. 12-1 and 12-2). reference). However, the present invention is not limited to such a configuration, and the transparent region 241a of the web page 241 may be displayed in the page display region while the web page 241 is in the initial position.

図12−4に示す例では、ページ表示領域には既に透過領域241aが表示されており、この透過領域241aを介して、部分広告画像242bの下部(キツネを含む領域)が視認可能な状態となっている。つまり、この例では、既に透過領域241aが部分広告画像242bに重畳した状態となっている。このような透過領域241aおよび部分広告画像242bの配置を適用する場合には、限定ではなく例として、前述した(B−4)や(B−5)の再生開始条件を適用するようにすることができる。ここでは、(B−5)の再生開始条件を適用する場合を例示する。 In the example shown in FIG. 12-4, the transparent area 241a is already displayed in the page display area, and the lower part (the area including the fox) of the partial advertisement image 242b can be visually recognized through the transparent area 241a. It has become. That is, in this example, the transparent region 241a is already superimposed on the partial advertisement image 242b. When applying such an arrangement of the transparent region 241a and the partial advertisement image 242b, the reproduction start conditions of (B-4) and (B-5) described above are applied as an example, not the limitation. Can be done. Here, a case where the reproduction start condition of (B-5) is applied will be illustrated.

ユーザのスクロール操作によって、限定ではなく例として、注目領域(部分広告画像242bに対応する全体広告画像の注目領域)の全部が含まれるように透過領域241aが移動されると、道路上を自動車が走行している状況を表示する部分動画像の再生が開始される。この例では、自動車を含む部分広告画像242bの上部所定範囲が注目領域として設定されている。 When the transparent region 241a is moved so as to include the entire attention region (the attention region of the entire advertisement image corresponding to the partial advertisement image 242b) by the scroll operation of the user, the vehicle moves on the road. Playback of a partial moving image displaying the running situation is started. In this example, the upper predetermined range of the partial advertisement image 242b including the automobile is set as the region of interest.

具体的には、ユーザのスクロール操作に伴い、ウェブページ241とともに透過領域241aが上側に移動し、部分広告画像242bの自動車を視認可能となるが、透過領域241aに注目領域の全部が含まれないうちは、部分広告画像242bは静止画像のままであり、自動車は画像内で静止している。
さらにユーザが画面上方向へのスクロール操作を継続し、透過領域241aに注目領域の全部が含まれると、自動車が道路上を手前側に走行する部分動画像(部分広告画像242b)の再生がスタートする。
Specifically, as the user scrolls, the transparent region 241a moves upward together with the web page 241 so that the automobile of the partial advertisement image 242b can be visually recognized, but the transparent region 241a does not include the entire region of interest. In our case, the partial advertisement image 242b remains a still image, and the automobile is stationary in the image.
Further, when the user continues the scrolling operation in the upward direction of the screen and the transparent area 241a includes the entire area of interest, the reproduction of the partial moving image (partial advertisement image 242b) in which the automobile travels on the road toward the front starts. To do.

図12−5に示すように、ユーザがスクロール動作をさらに継続して、ウェブページ241を画面上方向にスクロールさせると、透過領域241aが、さらに上側へ移動する。透過領域241aが上側へ移動する間、部分広告画像242b(部分動画像)の再生が継続され、部分広告画像242b内の自動車は道路を手前側に走行する。 As shown in FIG. 12-5, when the user continues the scrolling operation and scrolls the web page 241 upward on the screen, the transparent region 241a moves further upward. While the transparent region 241a moves upward, the reproduction of the partial advertisement image 242b (partial moving image) is continued, and the automobile in the partial advertisement image 242b travels on the road toward the front side.

そして、ユーザがスクロール動作を停止し、端末20のページ表示領域における透過領域241aの位置が移動しない状態でも部分動画像の再生が継続され、部分広告画像242b内の自動車は道路を手前側に走行する。 Then, even when the user stops the scrolling operation and the position of the transparent region 241a in the page display area of the terminal 20 does not move, the reproduction of the partial moving image is continued, and the automobile in the partial advertising image 242b travels toward the front side of the road. To do.

<第12変形例(1)の効果>
本変形例によれば、初期状態において透過領域が表示領域(限定ではなくページ表示領域)内に位置しており、この透過領域を介して最初からユーザが部分動画像の少なくとも一部を視認可能となるため、表示効果(限定ではなく例として広告効果)を高めることができる。また、透過領域の配置の自由度やコンテンツ(限定ではなくウェブページ)の設計の自由度を高めることができる。
<Effect of 12th modification (1)>
According to this modification, the transparent area is located in the display area (not limited to the page display area) in the initial state, and the user can visually recognize at least a part of the partial moving image from the beginning through this transparent area. Therefore, the display effect (not limited but advertising effect as an example) can be enhanced. In addition, the degree of freedom in arranging the transparent area and the degree of freedom in designing the content (not limited to the web page) can be increased.

<第12変形例(2)>
第12実施例では、端末20で、1つの部分広告画像242bが第1レイヤに配置される例を示したが、このような構成に限らず、複数の部分広告画像242bが第1レイヤに配置されてもよい。
<12th variant (2)>
In the twelfth embodiment, an example in which one partial advertisement image 242b is arranged in the first layer is shown in the terminal 20, but the present invention is not limited to such a configuration, and a plurality of partial advertisement images 242b are arranged in the first layer. May be done.

<表示画面例>
図12−6〜図12−9に示す例では、第1レイヤに広告コンテンツ情報として2つの部分広告画像242bが配置され、第2レイヤにはウェブページ241が配置されている。
本例では、図12−6に示すように、右向きに走行するハッチバック型の自動車の第1部分広告画像242bと、左向きに走行するミニバン型の自動車の第2部分広告画像242bとが第1レイヤに配置されている。また、第2レイヤにはメインコンテンツ情報としてビジネスニュースサイトのウェブページ241が配置されている。
<Display screen example>
In the example shown in FIGS. 12-6 to 12-9, two partial advertisement images 242b are arranged as advertisement content information in the first layer, and a web page 241 is arranged in the second layer.
In this example, as shown in FIG. 12-6, the first partial advertisement image 242b of the hatchback type automobile traveling to the right and the second partial advertisement image 242b of the minivan type automobile traveling to the left are the first layer. Is located in. In addition, a web page 241 of a business news site is arranged as main content information in the second layer.

第1部分広告画像242bおよび第2部分広告画像242bは、何れも横長の画像であり、第1レイヤに縦方向に並べて配置されている。第1部分広告画像242bのページ表示領域に対する相対位置、および第2部分広告画像242bのページ表示領域に対する相対位置は、固定されている。すなわち、第1部分広告画像242bと第2部分広告画像242bとは、ユーザがウェブページ241をスクロールしても位置を変えない。 The first partial advertisement image 242b and the second partial advertisement image 242b are both horizontally long images and are arranged vertically side by side on the first layer. The relative position of the first partial advertisement image 242b with respect to the page display area and the relative position of the second partial advertisement image 242b with respect to the page display area are fixed. That is, the positions of the first partial advertisement image 242b and the second partial advertisement image 242b do not change even if the user scrolls the web page 241.

第1部分広告画像242bは、限定ではなく例として、動画像の第1全体広告画像の所定領域がトリミングされたものによって構成される部分動画像であり、端末20のページ表示領域の下端に配置される。第1部分広告画像242bがページ表示領域に表示された状態では、その部分広告画像242bの下方に、他の情報を表示するための領域が存在していない。また、第1部分広告画像242bの底辺がページ表示領域の底辺と合致している状態であるともいえる。 The first partial advertisement image 242b is not limited, but as an example, is a partial moving image composed of a predetermined area of the first overall advertising image of the moving image trimmed, and is arranged at the lower end of the page display area of the terminal 20. Will be done. In the state where the first partial advertisement image 242b is displayed in the page display area, there is no area below the partial advertisement image 242b for displaying other information. It can also be said that the bottom of the first partial advertisement image 242b coincides with the bottom of the page display area.

第1部分広告画像242bは、初期状態においてハッチバック型の自動車の先頭部分が表示された静止画像である。この静止画像は、限定ではなく例として、第1部分広告画像242bが部分動画像として再生されたとしたときの先頭フレームである。
第1部分広告画像242bは、ユーザのスクロール操作によって、透過領域241aの面積の所定割合以上、限定ではなく例として70%以上が第1部分広告画像242bと重畳する場合、部分動画像の再生が開始され、透過領域241aの面積の70%以上が第1部分広告画像242bと重畳しない場合、部分動画像の再生が停止する。
The first partial advertisement image 242b is a still image in which the leading portion of the hatchback type automobile is displayed in the initial state. This still image is not limited, but is, as an example, the first frame when the first partial advertisement image 242b is reproduced as a partial moving image.
When the first partial advertisement image 242b is overlapped with the first partial advertisement image 242b by a scroll operation of the user, when a predetermined ratio or more, not limited to 70% or more, for example, of the area of the transparent region 241a is superimposed on the first partial advertisement image 242b, the reproduction of the partial moving image is performed. When 70% or more of the area of the transparent region 241a is not superimposed on the first partial advertisement image 242b, the reproduction of the partial moving image is stopped.

第2部分広告画像242bは、限定ではなく例として、動画像の第2全体広告画像の所定領域がトリミングされたものによって構成される部分動画像であり、第1部分広告画像242bの上側に隣接して配置される。すなわち、第1部分広告画像242bおよび第2部分広告画像242bは、画面下部および画面中央部にそれぞれ位置する。
第2部分広告画像242bは、第1部分広告画像242bと略同じサイズを有し、再生開始前の状態においてミニバン型の自動車の先頭部分が表示された静止画像である。この静止画像は、限定ではなく例として、第2部分広告画像242bが部分動画像として再生されたとしたときの先頭フレームである。
第2部分広告画像242bは、ユーザのスクロール操作によって、透過領域241aの面積の所定割合以上、限定ではなく例として70%以上が第2部分広告画像242bと重畳する場合、部分動画像の再生が開始され、透過領域241aの面積の70%以上が第2部分広告画像242bと重畳しない場合、部分動画像の再生が停止する。
The second partial advertisement image 242b is not limited, but as an example, is a partial moving image formed by trimming a predetermined area of the second overall advertisement image of the moving image, and is adjacent to the upper side of the first partial advertisement image 242b. And are placed. That is, the first partial advertisement image 242b and the second partial advertisement image 242b are located at the lower part of the screen and the central part of the screen, respectively.
The second partial advertisement image 242b is a still image having substantially the same size as the first partial advertisement image 242b and displaying the leading portion of the minivan type automobile in the state before the start of reproduction. This still image is not limited, but is, as an example, the first frame when the second partial advertisement image 242b is reproduced as a partial moving image.
When the second partial advertisement image 242b is overlapped with the second partial advertisement image 242b by a scroll operation of the user, when a predetermined ratio or more, not limited to 70% or more, for example, of the area of the transparent region 241a is superimposed on the second partial advertisement image 242b, the reproduction of the partial moving image is performed. When 70% or more of the area of the transparent region 241a is not superimposed on the second partial advertisement image 242b, the reproduction of the partial moving image is stopped.

本例では、部分広告画像242bは、初期状態で自動車が表示された静止画像であるが、ウェブページ241が初期位置にある状態では、透過領域241aの上側の一部が端末20のページ表示領域に表示されており、ユーザは、第1部分広告画像242bの下側の一部を視認できる。
ユーザのスクロール操作によって透過領域241aの面積の所定割合(限定ではなく例として70%)が第1部分広告画像242bと重畳すると、第1部分広告画像242bは、道路上を自動車が走行している状況を表示する部分動画像となる。
In this example, the partial advertisement image 242b is a still image in which the automobile is displayed in the initial state, but in the state where the web page 241 is in the initial position, a part of the upper side of the transparent area 241a is the page display area of the terminal 20. The user can visually recognize a part of the lower side of the first partial advertisement image 242b.
When a predetermined ratio (70% as an example, not limited) of the area of the transparent region 241a is superimposed on the first partial advertisement image 242b by the scroll operation of the user, the automobile is traveling on the road in the first partial advertisement image 242b. It is a partial moving image that displays the situation.

図12−7に示す例では、ウェブページ241の縦幅は、ページ表示領域の縦幅よりも大きいため、ウェブページ241の全体がページ表示領域に収まりきれない。本例では、透過領域241aの上側の一部が、端末20のページ表示領域の下側に位置する。このとき、透過領域241aを介して部分広告画像242b内のハッチバック型の自動車の下部が視認可能となっているが、部分広告画像242bが静止画像であるため、ハッチバック型の自動車は画像内で静止している。 In the example shown in FIG. 12-7, the vertical width of the web page 241 is larger than the vertical width of the page display area, so that the entire web page 241 cannot fit in the page display area. In this example, a part of the upper side of the transparent area 241a is located below the page display area of the terminal 20. At this time, the lower part of the hatchback type automobile in the partial advertisement image 242b is visible through the transparent region 241a, but since the partial advertisement image 242b is a still image, the hatchback type automobile is stationary in the image. doing.

ウェブページ241が初期位置にある場合に、ユーザのスクロール操作に伴い、ウェブページ241とともに透過領域241aも画面上方向にスクロールして、透過領域241aの面積の70%以上が第1部分広告画像242bと重畳したことに基づいて、ハッチバック型の自動車が道路上を右側へ走行する部分動画像の部分広告画像242bの再生がスタートする。 When the web page 241 is in the initial position, the transparent area 241a scrolls upward along with the web page 241 as the user scrolls, and 70% or more of the area of the transparent area 241a is the first partial advertisement image 242b. Based on the superposition of the above, the reproduction of the partial advertisement image 242b of the partial moving image in which the hatchback type automobile travels on the road to the right starts.

ユーザがスクロール動作をさらに継続して、ウェブページ241を画面上方向にスクロールさせると、透過領域241aが、さらに上側へ移動し、透過領域241aの面積の100%が第1部分広告画像242bと重畳した状態となる。透過領域241aが上側へ移動する間、第1部分広告画像242bの部分動画像の再生が継続され、第1部分広告画像242b内ハッチバック型の自動車が道路上を右側へ走行する。 When the user further continues the scrolling operation and scrolls the web page 241 upward on the screen, the transparent area 241a moves further upward, and 100% of the area of the transparent area 241a is superimposed on the first partial advertisement image 242b. It will be in the state of. While the transparent region 241a moves upward, the reproduction of the partial moving image of the first partial advertisement image 242b is continued, and the hatchback type automobile in the first partial advertisement image 242b travels to the right on the road.

図12−8に示すように、ユーザが画面上方向へのスクロール操作を継続すると、透過領域241aが、さらに上側へ移動し、透過領域241aの上側の一部と第2部分広告画像242bの下側の一部とが重畳した状態となる。この間にも第1部分広告画像242bの部分動画像の再生が継続され、第1部分広告画像242b内のハッチバック型の自動車が道路上を右側へさらに走行する。 As shown in FIG. 12-8, when the user continues the scrolling operation in the upward direction of the screen, the transparent area 241a moves further upward, and a part of the upper side of the transparent area 241a and the lower part of the second partial advertisement image 242b. It is in a state where a part of the side is overlapped. During this period, the reproduction of the partial moving image of the first partial advertisement image 242b is continued, and the hatchback type automobile in the first partial advertisement image 242b further travels on the road to the right.

そして、さらにユーザがスクロール動作を継続して、ウェブページ241を画面上方向にスクロールさせると、透過領域241aが、さらに上側へ移動し、透過領域241aの面積の70%以上が第2部分広告画像242bと重畳したことに基づいて、ミニバン型の自動車が道路上を左側へ走行する部分動画像の第2部分広告画像242bの再生がスタートする。一方、第1部分広告画像242bについては、透過領域241aの面積の70%以上が第1部分広告画像242bと重畳しない状態となり、第1部分広告画像242bの部分動画像の再生が停止する。 Then, when the user continues the scrolling operation and scrolls the web page 241 upward on the screen, the transparent region 241a moves further upward, and 70% or more of the area of the transparent region 241a is the second partial advertisement image. Based on the superposition with 242b, the reproduction of the second partial advertisement image 242b of the partial moving image in which the minivan type automobile travels on the road to the left starts. On the other hand, with respect to the first partial advertisement image 242b, 70% or more of the area of the transparent region 241a does not overlap with the first partial advertisement image 242b, and the reproduction of the partial moving image of the first partial advertisement image 242b is stopped.

ユーザがスクロール動作をさらに継続して、ウェブページ241を画面上方向にスクロールさせると、透過領域241aが、さらに上側へ移動し、透過領域241aの面積の100%が第2部分広告画像242bと重畳するとともに、第1部分広告画像242bが透過領域241aを介して視認できない状態となる。透過領域241aが上側へ移動する間、第2部分広告画像242bの部分動画像の再生が継続され、第2部分広告画像242b内のミニバン型の自動車が道路上を左側へ走行する。一方、第1部分広告画像242bでは、部分動画像の再生が停止したままである。 When the user further continues the scrolling operation and scrolls the web page 241 upward on the screen, the transparent area 241a moves further upward, and 100% of the area of the transparent area 241a is superimposed on the second partial advertisement image 242b. At the same time, the first partial advertisement image 242b becomes invisible through the transparent region 241a. While the transparent region 241a moves upward, the reproduction of the partial moving image of the second partial advertisement image 242b is continued, and the minivan type automobile in the second partial advertisement image 242b travels to the left on the road. On the other hand, in the first partial advertisement image 242b, the reproduction of the partial moving image remains stopped.

図12−9に示すように、ユーザがスクロール操作の方向を画面下方向へ切り替えると、透過領域241aが、下側へ移動し、透過領域241aの下側の一部と第1部分広告画像242bの上側の一部とが重畳した状態となる。この間にも第2部分広告画像242bの部分動画像の再生が継続され、第2部分広告画像242b内のミニバン型の自動車が道路上を左側へさらに走行する。 As shown in FIG. 12-9, when the user switches the scroll operation direction to the lower side of the screen, the transparent area 241a moves downward, and a part of the lower side of the transparent area 241a and the first part advertising image 242b. It is in a state where a part of the upper side of is overlapped. During this period, the reproduction of the partial moving image of the second partial advertisement image 242b is continued, and the minivan-type automobile in the second partial advertisement image 242b further travels on the road to the left.

そして、さらにユーザがスクロール動作を継続して、ウェブページ241を画面下方向にスクロールさせると、透過領域241aが、さらに下側へ移動し、透過領域241aの面積の70%以上が第1部分広告画像242bと再び重畳したことに基づいて、ハッチバック型の自動車が道路上を右側へ走行する部分動画像の第1部分広告画像242bの再生が再開する。一方、第2部分広告画像242bについては、透過領域241aの面積の70%以上が第2部分広告画像242bと重畳しない状態となり、第2部分広告画像242bの部分動画像の再生が停止する。 Then, when the user continues the scrolling operation and scrolls the web page 241 downward on the screen, the transparent area 241a moves further downward, and 70% or more of the area of the transparent area 241a is the first partial advertisement. Based on the superposition with the image 242b again, the reproduction of the first partial advertisement image 242b of the partial moving image in which the hatchback type automobile travels on the road to the right is resumed. On the other hand, with respect to the second partial advertisement image 242b, 70% or more of the area of the transparent region 241a does not overlap with the second partial advertisement image 242b, and the reproduction of the partial moving image of the second partial advertisement image 242b is stopped.

ユーザがスクロール動作をさらに継続して、ウェブページ241を画面下方向にスクロールさせると、透過領域241aが、さらに下側へ移動し、透過領域241aの面積の100%が第1部分広告画像242bと重畳するとともに、第2部分広告画像242bが透過領域241aを介して視認できない状態となる。透過領域241aが下側へ移動する間、第1部分広告画像242bの部分動画像の再生が継続され、第1部分広告画像242b内のハッチバック型の自動車が道路上を右側へ走行する。一方、第2部分広告画像242bでは、部分動画像の再生が停止したままである。 When the user further continues the scrolling operation and scrolls the web page 241 downward on the screen, the transparent area 241a moves further downward, and 100% of the area of the transparent area 241a becomes the first partial advertisement image 242b. At the same time, the second partial advertisement image 242b becomes invisible through the transparent region 241a. While the transparent region 241a moves downward, the reproduction of the partial moving image of the first partial advertisement image 242b is continued, and the hatchback type automobile in the first partial advertisement image 242b travels to the right on the road. On the other hand, in the second partial advertisement image 242b, the reproduction of the partial moving image remains stopped.

<処理>
図12−10は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理、端末20の表示処理部211が実行する表示処理、をそれぞれ示している。
なお、先に説明したフローチャートと同一のステップには同一の符号を付して再度の説明を省略し、異なるステップに着目して説明する。
<Processing>
FIG. 12-10 is a flowchart showing an example of the flow of processing executed by each device in this embodiment.
In this figure, the distribution process executed by the distribution processing unit 111 of the server 10 and the display processing executed by the display processing unit 211 of the terminal 20 are shown.
It should be noted that the same steps as those in the flowchart described above are designated by the same reference numerals, the description thereof will be omitted again, and the explanation will be focused on different steps.

以下説明するフローチャートは、あくまでも本実施例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowchart described below merely illustrates the processing in this embodiment, and in the flowchart described below, some steps may not be executed or additional steps may be inserted.

図12−10は、図4−5のフローチャートにおけるA10,A12のステップを、透過領域241aの面積の所定割合以上、限定ではなく例として70%以上が第1部分広告画像242bと重畳した場合に、部分動画像の第1部分広告画像242bの再生を開始するとともに部分動画像の第2部分広告画像242bの再生を停止する処理のステップ(限定ではなく例として、A31のステップおよびA33のステップ)と、透過領域241aの面積の所定割合以上、限定ではなく例として70%以上が第2部分広告画像242bと重畳した場合に、部分動画像の第2部分広告画像242bの再生を開始するとともに部分動画像の第1部分広告画像242bの再生を停止する処理のステップ(限定ではなく例として、A35のステップおよびA37のステップ)とに置き換えたフローチャートである。 FIG. 12-10 shows a case where the steps A10 and A12 in the flowchart of FIG. 4-5 are superimposed on the first partial advertisement image 242b by a predetermined ratio or more of the area of the transparent region 241a, not limited to 70% or more as an example. , A step of processing for starting the reproduction of the first partial advertisement image 242b of the partial moving image and stopping the reproduction of the second partial advertisement image 242b of the partial moving image (not limited to, as an example, the step A31 and the step A33). And, when a predetermined ratio or more of the area of the transparent region 241a, not limited to 70% or more as an example, is superimposed on the second partial advertisement image 242b, the reproduction of the second partial advertisement image 242b of the partial moving image is started and the portion It is a flowchart replaced with the step of the process of stopping the reproduction of the 1st part advertisement image 242b of a moving image (the step of A35 and the step of A37 as an example, not limited).

端末20は、サーバ10からメインコンテンツデータと、第1部分広告データおよび第2部分広告データとを受信すると、第1部分広告データに基づく静止画像の第1部分広告画像242bおよび第2部分広告データに基づく静止画像の第2部分広告画像242bを第1レイヤに配置する。また、端末20は、メインコンテンツデータに基づくウェブページ241を第2レイヤに配置して、静止画像の第1部分広告画像242bおよび第2部分広告画像242bにウェブページ241を重畳表示させる(A4)。 When the terminal 20 receives the main content data and the first partial advertisement data and the second partial advertisement data from the server 10, the terminal 20 converts the still image based on the first partial advertisement data into the first partial advertisement image 242b and the second partial advertisement data. A second partial advertising image 242b of the based still image is placed on the first layer. Further, the terminal 20 arranges the web page 241 based on the main content data in the second layer, and superimposes and displays the web page 241 on the first partial advertisement image 242b and the second partial advertisement image 242b of the still image (A4).

端末20は、スクロール操作が行われている場合には(A5:Yes)、スクロール操作の方向にウェブページ241を移動させ(A7)、透過領域241aの面積の70%以上が第1部分広告画像242bと重畳しているか否かを判定する(A31)。 When the scroll operation is performed (A5: Yes), the terminal 20 moves the web page 241 in the direction of the scroll operation (A7), and 70% or more of the area of the transparent area 241a is the first partial advertisement image. It is determined whether or not it overlaps with 242b (A31).

透過領域241aの面積の70%以上が第1部分広告画像242bと重畳している場合には(A31:Yes)、端末20は、部分動画像の第1部分広告画像242bの再生を開始するとともに、部分動画像の第2部分広告画像242bの再生を停止する(A33)。なお、端末20は、部分動画像の第2部分広告画像242bの再生が元々停止している場合、第2部分広告画像242bについては、何もしない。 When 70% or more of the area of the transparent region 241a is superimposed on the first partial advertisement image 242b (A31: Yes), the terminal 20 starts playing the first partial advertisement image 242b of the partial moving image. , The reproduction of the second partial advertisement image 242b of the partial moving image is stopped (A33). The terminal 20 does nothing with respect to the second partial advertisement image 242b when the reproduction of the second partial advertisement image 242b of the partial moving image is originally stopped.

端末20は、透過領域241aの面積の70%以上が第1部分広告画像242bと重畳していない場合には(A31:No)、透過領域241aの面積の70%以上が第2部分広告画像242bと重畳しているか否かを判定する(A35)。 In the terminal 20, when 70% or more of the area of the transparent region 241a does not overlap with the first partial advertisement image 242b (A31: No), 70% or more of the area of the transparent region 241a is the second partial advertisement image 242b. It is determined whether or not it overlaps with (A35).

透過領域241aの面積の70%以上が第2部分広告画像242bと重畳している場合には(A35:Yes)、端末20は、部分動画像の第2部分広告画像242bの再生を開始するとともに、部分動画像の第1部分広告画像242bの再生を停止する(A37)。なお、端末20は、部分動画像の第1部分広告画像242bの再生が元々停止している場合、第1部分広告画像242bについては、何もしない。 When 70% or more of the area of the transparent region 241a is superimposed on the second partial advertisement image 242b (A35: Yes), the terminal 20 starts playing the second partial advertisement image 242b of the partial moving image. , The reproduction of the first partial advertisement image 242b of the partial moving image is stopped (A37). Note that the terminal 20 does nothing with respect to the first partial advertisement image 242b when the reproduction of the first partial advertisement image 242b of the partial moving image is originally stopped.

透過領域241aの面積の70%以上が第2部分広告画像242bと重畳していない場合には(A35:No)、A13に処理を進める。 If 70% or more of the area of the transparent region 241a does not overlap with the second partial advertisement image 242b (A35: No), the process proceeds to A13.

なお、A31およびA35の処理では、透過領域241aの面積の所定割合以上が第1部分広告画像242bまたは第2部分広告画像242bと重畳しているか否かを判定する例を示したが、このような構成に限定されず、透過領域241aの縦幅の所定割合以上が第1部分広告画像242bまたは第2部分広告画像242bと重畳しているか否かを判定してもよい。 In the processing of A31 and A35, an example of determining whether or not a predetermined ratio or more of the area of the transparent region 241a is superimposed on the first partial advertisement image 242b or the second partial advertisement image 242b is shown. It may be determined whether or not a predetermined ratio or more of the vertical width of the transparent region 241a is superimposed on the first partial advertisement image 242b or the second partial advertisement image 242b.

また、A31およびA35の処理では、透過領域241aの面積の所定割合以上が第1部分広告画像242bまたは第2部分広告画像242bと重畳しているか否かを判定する例を示したが、このような構成に限定されず、透過領域241aと第1部分広告画像242bの少なくとも一部または第2部分広告画像242bの少なくとも一部と重畳しているか否かを判定してもよい。 Further, in the processing of A31 and A35, an example of determining whether or not a predetermined ratio or more of the area of the transparent region 241a is superimposed on the first partial advertisement image 242b or the second partial advertisement image 242b is shown. It may be determined whether or not the transparent region 241a and at least a part of the first partial advertisement image 242b or at least a part of the second partial advertisement image 242b are overlapped with each other.

限定ではなく例として、端末20は、透過領域241aが、第2部分広告画像242bと重畳せず、かつ第1部分広告画像242bの一部または全部と重畳している場合、部分動画像の第1部分広告画像242bのみを再生させる。また、端末20は、透過領域241aが、第1部分広告画像242bと重畳せず、かつ第2部分広告画像242bの一部または全部と重畳している場合、部分動画像の第2部分広告画像242bのみを再生させる。また、端末20は、透過領域241aが第1部分広告画像242bの一部および第2部分広告画像242bの一部と重畳している場合、部分動画像の第1部分広告画像242bおよび部分動画像の第2部分広告画像242bの両方を再生させる。 As an example, but not a limitation, in the terminal 20, when the transparent region 241a does not overlap with the second partial advertisement image 242b and overlaps with a part or all of the first partial advertisement image 242b, the terminal 20 is the first of the partial moving images. Only one partial advertisement image 242b is reproduced. Further, in the terminal 20, when the transparent region 241a is not superimposed on the first partial advertisement image 242b and is superimposed on a part or all of the second partial advertisement image 242b, the terminal 20 is a second partial advertisement image of the partial moving image. Only 242b is regenerated. Further, in the terminal 20, when the transparent region 241a overlaps a part of the first partial advertisement image 242b and a part of the second partial advertisement image 242b, the terminal 20 has the first partial advertisement image 242b and the partial moving image of the partial moving image. Both of the second partial advertisement image 242b of the above are reproduced.

<第12変形例(2)の効果>
本変形例では、透過領域241aと、部分動画像の第1部分広告画像242b(限定ではなく、第1部分動画像の一例)とのページ表示領域(限定ではなく、表示領域の一例)上での位置関係に基づいて、部分動画像の第1部分広告画像242bの再生の制御を実行する構成を示している。
このような構成により得られる効果の一例として、第1部分動画像の再生の制御を、限定ではなく例として第1部分動画像に対する透過領域の相対的な位置に連動させることができる。
<Effect of 12th modification (2)>
In this modification, the transparent region 241a and the first partial advertisement image 242b of the partial moving image (an example of the first partial moving image, not the limitation) are displayed on the page display area (an example of the display area, not the limitation). The configuration is shown in which the reproduction of the first partial advertisement image 242b of the partial moving image is controlled based on the positional relationship of the above.
As an example of the effect obtained by such a configuration, the control of reproduction of the first partial moving image can be linked to the relative position of the transparent region with respect to the first partial moving image, not as a limitation.

本変形例では、透過領域241aが部分動画像の第1部分広告画像242bの少なくとも一部に重畳したことに基づいて、部分動画像の第1部分広告画像242bの再生の制御を実行する構成を示している。
このような構成により得られる効果の一例として、第1部分動画像の再生開始または再生停止などを、透過領域を介した視認可能性に連動させて実行することができる。
In this modification, the transmission control of the reproduction of the first partial advertisement image 242b of the partial moving image is executed based on the fact that the transparent region 241a is superimposed on at least a part of the first partial advertisement image 242b of the partial moving image. Shown.
As an example of the effect obtained by such a configuration, the reproduction start or reproduction stop of the first partial moving image can be executed in conjunction with the visibility through the transparent region.

本変形例では、透過領域241aが第1部分広告画像242bを重畳した大きさに基づいて、部分動画像の第1部分広告画像242bの再生の制御を実行する構成を示している。
このような構成により得られる効果の一例として、視認に十分な大きさで透過領域と第1部分動画像とが重畳した状態で、第1部分動画像の再生開始または再生停止などを実行することができる。
In this modification, a configuration is shown in which the reproduction of the first partial advertisement image 242b of the partial moving image is controlled based on the size of the transparent region 241a on which the first partial advertisement image 242b is superimposed.
As an example of the effect obtained by such a configuration, it is possible to start or stop the reproduction of the first partial moving image in a state where the transparent region and the first partial moving image are superposed with a size sufficient for visual recognition. Can be done.

本変形例では、第2動画像の第2全体広告画像242a(限定ではなく、第2動画像の一例)の一部の領域である部分動画像の第2部分広告画像242b(限定ではなく、第2部分動画像の一例)を少なくともページ表示領域に表示し、透過領域241aに基づいて、部分動画像の第2部分広告画像242bの再生の制御を実行する構成を示している。
このような構成により得られる効果の一例として、第2部分動画像の再生の制御を、透過領域の移動を介して第1入力に連動させることができるため、第2部分動画像の再生開始または再生停止などを、第1入力に応じた適切なタイミングで実行することができる。
In this modification, the second partial advertisement image 242b (not limited, but not limited) of the partial moving image, which is a part of the second overall advertisement image 242a (not limited, but an example of the second moving image) of the second moving image. An example of the second partial moving image) is displayed at least in the page display area, and the reproduction of the second partial advertising image 242b of the partial moving image is controlled based on the transparent area 241a.
As an example of the effect obtained by such a configuration, since the control of the reproduction of the second partial moving image can be linked to the first input via the movement of the transparent region, the reproduction of the second partial moving image can be started or Playback can be stopped at an appropriate timing according to the first input.

本変形例では、表示部24の表示領域は、縦方向が横方向よりも長い縦長の領域であり、
全体広告データに基づく第1全体広告画像242aは、縦方向の第1辺と、第1辺よりも短い横方向の第2辺とを有し、
第1部分広告画像242bは、縦方向の第3辺と、第3辺よりも長い横方向の第4辺を有し、第3辺がページ表示領域の長手方向に沿って配置され、第4辺がページ表示領域の短手方向に沿って配置され、部分動画像の第1部分広告画像242bがページ表示領域に表示される構成を示している。
このような構成により得られる効果の一例として、第1部分動画像を第3辺が第4辺よりも短い横長の動画像とすることで、コンテンツ情報の表示領域が広告等によって過度に制約されないようにすることができる。その結果、ユーザが広告等を不快に感じることを防止することができる。
In this modification, the display area of the display unit 24 is a vertically long area whose vertical direction is longer than that of the horizontal direction.
The first overall advertisement image 242a based on the overall advertisement data has a first side in the vertical direction and a second side in the horizontal direction shorter than the first side.
The first partial advertisement image 242b has a third side in the vertical direction and a fourth side in the horizontal direction longer than the third side, and the third side is arranged along the longitudinal direction of the page display area, and the fourth side is arranged. The sides are arranged along the lateral direction of the page display area, and the first partial advertisement image 242b of the partial moving image is displayed in the page display area.
As an example of the effect obtained by such a configuration, by making the first partial moving image a horizontally long moving image whose third side is shorter than the fourth side, the display area of the content information is not excessively restricted by advertisements or the like. Can be done. As a result, it is possible to prevent the user from feeling uncomfortable with the advertisement or the like.

本変形例では、透過領域241aが、部分動画像の第1部分広告画像242bの少なくとも一部に重畳したことに基づいて、部分動画像の第1部分広告画像242bの再生の制御が実行され、
透過領域241aが、部分動画像の第2部分広告画像242bの少なくとも一部に重畳したことに基づいて、部分動画像の第2部分広告画像242bの再生の制御が実行され、
透過領域241aが、部分動画像の第2部分広告画像242bの少なくとも一部に重畳したことに基づいて、部分動画像の第1部分広告画像242bの再生を停止する制御が制御部21によって実行される構成を示している。
このような構成により得られる効果の一例として、透過領域を介した視認性が良好な状態の第1部分動画像または第2部分動画像を再生する一方、透過領域を介した視認性が良好ではない状態の第1部分動画像または第2部分動画像の再生を停止することができる。
In this modification, the reproduction of the first partial advertisement image 242b of the partial moving image is controlled based on the fact that the transparent region 241a is superimposed on at least a part of the first partial advertisement image 242b of the partial moving image.
Based on the fact that the transparent region 241a is superimposed on at least a part of the second partial advertisement image 242b of the partial moving image, the reproduction of the second partial advertising image 242b of the partial moving image is controlled.
Based on the fact that the transparent region 241a is superimposed on at least a part of the second partial advertisement image 242b of the partial moving image, the control unit 21 executes control to stop the reproduction of the first partial advertising image 242b of the partial moving image. The configuration is shown.
As an example of the effect obtained by such a configuration, the first partial moving image or the second partial moving image in a state where the visibility through the transparent region is good is reproduced, while the visibility through the transparent region is good. It is possible to stop the reproduction of the first partial moving image or the second partial moving image in the absence state.

<第13実施例>
第13実施例は、限定ではなく例として、部分広告画像242bに対するユーザの第2入力に基づいて、その部分広告画像242bに対応する全体広告画像242aを視認可能にする実施例である。第13実施例の表示制御は、限定ではなく例として、図12−3に示される重畳表示処理(A4)の実行後に実行される。
第13実施例は、第11実施例に対応するが、端末20において、部分広告画像に対する第2入力に基づいて、その部分広告画像に対応する全体広告画像のデータがサーバ10から取得されて、その全体広告画像を視認可能にする制御が実行される点が異なる。部分広告画像のデータをサーバ10から取得して表示した時点では、端末20は、全体広告画像のデータは有しておらず、全体広告画像を視認可能とするために、全体広告画像のデータをサーバ10から別途取得する点が第11実施例とは異なる。
<13th Example>
The thirteenth embodiment is not limited to, but is an example of making the entire advertisement image 242a corresponding to the partial advertisement image 242b visible based on the user's second input to the partial advertisement image 242b. The display control of the thirteenth embodiment is executed after the execution of the superimposed display process (A4) shown in FIG. 12-3 as an example without limitation.
The thirteenth embodiment corresponds to the eleventh embodiment, but in the terminal 20, based on the second input for the partial advertisement image, the data of the entire advertisement image corresponding to the partial advertisement image is acquired from the server 10. The difference is that the control for making the entire advertisement image visible is executed. At the time when the data of the partial advertisement image is acquired from the server 10 and displayed, the terminal 20 does not have the data of the whole advertisement image, and in order to make the whole advertisement image visible, the data of the whole advertisement image is displayed. It differs from the eleventh embodiment in that it is separately acquired from the server 10.

第13実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the thirteenth embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

<表示画面例>
図13に示す表示画面では、図12−3の重畳表示処理(A4)の実行後にスクロール操作(A5〜A13)が行われたことにより、部分動画像の部分広告画像242bが再生されている(A12)。そのため、透過領域241aを介して部分広告画像242b内の自動車が道路を手前側に走行する部分動画像を視認可能な状態である。
<Display screen example>
On the display screen shown in FIG. 13, the partial advertisement image 242b of the partial moving image is reproduced by performing the scroll operation (A5 to A13) after the execution of the superimposed display process (A4) of FIG. 12-3 (A4). A12). Therefore, the partial moving image in which the automobile in the partial advertisement image 242b travels toward the front side of the road is visible through the transparent region 241a.

この状態で、ユーザが、視認可能となっている部分動画像の部分広告画像242b(限定ではなく第1部分動画像の一例)に対するタッチ操作(限定ではなく、第2入力の一例)をタッチパネル上で行うことにより、その部分広告画像242bに対応する動画像の全体広告画像242aが視認可能となる。動画像の全体広告画像242aは、ページ表示領域全体に表示される縦長の広告の動画像である。部分動画像の部分広告画像242bから動画像の全体広告画像242aに切り替わる際には、動画の再生が継続されている。 In this state, the user can perform a touch operation (an example of a second input, not a limitation) on the partial advertisement image 242b (an example of the first partial moving image, not the limitation) of the partially moving image that is visible on the touch panel. By doing so, the entire advertisement image 242a of the moving image corresponding to the partial advertisement image 242b can be visually recognized. The whole advertisement image 242a of the moving image is a moving image of a vertically long advertisement displayed on the entire page display area. When switching from the partial advertisement image 242b of the partial moving image to the whole advertising image 242a of the moving image, the reproduction of the moving image is continued.

動画像の全体広告画像242aは、部分動画像の部分広告画像242bの全領域を含み、部分広告画像242bに含まれない領域も含む動画像である。この例では、部分動画像の部分広告画像242bに含まれる情報は、山などを背景にして道路上を走行する自動車である。これに対して、動画像の全体広告画像242aに含まれる情報は、部分動画像の部分広告画像242bの背景が上部に拡大され、拡大された背景に、空と空を飛翔する5羽の鳥とが含まれる。
すなわち、この例では、部分広告画像242bは、動画像の全体広告画像242aの下側がトリミングされたものによって構成される部分動画像である。
The whole advertising image 242a of the moving image is a moving image including the entire region of the partial advertising image 242b of the partial moving image and also including the region not included in the partial advertising image 242b. In this example, the information contained in the partial advertisement image 242b of the partial moving image is an automobile traveling on the road against the background of a mountain or the like. On the other hand, the information contained in the whole advertisement image 242a of the moving image is such that the background of the partial advertisement image 242b of the partial moving image is enlarged at the upper part, and the five birds flying in the sky and the sky on the enlarged background. And are included.
That is, in this example, the partial advertisement image 242b is a partial moving image composed of the lower side of the entire advertising image 242a of the moving image trimmed.

<処理>
端末20は、限定ではなく例として図5−2に示すフローチャートの処理を実行することで、部分動画像の部分広告画像242bの表示から動画像の全体広告画像242aの表示に切り替える。
<Processing>
The terminal 20 switches from the display of the partial advertisement image 242b of the partial moving image to the display of the entire advertisement image 242a of the moving image by executing the processing of the flowchart shown in FIG. 5-2 as an example without limitation.

この例では、端末20は、サーバ10から全体広告データを受信すると、全体広告データに基づく動画像の全体広告画像242aを第1レイヤに配置し、第2レイヤに配置しているウェブページ241の全体を透過領域241aに設定する(A25)。 In this example, when the terminal 20 receives the whole advertisement data from the server 10, the whole advertisement image 242a of the moving image based on the whole advertisement data is arranged in the first layer, and the web page 241 arranged in the second layer. The whole is set to the transparent region 241a (A25).

この場合、端末20は、部分動画像の部分広告画像242bの再生が開始されてからの経過時間を計測し、部分広告画像242bへのタッチ操作が行われたタイミングでの経過時間を保存する。そして、全体広告データに基づく動画像の全体広告画像242aを第1レイヤに配置した後、保存しておいた経過時間に対応するタイミングから全体広告画像242aの動画再生を開始する。
これにより、第1レイヤに配置された全体広告画像242aの全体をユーザが視認可能となる。
In this case, the terminal 20 measures the elapsed time from the start of the reproduction of the partial advertisement image 242b of the partial moving image, and saves the elapsed time at the timing when the touch operation to the partial advertisement image 242b is performed. Then, after arranging the entire advertisement image 242a of the moving image based on the overall advertisement data on the first layer, the moving image reproduction of the entire advertisement image 242a is started from the timing corresponding to the saved elapsed time.
As a result, the user can visually recognize the entire advertisement image 242a arranged on the first layer.

<第13実施例の効果>
第13実施例は、端末20のユーザによる部分動画像の部分広告画像242bに対する第2入力に基づいて、動画像の全体広告画像242aを端末20のユーザに対して視認可能にする制御を制御部21によって実行する構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として第1部分動画像に興味を持ったユーザを、第1部分動画像に対する第2入力に基づいて、第1動画像に誘導することができる。
<Effect of 13th Example>
In the thirteenth embodiment, the control unit controls to make the entire advertisement image 242a of the moving image visible to the user of the terminal 20 based on the second input to the partial advertisement image 242b of the partial moving image by the user of the terminal 20. 21 shows the configuration to be executed.
As an example of the effect obtained by such a configuration, a user who is interested in the first partial moving image is guided to the first moving image based on the second input for the first partial moving image, not as a limitation. be able to.

また、第13実施例は、端末20のユーザによる部分動画像の部分広告画像242bに対する第2入力に基づいて、メインコンテンツ情報が配置されている第2レイヤの領域全体を透過領域とする構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として第1動画像を配置するレイヤを第1レイヤよりも上位の第2レイヤに変更することなく、第1動画像を視認可能とすることができる。
Further, the thirteenth embodiment shows a configuration in which the entire area of the second layer in which the main content information is arranged is set as a transparent area based on the second input to the partial advertisement image 242b of the partial moving image by the user of the terminal 20. ing.
As an example of the effect obtained by such a configuration, the first moving image can be visually recognized without changing the layer on which the first moving image is arranged to the second layer higher than the first layer. can do.

また、第13実施例は、ユーザによる部分動画像の部分広告画像242bに対する第2入力は、部分動画像の部分広告画像242bをタッチする操作である構成を示している。
このような構成により得られる効果の一例として、限定ではなく例としてユーザが第1部分動画像に興味を持った場合に、端末のユーザによる第1部分動画像をタッチする操作による入力に基づいて、第1動画像を視認可能とすることができる。
Further, the thirteenth embodiment shows a configuration in which the second input to the partial advertisement image 242b of the partial moving image by the user is an operation of touching the partial advertisement image 242b of the partial moving image.
As an example of the effect obtained by such a configuration, it is not limited, but as an example, when the user is interested in the first partial moving image, based on the input by the operation of touching the first partial moving image by the user of the terminal. , The first moving image can be made visible.

<第13変形例(1)>
第13実施例は、第1レイヤに動画像の全体広告画像242aを配置した状態で、第2レイヤに配置されたウェブページ241の領域全体を透過領域241aとすることにより、動画像の全体広告画像242aの全体を視認可能としたが、このような構成に限られない。ユーザが部分動画像の部分広告画像242bをタッチしたことに基づいて、第2レイヤには動画像の全体広告画像242aが配置され、第1レイヤには透過領域241aを含むウェブページが配置されるようにしてもよい。
<13th modification (1)>
In the thirteenth embodiment, in a state where the entire moving image advertisement image 242a is arranged on the first layer, the entire area of the web page 241 arranged on the second layer is set as the transparent area 241a, thereby making the entire moving image advertisement. Although the entire image 242a is visible, it is not limited to such a configuration. Based on the user touching the partial advertisement image 242b of the partial moving image, the entire advertising image 242a of the moving image is arranged in the second layer, and the web page including the transparent area 241a is arranged in the first layer. You may do so.

すなわち、ユーザの第2入力に基づいて、第1レイヤに配置されている広告情報と第2レイヤに配置されているメインコンテンツ情報とをスワップするレイヤチェンジが実行され、結果として広告情報がメインコンテンツ情報よりも上位のレイヤに配置されることにより、広告情報の全体が視認可能となるようにしてもよい。
このような構成により得られる効果の一例として、透過領域を変更することなく、第1動画像を視認可能とすることができる。
That is, a layer change is executed in which the advertisement information arranged in the first layer and the main content information arranged in the second layer are swapped based on the second input of the user, and as a result, the advertisement information is obtained from the main content information. May be arranged in a higher layer so that the entire advertisement information can be visually recognized.
As an example of the effect obtained by such a configuration, the first moving image can be made visible without changing the transparent region.

<第13変形例(2)>
第13実施例において、A25の処理が実行されて、動画像の全体広告画像242aが視認可能となった後、所定期間(所定時間)が経過したこと、または、ユーザがメインコンテンツ情報を再び視認可能とするための操作を実行したことに基づいて、第2レイヤに配置されたウェブページ241が再び視認可能となるようにしてもよい。
<13th modification (2)>
In the thirteenth embodiment, after the processing of A25 is executed and the entire advertisement image 242a of the moving image becomes visible, a predetermined period (predetermined time) has elapsed, or the user can visually recognize the main content information again. The web page 241 arranged in the second layer may be made visible again based on the operation for performing the above.

限定ではなく例として、ユーザが、図13に示される動画像の全体広告画像242aの右上に表示されている「×」と示された消去アイコン242cにタッチすることで、第2レイヤにおける透過領域設定が解除されて、再び第2レイヤのウェブページ241を視認可能となる。このとき第2レイヤのウェブページ241は、第1レイヤの全体広告画像242aに重畳した状態となっており、透過領域241aを介して動画像の全体広告画像242aの一部すなわち部分動画像の部分広告画像242bを視認可能となっている。動画像の全体広告画像242aから部分動画像の部分広告画像242bに切り替わる際には、動画の再生が継続されている。このため、部分動画像の部分広告画像242b内の自動車は、手前側に向かって道路をさらに走行している。 As an example, but not a limitation, the user touches the erase icon 242c indicated by "x" displayed in the upper right of the entire advertisement image 242a of the moving image shown in FIG. The setting is canceled, and the second layer web page 241 can be visually recognized again. At this time, the web page 241 of the second layer is in a state of being superimposed on the entire advertisement image 242a of the first layer, and is a part of the entire advertisement image 242a of the moving image, that is, the part of the partial moving image via the transparent region 241a. The advertisement image 242b can be visually recognized. When the whole advertisement image 242a of the moving image is switched to the partial advertisement image 242b of the partial moving image, the reproduction of the moving image is continued. Therefore, the automobile in the partial advertisement image 242b of the partial moving image is further traveling on the road toward the front side.

なお、第13変形例(1)に関しても、動画像の全体広告画像242aが視認可能となった後、所定期間(所定時間)が経過したこと、または、ユーザがメインコンテンツ情報を再び視認可能とするための操作を実行したことに基づいて、一旦は第1レイヤに配置されたウェブページ241が、再び第2レイヤに配置されることで視認可能となるようにしてもよい。 Regarding the thirteenth modification (1), a predetermined period (predetermined time) has elapsed after the entire advertisement image 242a of the moving image becomes visible, or the user can visually recognize the main content information again. The web page 241 once arranged in the first layer may be made visible by being arranged in the second layer again based on the operation for the above.

限定ではなく例として、ユーザが、図13に示される動画像の全体広告画像242aの右上に表示されている「×」と示された消去アイコン242cにタッチした場合には、第1レイヤに配置されているメインコンテンツ情報と第2レイヤに配置されている広告情報とをスワップするレイヤチェンジが実行され、結果としてメインコンテンツ情報が、広告情報よりも上位のレイヤに再び配置されることにより、メインコンテンツ情報が視認可能となるようにしてもよい。このとき第2レイヤのウェブページ241は、第1レイヤの動画像の全体広告画像242aに重畳した状態となっており、透過領域241aを介して動画像の全体広告画像242aの一部すなわち部分動画像の部分広告画像242bを視認可能となっている。 As an example, not a limitation, when the user touches the erase icon 242c indicated by "x" displayed in the upper right of the entire advertisement image 242a of the moving image shown in FIG. 13, it is placed in the first layer. A layer change is executed to swap the main content information that has been created and the advertising information that is placed in the second layer, and as a result, the main content information is repositioned in a layer higher than the advertising information, so that the main content information is released. It may be visible. At this time, the web page 241 of the second layer is in a state of being superimposed on the entire advertisement image 242a of the moving image of the first layer, and is a part of the entire advertising image 242a of the moving image, that is, a partial moving image through the transparent region 241a. The partial advertisement image 242b of the image can be visually recognized.

上記の変形例は、何れも、動画像の全体広告画像242aをページ表示領域に表示し、動画像の全体広告画像242aの少なくとも一部に重畳するウェブページ241(限定ではなく、コンテンツの一例)をページ表示領域に表示する構成を示している。
このような構成により得られる効果の一例として、第1動画像が表示領域全体に表示された後であっても、ユーザが再びコンテンツを閲覧可能となる。
In each of the above modifications, the entire advertisement image 242a of the moving image is displayed in the page display area, and the web page 241 is superimposed on at least a part of the entire advertisement image 242a of the moving image (not limited, but an example of the content). Is displayed in the page display area.
As an example of the effect obtained by such a configuration, the user can browse the content again even after the first moving image is displayed in the entire display area.

<第13変形例(3)>
図13に示した例では、部分動画像の部分広告画像242bの再生が開始された後に(A12)、部分広告画像242bに対するタッチ操作に基づいて動画像の全体広告画像242aが表示されているが、このような形態に限らず、部分動画像の部分広告画像242bの再生が開始される前に、静止画像の部分広告画像242bに対するタッチ操作に基づいて動画像の全体広告画像242aの再生が開始されてもよい。
<13th modification (3)>
In the example shown in FIG. 13, after the reproduction of the partial advertisement image 242b of the partial moving image is started (A12), the entire advertisement image 242a of the moving image is displayed based on the touch operation on the partial advertisement image 242b. Not limited to such a form, before the reproduction of the partial advertisement image 242b of the partial moving image is started, the reproduction of the entire advertisement image 242a of the moving image is started based on the touch operation on the partial advertisement image 242b of the still image. May be done.

限定ではなく例として、ウェブページ241が初期位置にある状態で、透過領域241aを介して視認可能となっている静止画像の部分広告画像242bの一部に対するタッチ操作に基づいて全体広告画像242aが表示され、動画像の全体広告画像242aの再生が開始されてもよい。
このような構成により得られる効果の一例として、ユーザが注目領域を見るよりも前にその広告に興味を持った場合に、その段階で第1動画像を表示させることができる。
As an example, not a limitation, the whole advertisement image 242a is based on a touch operation on a part of the partial advertisement image 242b of the still image which is visible through the transparent area 241a with the web page 241 in the initial position. It is displayed, and the reproduction of the whole advertisement image 242a of the moving image may be started.
As an example of the effect obtained by such a configuration, when the user is interested in the advertisement before seeing the area of interest, the first moving image can be displayed at that stage.

<第13変形例(4)>
第13実施例では、ユーザが視認可能となっている部分動画像の部分広告画像242bに対するタッチ操作(第2入力の一例)をタッチパネル上で行うことにより、部分動画像の部分広告画像242bから動画像の全体広告画像242aに表示が切り替わり、その際、
動画の再生が継続されることとしたが、これに限定されない。
<13th modification (4)>
In the thirteenth embodiment, by performing a touch operation (an example of the second input) on the partial advertisement image 242b of the partial moving image that is visible to the user on the touch panel, the moving image is transmitted from the partial advertisement image 242b of the partial moving image. The display is switched to the entire advertisement image 242a of the image, and at that time,
It was decided that the video would continue to play, but it is not limited to this.

具体的には、限定ではなく例として、部分動画像の部分広告画像242bから動画像の全体広告画像242aに表示が切り替わる際に、動画が最初から再生されるようにしてもよいし、そのようにしなくてもよい。
この場合、端末20は、サーバ10から全体広告データを受信すると、全体広告データに基づく動画像の全体広告画像242aを第1レイヤに配置し、第2レイヤに配置しているウェブページ241の全体を透過領域241aに設定する。この場合、端末20は、サーバ10から受信した全体広告データに基づき、動画像の全体広告画像242aを最初から再生するようにする。
Specifically, as an example, not limited to, when the display is switched from the partial advertisement image 242b of the partial moving image to the entire advertising image 242a of the moving image, the moving image may be played from the beginning, or as such. It does not have to be.
In this case, when the terminal 20 receives the overall advertisement data from the server 10, the entire advertisement image 242a of the moving image based on the overall advertisement data is arranged in the first layer, and the entire web page 241 arranged in the second layer is arranged. Is set in the transparent region 241a. In this case, the terminal 20 is made to reproduce the whole advertisement image 242a of the moving image from the beginning based on the whole advertisement data received from the server 10.

<第14実施例>
第14実施例は、限定ではなく例として、部分広告画像242bおよび透過領域241aの設定、ならびに部分広告画像242bの再生開始条件の設定に関する実施例である。
第14実施例では、限定ではなく例として、ページ表示領域、部分広告画像242b、透過領域241aの関係(限定ではなく例として、これらの縦幅の関係)に基づく、部分広告画像242bの再生開始条件の設定方法を例示する。
<14th Example>
The fourteenth embodiment is not limited to, but is an example relating to the setting of the partial advertisement image 242b and the transparent region 241a, and the setting of the reproduction start condition of the partial advertisement image 242b.
In the 14th embodiment, the reproduction of the partial advertisement image 242b is started based on the relationship between the page display area, the partial advertisement image 242b, and the transparent area 241a (as an example, not the limitation, the relationship between these vertical widths). An example of how to set the conditions.

第14実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the 14th embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

<機能構成>
(1)サーバの機能構成
図14−1に示すメインコンテンツデータベース152には、限定ではなく例として、メインコンテンツIDと、メインコンテンツデータの記憶領域と、広告番号と、広告主IDと、その広告番号の広告に関する部分広告画像を識別する画像IDと、その部分広告画像(部分動画像)の再生開始条件(この例では透過領域の部分広告画像に対する重畳割合)と、その広告番号の広告に関する全体広告画像を識別する画像IDと、透過領域の設定範囲と、が関連付けて記憶されている。
<Functional configuration>
(1) Functional configuration of server The main content database 152 shown in FIG. 14-1 is not limited, but as an example, the main content ID, the storage area of the main content data, the advertisement number, the advertiser ID, and the advertisement of the advertisement number. The image ID that identifies the partial advertisement image related to, the playback start condition of the partial advertisement image (partial moving image) (in this example, the superposition ratio to the partial advertisement image of the transparent area), and the entire advertisement image related to the advertisement of the advertisement number. The image ID to be identified and the setting range of the transparent area are stored in association with each other.

この例では、前述した、透過領域の所定割合が部分広告画像に重畳したこと、を再生開始条件とする場合を例示しており、所定割合に対応する重畳割合が再生開始条件の欄に記憶されている。
限定ではなく例として、再生開始条件(重畳割合)が33%の場合、透過領域の縦幅の33%が部分広告画像と重畳したときに、その部分広告画像の部分動画像の再生が開始される。
In this example, the case where the above-mentioned predetermined ratio of the transparent region is superimposed on the partial advertisement image is set as the reproduction start condition, and the superimposed ratio corresponding to the predetermined ratio is stored in the reproduction start condition column. ing.
As an example, not a limitation, when the playback start condition (superimposition ratio) is 33%, when 33% of the vertical width of the transparent area is superimposed on the partial advertisement image, the reproduction of the partial moving image of the partial advertisement image is started. To.

(2)広告主による部分広告画像の設定
部分広告画像を全体広告画像の何れの領域とするかは、前述したように、広告主が任意に設定することが可能である。また、この場合、広告主は、限定ではなく例として、前述した設定装置を操作することによって、部分広告画像を設定することが可能である。
本実施例では、部分広告画像が、デフォルトで端末20のページ表示領域の下側に配置される場合を例示する。
また、本実施例では、ページ表示領域の縦幅の略1/3の縦幅を有する部分広告画像が設定される場合を例示する。
(2) Setting of Partial Advertising Image by Advertiser As described above, the advertiser can arbitrarily set which area of the whole advertising image the partial advertising image should be. Further, in this case, the advertiser can set the partial advertisement image by operating the setting device described above as an example, not limited to the above.
In this embodiment, the case where the partial advertisement image is arranged below the page display area of the terminal 20 by default is illustrated.
Further, in this embodiment, a case where a partial advertisement image having a vertical width of about 1/3 of the vertical width of the page display area is set is illustrated.

設定装置は、広告主の操作に基づいて、全体広告画像のデータおよび部分広告画像のデータを含む登録要求をサーバ10へ送信する。
サーバ10は、通信I/F14によって設定装置から登録要求を受信すると、受信した登録要求に含まれる全体広告画像のデータおよび部分広告画像のデータをそれぞれ全体広告データベース153a(図4−2参照)および部分広告データベース153b(図4−3参照)に記憶させる。
また、サーバ10は、限定ではなく例として、送信元の設定装置の固有アドレスから広告主IDを特定するとともに、固有の広告番号を割り当て、広告番号、広告主ID、部分広告画像の画像ID、および全体部分広告画像の画像IDと、メインコンテンツIDと、を関連付けてメインコンテンツデータベース152に記憶させる。
The setting device transmits a registration request including the data of the whole advertisement image and the data of the partial advertisement image to the server 10 based on the operation of the advertiser.
When the server 10 receives the registration request from the setting device by the communication I / F 14, the server 10 inputs the data of the whole advertisement image and the data of the partial advertisement image included in the received registration request to the whole advertisement database 153a (see FIG. 4-2) and the data of the partial advertisement image, respectively. It is stored in the partial advertisement database 153b (see FIG. 4-3).
Further, the server 10 is not limited, but as an example, identifies the advertiser ID from the unique address of the transmission source setting device, assigns a unique advertisement number, and assigns the advertisement number, the advertiser ID, the image ID of the partial advertisement image, and the like. And the image ID of the whole partial advertisement image and the main content ID are associated and stored in the main content database 152.

(3)サーバによる透過領域の設定
部分広告画像が設定されると、サーバ10の制御部11は、限定ではなく例として、ページ表示領域の縦幅に基づいて、透過領域を設定する。
(3) Setting of Transparent Area by Server When the partial advertisement image is set, the control unit 11 of the server 10 sets the transparent area based on the vertical width of the page display area, not as a limitation but as an example.

本例では、サーバ10は、初期設定に基づいて、固定サイズの透過領域241aを設定する。具体的には、サーバ10は、限定ではなく例として、端末20のページ表示領域の縦幅の略2/3を透過領域の縦幅とし、ページ表示領域の横幅と略同じ横幅を透過領域の横幅とする。 In this example, the server 10 sets a fixed size transparent region 241a based on the initial settings. Specifically, the server 10 is not limited, but as an example, about two-thirds of the vertical width of the page display area of the terminal 20 is the vertical width of the transparent area, and the width substantially the same as the horizontal width of the page display area is the transparent area. The width shall be.

また、サーバ10は、透過領域の位置を決定する。具体的には、サーバ10は、限定ではなく例として、ウェブページが初期位置にある状態で、ウェブページにおける先頭部分から透過領域までの縦幅が、ページ表示領域の縦幅よりも大きくなるように、メインコンテンツ情報における透過領域の位置を決定する。つまり、ユーザは、ウェブページが初期位置にある状態では部分広告画像を視認できないが、スクロール操作によってウェブページを上側に移動させることで部分広告画像を視認できるようになる。サーバ10は、決定した透過領域の位置をメインコンテンツIDと関連付けてメインコンテンツデータベース152に記憶させる。 The server 10 also determines the position of the transparent region. Specifically, the server 10 is not limited, but as an example, in a state where the web page is in the initial position, the vertical width from the head portion to the transparent area of the web page is larger than the vertical width of the page display area. In addition, the position of the transparent area in the main content information is determined. That is, the user cannot visually recognize the partial advertisement image when the web page is in the initial position, but can visually recognize the partial advertisement image by moving the web page upward by the scroll operation. The server 10 stores the determined position of the transparent area in the main content database 152 in association with the main content ID.

(4)サーバによる再生開始条件の設定
透過領域が設定されると、サーバ10の制御部11は、透過領域の縦幅に基づいて、部分動画像の再生開始条件を設定する。
(4) Setting of Playback Start Condition by Server When the transparent area is set, the control unit 11 of the server 10 sets the playback start condition of the partial moving image based on the vertical width of the transparent area.

本例では、透過領域の縦幅が端末20のページ表示領域の略2/3と大きいため、サーバ10は、透過領域の縦幅の所定割合(限定ではなく例として33%)が部分広告画像と重畳したときに、その部分広告画像の部分動画像の再生が開始されるように再生開始条件を設定する。サーバ10は、設定した再生開始条件をメインコンテンツIDと関連付けてメインコンテンツデータベース152に記憶させる。
つまり、透過領域の縦幅のうちの33%分の縦幅の透過領域が端末20のページ表示領域の下側から現れたときに、その透過領域と重畳する部分広告画像の部分動画像の再生が開始される。このとき、その部分広告画像の縦幅の略2/3が透過領域を介して視認可能な状態であるので、ユーザに注目させたい領域が視認可能となるタイミングで部分動画像の再生を開始することができる。
In this example, since the vertical width of the transparent area is as large as about 2/3 of the page display area of the terminal 20, the server 10 has a predetermined ratio of the vertical width of the transparent area (33% as an example, not a limitation) of the partial advertisement image. The playback start condition is set so that the reproduction of the partial moving image of the partial advertisement image is started when the image is superimposed on the above. The server 10 stores the set playback start condition in the main content database 152 in association with the main content ID.
That is, when a transparent area having a vertical width of 33% of the vertical width of the transparent area appears from the lower side of the page display area of the terminal 20, the partial moving image of the partial advertisement image superimposed on the transparent area is reproduced. Is started. At this time, since approximately two-thirds of the vertical width of the partial advertisement image is visible through the transparent area, the reproduction of the partial moving image is started at the timing when the area to be noticed by the user becomes visible. be able to.

なお、部分動画像の再生開始条件は、サーバ10によって設定される例を示したが、このような形態に限られない。部分動画像の再生開始条件は、広告主などのユーザによって設定されてもよい。 Although the example in which the reproduction start condition of the partial moving image is set by the server 10 is shown, the present invention is not limited to such a form. The playback start condition of the partial moving image may be set by a user such as an advertiser.

<第14実施例の効果>
第14実施例は、広告主によってユーザの端末20への広告コンテンツデータ(限定ではなく例として、全体広告画像を含む全体広告データ)の送信が依頼され、部分動画像の部分広告画像は、広告主によって設定される構成を示している。
このような構成により得られる効果の一例として、事業者(限定ではなく例として広告主)が第1動画像のうちのユーザに注目させたい領域を、第1部分動画像の領域として設定することができる。
<Effect of 14th Example>
In the 14th embodiment, the advertiser requests the transmission of the advertisement content data (not limited, but as an example, the whole advertisement data including the whole advertisement image) to the user's terminal 20, and the partial advertisement image of the partial moving image is an advertisement. Shows the configuration set by the main.
As an example of the effect obtained by such a configuration, the area of the first moving image that the business operator (not limited to the advertiser as an example) wants to pay attention to the user is set as the area of the first partial moving image. Can be done.

<第14変形例(1)>
第14実施例では、透過領域の縦幅が大きい(端末20のページ表示領域の縦幅の略2/3)例を示したが、このような形態に限られない。透過領域の縦幅が小さくてもよい。
本変形例では、透過領域の縦幅および横幅の設定は、サーバの運営者または広告主などによって変更可能である。
<14th modification (1)>
In the 14th embodiment, an example in which the vertical width of the transparent region is large (approximately 2/3 of the vertical width of the page display area of the terminal 20) is shown, but the present invention is not limited to such a mode. The vertical width of the transparent region may be small.
In this modification, the vertical width and horizontal width setting of the transparent area can be changed by the server operator, the advertiser, or the like.

図14−2は、再生開始条件を設定するためのテーブルの一例を示す図である。
このテーブルには、透過領域の縦幅と、再生開始条件(透過領域の部分広告画像に対する重畳割合)とが関連付けて定められている。
FIG. 14-2 is a diagram showing an example of a table for setting playback start conditions.
In this table, the vertical width of the transparent area and the reproduction start condition (superimposition ratio of the transparent area with respect to the partial advertisement image) are defined in association with each other.

透過領域の縦幅には、ページ表示領域の縦幅に対する割合に基づく透過領域の縦幅として、限定ではなく例として、「ページ表示領域の2/3」と、「ページ表示領域の1/3」と、「ページ表示領域の1/6」との3つが定められている。 The vertical width of the transparent area is not limited to the vertical width of the transparent area based on the ratio to the vertical width of the page display area. As an example, "2/3 of the page display area" and "1/3 of the page display area" are used. "And" 1/6 of the page display area "are defined.

「ページ表示領域の2/3」には、再生開始条件として「33%」が定められている。これは、上記の実施例と同じ条件である。 In "2/3 of the page display area", "33%" is set as a playback start condition. This is the same condition as in the above embodiment.

「ページ表示領域の1/3」には、再生開始条件として「66%」が定められている。これは、透過領域の縦幅の66%が部分広告画像と重畳したときに、その部分広告画像の部分動画像の再生が開始されることを示す条件である。 "66%" is defined as a playback start condition in "1/3 of the page display area". This is a condition indicating that when 66% of the vertical width of the transparent region is superimposed on the partial advertisement image, the reproduction of the partial moving image of the partial advertisement image is started.

「ページ表示領域の1/6」には、再生開始条件として「100%」が定められている。これは、透過領域の縦幅の全部(100%)が部分広告画像と重畳したときに、その部分広告画像の部分動画像の再生が開始されることを示す条件である。 "100%" is defined as a playback start condition in "1/6 of the page display area". This is a condition indicating that when the entire vertical width (100%) of the transparent region is superimposed on the partial advertisement image, the reproduction of the partial moving image of the partial advertisement image is started.

このように、透過領域の縦幅が小さいほど(ページ表示領域の縦幅に対する割合が小さいほど)、部分動画像の再生に必要な重畳割合が高くなるように(つまり再生の条件が厳しくなるように)、透過領域の縦幅と再生開始条件との関係が定められている。 In this way, the smaller the vertical width of the transparent area (the smaller the ratio to the vertical width of the page display area), the higher the superposition ratio required for reproducing the partial moving image (that is, the stricter the reproduction conditions). ), The relationship between the vertical width of the transparent area and the playback start condition is defined.

サーバ10は、限定ではなく例として、ページ表示領域の縦幅に対する割合に基づいて、透過領域の縦幅を設定する。また、限定ではなく例として、ページ表示領域の横幅と略同じ横幅を透過領域の横幅とする。
そして、サーバ10は、限定ではなく例として、設定した透過領域の縦幅に基づき、上記のテーブルに従って再生開始条件を設定する。そして、サーバ10は、設定した再生開始条件をメインコンテンツIDと関連付けてメインコンテンツデータベース152に記憶させる。
As an example, the server 10 sets the vertical width of the transparent area based on the ratio to the vertical width of the page display area. Further, as an example, not limited, the width substantially the same as the width of the page display area is defined as the width of the transparent area.
Then, the server 10 sets the reproduction start condition according to the above table based on the vertical width of the set transparent region as an example, not the limitation. Then, the server 10 associates the set playback start condition with the main content ID and stores it in the main content database 152.

限定ではなく例として、上記のテーブルのうち、透過領域の縦幅を「ページ表示領域の1/6」とした場合、透過領域の縦幅が端末20のページ表示領域の略1/6と小さいため、透過領域の縦幅の全部、つまり縦幅の100%が部分広告画像と重畳したときに、その部分広告画像の部分動画像の再生が開始されるように再生開始条件を設定する。
つまり、透過領域のすべてが端末20のページ表示領域の下側から現れたときに、その透過領域と重畳する部分広告画像の部分動画像の再生が開始される。このとき、その部分広告画像の略1/2が透過領域を介して視認可能な状態であるので、ユーザに注目させたい領域が視認可能となるタイミングで部分動画像の再生を開始することができる。
As an example, not a limitation, when the vertical width of the transparent area is set to "1/6 of the page display area" in the above table, the vertical width of the transparent area is as small as about 1/6 of the page display area of the terminal 20. Therefore, the reproduction start condition is set so that the reproduction of the partial moving image of the partial advertisement image is started when the entire vertical width of the transparent region, that is, 100% of the vertical width is superimposed on the partial advertisement image.
That is, when all of the transparent area appears from the lower side of the page display area of the terminal 20, the reproduction of the partial moving image of the partial advertisement image superimposed on the transparent area is started. At this time, since approximately 1/2 of the partial advertisement image is visible through the transparent region, the reproduction of the partial moving image can be started at the timing when the region to be noticed by the user becomes visible. ..

なお、部分動画像の再生開始条件は、部分広告画像と重畳する透過領域の縦幅と、透過領域の縦幅との割合で定められる例を示したが、このような形態に限られない。部分動画像の再生開始条件は、部分広告画像と重畳する透過領域の面積と、透過領域全体の面積との割合で定められてもよい。 Although the playback start condition of the partial moving image is determined by the ratio of the vertical width of the transparent region superimposed on the partial advertisement image and the vertical width of the transparent region, the present invention is not limited to such a form. The reproduction start condition of the partial moving image may be determined by the ratio of the area of the transparent region superimposed on the partial advertisement image and the area of the entire transparent region.

本変形例では、透過領域241aの大きさ、または透過領域241aの辺の長さに基づいて、部分広告画像242bの部分動画像の再生の制御が変更される構成を示している。
このような構成により得られる効果の一例として、第1部分動画像の再生制御のタイミングを、透過領域の大きさまたは辺の長さに応じて異ならせることができる。限定ではなく例として、透過領域の大きさまたは辺の長さが大きいために第1部分動画像の再生開始が遅れてしまったり、透過領域の大きさまたは辺の長さが小さいために第1部分動画像の再生開始が早すぎたりすることを防止することができる。
In this modification, the control of reproduction of the partial moving image of the partial advertisement image 242b is changed based on the size of the transparent region 241a or the length of the side of the transparent region 241a.
As an example of the effect obtained by such a configuration, the timing of the reproduction control of the first partial moving image can be made different depending on the size of the transparent region or the length of the side. As an example, not a limitation, the start of reproduction of the first partial moving image is delayed due to the large size of the transparent region or the length of the side, or the first is due to the small size of the transparent region or the length of the side. It is possible to prevent the partial moving image from starting playback too early.

<第14変形例(2)>
第14実施例では、部分広告画像のサイズに関わらず、固定サイズの透過領域が設定される例を示したが、このような形態に限られない。透過領域のサイズは、部分広告画像の辺の長さやサイズに基づいて変更可能であってもよい。
<14th modification (2)>
In the 14th embodiment, an example in which a transparent region having a fixed size is set regardless of the size of the partial advertisement image is shown, but the present invention is not limited to such a form. The size of the transparent area may be changeable based on the length and size of the sides of the partial advertisement image.

図14−3は、透過領域の縦幅を設定するためのテーブルの一例を示す図である。
このテーブルには、部分広告画像の縦幅と透過領域の縦幅とが関連付けて定められている。
部分広告画像の縦幅には、「ページ表示領域の1/4以下」と、「ページ表示領域の1/4超」とが含まれる。
FIG. 14-3 is a diagram showing an example of a table for setting the vertical width of the transparent region.
In this table, the vertical width of the partial advertisement image and the vertical width of the transparent area are defined in association with each other.
The vertical width of the partial advertisement image includes "1/4 or less of the page display area" and "more than 1/4 of the page display area".

「ページ表示領域の1/4以下」には、透過領域の縦幅として「部分広告画像の縦幅と同じ」が定められている。これは、部分広告画像の縦幅がページ表示領域の1/4以下の長さである場合には、部分広告画像の縦幅と同じ長さを透過領域の縦幅として設定することを示している。 In "1/4 or less of the page display area", "the same as the vertical width of the partial advertisement image" is defined as the vertical width of the transparent area. This indicates that when the vertical width of the partial advertisement image is 1/4 or less of the page display area, the same length as the vertical width of the partial advertisement image is set as the vertical width of the transparent area. There is.

「ページ表示領域の1/4超」には、透過領域の縦幅として「ページ表示領域の1/4」が定められている。これは、部分広告画像の縦幅がページ表示領域の1/4を超える長さである場合は、ページ表示領域の1/4の長さを透過領域の縦幅として設定することを示している。 In "more than 1/4 of the page display area", "1/4 of the page display area" is defined as the vertical width of the transparent area. This indicates that when the vertical width of the partial advertisement image exceeds 1/4 of the page display area, the length of 1/4 of the page display area is set as the vertical width of the transparent area. ..

このようにしているのは、限定ではなく例として、透過領域の縦幅がおよそページ表示領域の1/4を超えてしまうと、透過領域が大き過ぎることにより、ニュース記事等のユーザが閲覧したい情報を阻害する可能性があるためである。そこで、この例では、透過領域の縦幅の上限がページ表示領域の1/4となるように、部分広告画像の縦幅に基づいて透過領域の縦幅を設定するようにしている。 This is not a limitation, but as an example, if the vertical width of the transparent area exceeds about 1/4 of the page display area, the transparent area is too large and the user wants to read a news article or the like. This is because it may interfere with information. Therefore, in this example, the vertical width of the transparent area is set based on the vertical width of the partial advertisement image so that the upper limit of the vertical width of the transparent area is 1/4 of the page display area.

なお、この場合、限定ではなく例として、ページ表示領域の横幅と略同じ横幅(限定ではなく例として、ページ表示領域の横幅の90%〜100%)を透過領域の横幅として設定するようにすることができる。 In this case, as an example, not the limitation, the width substantially the same as the width of the page display area (90% to 100% of the width of the page display area as an example, not the limitation) is set as the width of the transparent area. be able to.

この場合、サーバ10は、部分広告画像の縦幅と同じ縦幅を透過領域の縦幅として設定した場合は、限定ではなく例として、透過領域の縦幅の第1所定割合(限定ではなく例として70%)が部分広告画像と重畳したときに、その部分広告画像の部分動画像の再生が開始されるように再生開始条件を設定する。サーバ10は、設定した再生開始条件をメインコンテンツIDと関連付けてメインコンテンツデータベース152に記憶させる。
つまり、透過領域の縦幅のうちの70%分の縦幅の透過領域が端末20のページ表示領域の下側から現れたときに、その透過領域と重畳する部分広告画像の部分動画像の再生が開始される。このとき、その部分広告画像の縦幅の略70%が透過領域を介して視認可能な状態であるので、ユーザに注目させたい領域が視認可能となるタイミングで部分動画像の再生を開始することができる。
In this case, when the server 10 sets the same vertical width as the vertical width of the partial advertisement image as the vertical width of the transparent region, the server 10 is not limited, but as an example, the first predetermined ratio of the vertical width of the transparent region (not limited, but an example). When 70%) is superimposed on the partial advertisement image, the reproduction start condition is set so that the reproduction of the partial moving image of the partial advertisement image is started. The server 10 stores the set playback start condition in the main content database 152 in association with the main content ID.
That is, when a transparent area having a vertical width of 70% of the vertical width of the transparent area appears from the lower side of the page display area of the terminal 20, the partial moving image of the partial advertisement image superimposed on the transparent area is reproduced. Is started. At this time, since approximately 70% of the vertical width of the partial advertisement image is visible through the transparent region, the reproduction of the partial moving image is started at the timing when the region to be noticed by the user becomes visible. Can be done.

また、サーバ10は、ページ表示領域の1/4の長さを透過領域の縦幅として設定した場合は、部分広告画像の縦幅の方が透過領域の縦幅よりも長いため、限定ではなく例として、透過領域の縦幅の第1所定割合よりも大きい第2所定割合(限定ではなく例として100%)が部分広告画像と重畳したときに、その部分広告画像の部分動画像の再生が開始されるように再生開始条件を設定する。そして、サーバ10は、設定した再生開始条件をメインコンテンツIDと関連付けてメインコンテンツデータベース152に記憶させる。 Further, when the server 10 sets the length of 1/4 of the page display area as the vertical width of the transparent area, the vertical width of the partial advertisement image is longer than the vertical width of the transparent area, so that the limitation is not limited. As an example, when a second predetermined ratio (100% as an example, not a limitation) larger than the first predetermined ratio of the vertical width of the transparent region is superimposed on the partial advertisement image, the reproduction of the partial moving image of the partial advertisement image is performed. Set the playback start condition so that it will start. Then, the server 10 associates the set playback start condition with the main content ID and stores it in the main content database 152.

なお、上記のように部分広告画像の縦幅に応じて透過領域の縦幅を変更するのではなく、部分広告画像の縦幅と略同じ縦幅(限定ではなく例として、部分広告画像の縦幅の90%〜110%)を透過領域の縦幅として設定するようにしてもよいし、そのようにしなくてもよい。
また、この場合、透過領域は、部分広告画像の面積と略同じ面積に設定されるようにしてもよいし、そのようにしなくてもよい。
In addition, instead of changing the vertical width of the transparent area according to the vertical width of the partial advertisement image as described above, the vertical width is substantially the same as the vertical width of the partial advertisement image (not limited, but as an example, the vertical width of the partial advertisement image). 90% to 110% of the width) may or may not be set as the vertical width of the transparent region.
Further, in this case, the transparent area may or may not be set to substantially the same area as the area of the partial advertisement image.

本変形例では、透過領域241aの大きさ、または透過領域241aの辺の長さが、部分動画像の部分広告画像242bに基づいて決定される構成を示している。
このような構成により得られる効果の一例として、第1部分動画像に応じた大きさまたは辺の長さを有する透過領域を設定することができるため、適切なタイミングで第1部分動画像を再生制御することができる。
In this modification, the size of the transparent region 241a or the length of the side of the transparent region 241a is determined based on the partial advertisement image 242b of the partial moving image.
As an example of the effect obtained by such a configuration, since a transparent region having a size or a side length corresponding to the first partial moving image can be set, the first partial moving image is reproduced at an appropriate timing. Can be controlled.

<第15実施例>
第15実施例は、メインコンテンツと部分広告画像との相対的な位置が常に固定される実施例である。
第1実施例〜第14実施例とは、メインコンテンツ情報に透過領域を形成せず、メインコンテンツ情報と広告コンテンツ情報とが同じレイヤに配置されて表示される点が異なる。
<15th Example>
The fifteenth embodiment is an embodiment in which the relative positions of the main content and the partial advertisement image are always fixed.
The first to fourteenth embodiments are different from the first to fourteenth embodiments in that a transparent area is not formed in the main content information, and the main content information and the advertisement content information are arranged and displayed on the same layer.

第15実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the fifteenth embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

<表示画面例>
図15−1は、本例におけるレイヤに配置されるメインコンテンツ情報と部分広告画像との関係を示す説明図である。
本実施例において、サーバ10から配信されるメインコンテンツデータには、広告コンテンツ情報(限定ではなく例として広告画像)が配置される広告配置領域243が設定されている。その結果、端末20がメインコンテンツデータを受信したことに基づいて、そのメインコンテンツデータに基づくメインコンテンツ情報と、そのメインコンテンツデータに関連付けて配信された広告コンテンツデータに基づく広告コンテンツ情報とが、共通のレイヤ(単一のレイヤ)に配置されることになる。
<Display screen example>
FIG. 15-1 is an explanatory diagram showing the relationship between the main content information arranged in the layer in this example and the partial advertisement image.
In the present embodiment, the advertisement placement area 243 in which the advertisement content information (not limited but an advertisement image as an example) is arranged is set in the main content data distributed from the server 10. As a result, based on the reception of the main content data by the terminal 20, the main content information based on the main content data and the advertisement content information based on the advertisement content data distributed in association with the main content data are in a common layer (single). It will be placed on one layer).

広告配置領域243には、メインコンテンツデータに含まれるドキュメントデータおよび画像データにそれぞれ基づくドキュメントおよび画像が配置されない。つまり、メインコンテンツ情報がページ表示領域に表示された状態では、メインコンテンツ情報は、ページ表示領域のうち、ページ表示領域と広告配置領域243とが重ならない領域に表示され、ページ表示領域と広告配置領域243とが重なる領域には表示されない。 Documents and images based on the document data and image data included in the main content data are not arranged in the advertisement placement area 243, respectively. That is, in the state where the main content information is displayed in the page display area, the main content information is displayed in the area of the page display area where the page display area and the advertisement placement area 243 do not overlap, and the page display area and the advertisement placement area 243. It is not displayed in the area where and overlap.

本実施例では、限定ではなく例として、広告配置領域243には、広告コンテンツデータに基づく広告コンテンツ情報として、動画像の部分広告画像242b(限定ではなく、第1コンテンツ情報の一部である第1情報の一例)が配置されることとし、広告配置領域243は部分広告画像242bと同じサイズを有するものとして説明する。
端末20のページ表示領域では、メインコンテンツ情報と部分広告画像とが重ならないため、ユーザは、メインコンテンツ情報と部分広告画像との両方を良好に視認可能となる。
In this embodiment, as an example, not a limitation, in the advertisement placement area 243, as the advertisement content information based on the advertisement content data, the partial advertisement image 242b of the moving image (not limited, but a part of the first content information). 1) (1 example of information) will be arranged, and the advertisement arrangement area 243 will be described as having the same size as the partial advertisement image 242b.
In the page display area of the terminal 20, since the main content information and the partial advertisement image do not overlap, the user can satisfactorily see both the main content information and the partial advertisement image.

なお、広告配置領域のサイズは、必ずしも部分広告画像と同じサイズである必要はなく、広告配置領域のサイズは、部分広告画像のサイズよりも大きくてもよい。
また、広告配置領域には、必ずしも部分広告画像を配置しなければならないわけではなく、限定ではなく例として、注目領域の画像が広告配置領域243に配置されるようにしてもよいし、そのようにしなくてもよい。
The size of the advertisement placement area does not necessarily have to be the same size as the partial advertisement image, and the size of the advertisement placement area may be larger than the size of the partial advertisement image.
Further, it is not always necessary to arrange the partial advertisement image in the advertisement arrangement area, and the image of the attention area may be arranged in the advertisement arrangement area 243 as an example, not limited to the advertisement arrangement area. It does not have to be.

広告配置領域に配置される部分広告画像(部分動画像)は、再生開始条件の成立に基づいて再生される。再生開始条件は、限定ではなく例として、
(C−1)部分広告画像(部分広告画像の縦幅)の所定割合がページ表示領域に表示されたこと。
として定めておくことができる。
The partial advertisement image (partial moving image) arranged in the advertisement arrangement area is reproduced based on the satisfaction of the reproduction start condition. The playback start condition is not limited, but as an example.
(C-1) A predetermined ratio of the partial advertisement image (vertical width of the partial advertisement image) is displayed in the page display area.
Can be defined as.

なお、前述したように、限定ではなく例として、注目領域の画像を部分広告画像とし、広告配置領域には、注目領域の画像を配置するようにすることもできる。この場合、上記の再生開始条件は、
(C−2)注目領域(注目領域の縦幅)の所定割合がページ表示領域に表示されたこと。
となる。
As described above, the image of the attention area may be used as a partial advertisement image, and the image of the attention area may be arranged in the advertisement placement area as an example, not limited to the above. In this case, the above playback start condition is
(C-2) A predetermined ratio of the attention area (vertical width of the attention area) is displayed in the page display area.
Will be.

上記の所定割合は適宜設定可能であるが、限定ではなく例として、30%〜70%程度の値として設定しておくことができる。ここで、上記の所定割合は、全体広告画像の縦幅に対する割合ではなく、あくまでも部分広告画像(または注目領域)の縦幅に対する割合であることに注意が必要である。 The above-mentioned predetermined ratio can be set as appropriate, but it is not limited and can be set as a value of about 30% to 70% as an example. Here, it should be noted that the above-mentioned predetermined ratio is not a ratio to the vertical width of the entire advertising image, but a ratio to the vertical width of the partial advertising image (or the region of interest).

広告配置領域に部分広告画像が配置される場合を例に挙げて説明する。
部分広告画像は、全体広告画像の一部分がトリミングされるなどして生成される画像である。限定ではなく例として、所定割合を50%とする場合、あくまでも部分広告画像の50%がページ表示領域に表示された場合に部分広告画像の動画再生が開始されるのであって、全体広告画像の50%がページ表示領域に表示された場合に部分広告画像の動画再生が開始されるわけではない。
The case where the partial advertisement image is arranged in the advertisement arrangement area will be described as an example.
The partial advertisement image is an image generated by trimming a part of the entire advertisement image. As an example, not a limitation, when the predetermined ratio is 50%, the video playback of the partial advertisement image is started when 50% of the partial advertisement image is displayed in the page display area, and the video playback of the partial advertisement image is started. When 50% is displayed in the page display area, the moving image reproduction of the partial advertisement image is not started.

限定ではなく例として、ウェブページの縦幅がページ表示領域の縦幅よりも大きく、ウェブページが初期位置にある状態において、部分広告画像がページ表示領域に表示されておらず、ウェブページを上方向にスクロールすることで、部分広告画像がページ表示領域に出現するとする。
この場合、限定ではなく例として、その部分広告画像に対応する全体広告画像のうちの下半分の領域が部分広告画像として設定される場合、部分広告画像の50%がページ表示領域に表示されることは、全体広告画像の75%がページ表示領域に表示されることに相当する。
これは、広告配置領域に注目領域の画像が配置される場合についても同様である。
As an example, not a limitation, when the height of the web page is larger than the height of the page display area and the web page is in the initial position, the partial advertisement image is not displayed in the page display area and the web page is up. Suppose that a partial advertisement image appears in the page display area by scrolling in the direction.
In this case, as an example, not limited, when the lower half area of the entire advertisement image corresponding to the partial advertisement image is set as the partial advertisement image, 50% of the partial advertisement image is displayed in the page display area. This corresponds to 75% of the entire advertising image being displayed in the page display area.
This also applies to the case where the image of the area of interest is arranged in the advertisement arrangement area.

なお、ウェブページが横方向にスクロールされる場合を想定し、限定ではなく例として、部分広告画像(または注目領域)の横幅に基づいて、上記の再生開始条件の成否を判定するようにしてもよいし、そのようにしなくてもよい。
また、部分動画像の再生を開始した後、再生開始条件を満たさなくなった場合に、部分動画像の再生を停止するようにしてもよいし、そのようにしなくてもよい。
Assuming that the web page is scrolled in the horizontal direction, the success or failure of the above playback start condition may be determined based on the width of the partial advertisement image (or the area of interest) as an example rather than the limitation. You may or may not have to do so.
Further, after starting the reproduction of the partial moving image, when the reproduction start condition is no longer satisfied, the reproduction of the partial moving image may or may not be stopped.

図15−2および図15−3に示す例では、メインコンテンツデータに基づくメインコンテンツ情報としてビジネスニュースサイトのウェブページ241と、そのメインコンテンツデータに関連付けて配信された広告コンテンツデータに基づく広告コンテンツ情報として部分広告画像242bと、が同一のレイヤに配置されている。ウェブページ241には、ニュース記事を構成するドキュメント(限定ではなく、第2コンテンツ情報に含まれる文字情報の一例)と画像(限定ではなく、第2コンテンツ情報に含まれる画像情報の一例)とが含まれる。 In the examples shown in FIGS. 15-2 and 15-3, the web page 241 of the business news site is used as the main content information based on the main content data, and the partial advertisement is used as the advertisement content information based on the advertisement content data distributed in association with the main content data. Image 242b and the image 242b are arranged on the same layer. On the web page 241, a document (not a limitation, an example of character information included in the second content information) and an image (not a limitation, an example of image information included in the second content information) are included. included.

本例では、部分広告画像242bは、初期状態で自動車が表示された静止画像であるが、ウェブページ241が初期位置にある状態では、部分広告画像242bが端末20のページ表示領域に表示されていないため、ユーザは、部分広告画像242bを視認できない。
ユーザのスクロール操作によって部分広告画像242bの縦幅の所定割合(限定ではなく例として70%)が端末20のページ表示領域に表示されると、部分広告画像242bは、道路上を自動車が走行している状況を表示する部分動画像となる。
In this example, the partial advertisement image 242b is a still image in which the automobile is displayed in the initial state, but in the state where the web page 241 is in the initial position, the partial advertisement image 242b is displayed in the page display area of the terminal 20. Therefore, the user cannot visually recognize the partial advertisement image 242b.
When a predetermined ratio (70% as an example, not limited) of the vertical width of the partial advertisement image 242b is displayed in the page display area of the terminal 20 by the scroll operation of the user, the vehicle runs on the road in the partial advertisement image 242b. It becomes a partial moving image that displays the situation.

なお、図15−2および図15−3に示す例において、部分広告画像242bは、横幅が縦幅よりも大きい横長の画像である。 In the examples shown in FIGS. 15-2 and 15-3, the partial advertisement image 242b is a horizontally long image whose width is larger than the height.

図15−2に示す例では、ウェブページ241の縦幅は、ページ表示領域の縦幅よりも大きいため、ウェブページ241の全体がページ表示領域に収まりきれない。そして、本例では、ウェブページ241における先頭部分[TOP]から部分広告画像242bまでの縦幅が、ページ表示領域の縦幅よりも大きいため、ウェブページ241が初期位置にある状態では、部分広告画像242bはページ表示領域上に位置していない。そのため、ウェブページ241が初期位置にある状態では、ユーザは、部分広告画像242bを全く視認することができない。 In the example shown in FIG. 15-2, the vertical width of the web page 241 is larger than the vertical width of the page display area, so that the entire web page 241 cannot fit in the page display area. In this example, since the vertical width from the head portion [TOP] to the partial advertisement image 242b on the web page 241 is larger than the vertical width of the page display area, the partial advertisement is in the state where the web page 241 is in the initial position. Image 242b is not located on the page display area. Therefore, when the web page 241 is in the initial position, the user cannot visually recognize the partial advertisement image 242b at all.

ウェブページ241が初期位置にある場合に、ユーザがページ表示領域(ただし、部分広告画像242bとは異なる領域)をタッチして、画面上方向に指を動かすスクロール動作を行うことで、ウェブページ241が画面上方向にスクロールする。これに伴い、広告配置領域243に配置された部分広告画像242bも画面上方向にスクロールして、画面下方から部分広告画像242bの上部が出現する。部分広告画像242bの上部がページ表示領域に位置したことで、部分広告画像242bの上部(本例では自動車ならびにその背景の山およびその前景の木を含む部分)を視認可能となる。このときの部分広告画像242bは、静止画像である。この静止画像は、限定ではなく例として、部分広告画像242bが部分動画像として再生されたとしたときの先頭フレームである。 When the web page 241 is in the initial position, the user touches the page display area (however, the area different from the partial advertisement image 242b) and scrolls the web page 241 by moving the finger upward on the screen. Scrolls upward on the screen. Along with this, the partial advertisement image 242b arranged in the advertisement arrangement area 243 also scrolls upward on the screen, and the upper part of the partial advertisement image 242b appears from the lower part of the screen. Since the upper part of the partial advertisement image 242b is located in the page display area, the upper part of the partial advertisement image 242b (in this example, the part including the automobile, the mountain in the background, and the tree in the foreground) can be visually recognized. The partial advertisement image 242b at this time is a still image. This still image is not a limitation but, as an example, a head frame when the partial advertisement image 242b is reproduced as a partial moving image.

さらにユーザが画面上方向へのスクロール操作を継続することで、限定ではなく例として、部分広告画像242bの縦幅の所定割合(限定ではなく例として70%)が端末20のページ表示領域に表示されたことに基づいて、自動車が道路上を手前側に走行する部分動画像の部分広告画像242bの再生がスタートする。 Further, when the user continues the scrolling operation in the upward direction of the screen, as an example, not limited, a predetermined ratio of the vertical width of the partial advertisement image 242b (70% as an example, not limited) is displayed in the page display area of the terminal 20. Based on the above, the reproduction of the partial advertisement image 242b of the partial moving image in which the automobile travels on the road toward the front starts.

図15−3に示すように、ユーザがスクロール動作をさらに継続して、ウェブページ241を画面上方向にスクロールさせると、部分広告画像242bが、さらに上側へ移動し、部分広告画像242bのすべてが端末20のページ表示領域に表示された状態となる。部分広告画像242bが上側へ移動する間、部分広告画像242bに対応する部分動画像の再生が継続され、部分広告画像242b内の自動車は道路を手前側に走行する。 As shown in FIG. 15-3, when the user continues the scrolling operation and scrolls the web page 241 upward on the screen, the partial advertisement image 242b is further moved upward, and all of the partial advertisement images 242b are moved upward. It will be in the state of being displayed in the page display area of the terminal 20. While the partial advertisement image 242b moves upward, the reproduction of the partial moving image corresponding to the partial advertisement image 242b is continued, and the automobile in the partial advertisement image 242b travels on the road toward the front side.

この状態で、ユーザが、視認可能となっている部分動画像の部分広告画像242b(限定ではなく、第1情報および第1部分動画像の一例)を、短く1回タッチするタッチ操作(限定ではなく、第2入力の一例)をタッチパネル上で行うことにより、その部分広告画像242bに対応する動画像の全体広告画像242aが視認可能となる。動画像の全体広告画像242aは、ページ表示領域全体に表示される縦長の広告の動画像である。部分動画像の部分広告画像242bから動画像の全体広告画像242aに切り替わる際には、動画の再生が継続されている。 In this state, the user touches the visible partial advertisement image 242b (not limited, but an example of the first information and the first partial moving image) once briefly (in the limited case). By performing (an example of the second input) on the touch panel, the entire advertisement image 242a of the moving image corresponding to the partial advertisement image 242b can be visually recognized. The whole advertisement image 242a of the moving image is a moving image of a vertically long advertisement displayed on the entire page display area. When switching from the partial advertisement image 242b of the partial moving image to the whole advertising image 242a of the moving image, the reproduction of the moving image is continued.

動画像の全体広告画像242aは、部分動画像の部分広告画像242bの全領域を含み、部分広告画像242bに含まれない領域も含む動画像である。この例では、部分動画像の部分広告画像242bは、山などを背景にして道路上を走行する自動車である。これに対して、動画像の全体広告画像242aは、部分動画像の部分広告画像242bの背景が上部に拡大された背景を有し、その背景には、空と空を飛翔する5羽の鳥とが含まれる。
言い換えると、部分広告画像は、動画像の全体広告画像の所定領域がトリミングされたものによって構成される部分動画像である。すなわち、この例では、部分広告画像242bは、動画像の全体広告画像242aの下側が、トリミングされたものによって構成される部分動画像である。本例では、部分広告画像の横幅は、全体広告画像の横幅より小さく、部分広告画像の縦幅は、全体広告画像の縦幅より小さい。
The whole advertising image 242a of the moving image is a moving image including the entire region of the partial advertising image 242b of the partial moving image and also including the region not included in the partial advertising image 242b. In this example, the partial advertisement image 242b of the partial moving image is an automobile traveling on the road against the background of a mountain or the like. On the other hand, the whole advertisement image 242a of the moving image has a background in which the background of the partial advertisement image 242b of the partial moving image is enlarged at the upper part, and the background is the sky and five birds flying in the sky. And are included.
In other words, the partial advertising image is a partial moving image composed of a predetermined area of the entire moving image of the moving image trimmed. That is, in this example, the partial advertisement image 242b is a partial moving image in which the lower side of the entire advertising image 242a of the moving image is trimmed. In this example, the width of the partial advertisement image is smaller than the width of the entire advertisement image, and the height of the partial advertisement image is smaller than the height of the entire advertisement image.

<処理>
図15−4は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理、端末20の表示処理部211が実行する表示処理、をそれぞれ示している。
なお、先に説明したフローチャートと同一のステップには同一の符号を付して再度の説明を省略し、異なるステップに着目して説明する。
<Processing>
FIG. 15-4 is a flowchart showing an example of the flow of processing executed by each device in this embodiment.
In this figure, the distribution process executed by the distribution processing unit 111 of the server 10 and the display processing executed by the display processing unit 211 of the terminal 20 are shown.
It should be noted that the same steps as those in the flowchart described above are designated by the same reference numerals, the description thereof will be omitted again, and the explanation will be focused on different steps.

以下説明するフローチャートは、あくまでも本実施例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowchart described below merely illustrates the processing in this embodiment, and in the flowchart described below, some steps may not be executed or additional steps may be inserted.

図15−4は、図4−5のフローチャートの部分広告画像242bにウェブページ241を重畳表示させる重畳表示処理のステップ(限定ではなく例として、A4のステップ)を、広告配置領域243を含むウェブページ241に部分広告画像242bを合成する合成表示処理のステップ(限定ではなく例として、A4bのステップ)に置き換えるとともに、注目領域と透過領域241aとが重畳した場合に、部分広告画像242bに対する透過領域241aの相対的な位置を固定する処理のステップ(限定ではなく例として、A7b〜A12aのステップ)を、限定ではなく例として、部分広告画像242bの縦幅の所定割合(限定ではなく例として70%)が端末20のページ表示領域に表示された場合に、部分動画像の部分広告画像242bの再生を開始する処理のステップ(限定ではなく例として、A7c〜A12dのステップ)に置き換えたフローチャートである。 FIG. 15-4 shows the web including the advertisement placement area 243 for the step of the superimposed display process (step of A4 as an example, not limited) for superimposing the web page 241 on the partial advertisement image 242b of the flowchart of FIG. 4-5. When the step of the composite display processing for synthesizing the partial advertisement image 242b on the page 241 (not limited to the step of A4b as an example) is replaced, and the attention region and the transparent region 241a are superimposed, the transparent region with respect to the partial advertisement image 242b The process of fixing the relative position of the 241a (steps A7b to A12a as an example, not a limitation) is taken as an example, not a limitation, and a predetermined ratio of the vertical width of the partial advertisement image 242b (70, not a limitation, as an example). %) Is displayed in the page display area of the terminal 20, in the flowchart replaced with the step of the process of starting the reproduction of the partial advertisement image 242b of the partial moving image (not limited, but as an example, the steps of A7c to A12d). is there.

端末20は、サーバ10からメインコンテンツデータと、部分広告データとを受信すると、合成表示処理を実行する(A4b)。
具体的には、限定ではなく例として、部分広告データに基づいて部分広告画像242bのサイズを取得する。そして、端末20は、メインコンテンツデータに基づいて、広告配置領域243が形成されたウェブページ241をレイヤに配置する。そして、端末20は、ウェブページ241の広告配置領域243に部分広告画像242bを配置し、ウェブページ241と部分広告画像242bとを合成表示させる。
When the terminal 20 receives the main content data and the partial advertisement data from the server 10, the terminal 20 executes the composite display process (A4b).
Specifically, as an example, not a limitation, the size of the partial advertisement image 242b is acquired based on the partial advertisement data. Then, the terminal 20 arranges the web page 241 in which the advertisement arrangement area 243 is formed in the layer based on the main content data. Then, the terminal 20 arranges the partial advertisement image 242b in the advertisement arrangement area 243 of the web page 241 and displays the web page 241 and the partial advertisement image 242b in a composite manner.

再生フラグがセットされていない場合(A7c:No)、端末20は、広告配置領域に配置された部分広告画像242b(部分動画像)の再生開始条件が成立したか否かを判定する(A9e)。具体的には、限定ではなく例として、部分広告画像の縦幅の所定割合がページ表示領域に表示されたか否かを判定する。 When the reproduction flag is not set (A7c: No), the terminal 20 determines whether or not the reproduction start condition of the partial advertisement image 242b (partial moving image) arranged in the advertisement arrangement area is satisfied (A9e). .. Specifically, as an example, not a limitation, it is determined whether or not a predetermined ratio of the vertical width of the partial advertisement image is displayed in the page display area.

再生開始条件が成立しなかった場合(A9e:No)、端末20は、A13に処理を進める。
一方、再生開始条件が成立した場合(A9e:Yes)、端末20は、A12cに処理を進める。
If the playback start condition is not satisfied (A9e: No), the terminal 20 proceeds to A13.
On the other hand, when the reproduction start condition is satisfied (A9e: Yes), the terminal 20 proceeds to A12c.

図15−5は、本実施例における端末20が実行する全体広告表示処理およびサーバ10が実行する全体広告配信処理の流れの一例を示すフローチャートである。
図15−5は、図5−2のフローチャートに、全体広告データに基づく全体広告画像242aを第1レイヤに配置し、第2レイヤに配置しているウェブページ241の全体を透過領域241aに設定する処理のステップ(限定ではなく例として、A25のステップ)を、全体広告画像242aを端末20のページ表示領域に表示する処理のステップ(限定ではなく例として、A26のステップ)に置き換えたフローチャートである。
FIG. 15-5 is a flowchart showing an example of the flow of the overall advertisement display process executed by the terminal 20 and the overall advertisement distribution process executed by the server 10 in this embodiment.
In FIG. 15-5, in the flowchart of FIG. 5-2, the entire advertisement image 242a based on the overall advertisement data is arranged in the first layer, and the entire web page 241 arranged in the second layer is set in the transparent region 241a. In the flowchart in which the step of the process (step of A25 as an example, not limited) is replaced with the step of process of displaying the entire advertisement image 242a in the page display area of the terminal 20 (step of A26 as an example, not limited). is there.

端末20は、サーバ10から全体広告データを受信すると、ウェブページ241と部分広告画像242bとが合成されたレイヤに、全体広告データに基づく全体広告画像242aを配置して(A26)、全体広告表示処理を終了する。 When the terminal 20 receives the whole advertisement data from the server 10, the terminal 20 arranges the whole advertisement image 242a based on the whole advertisement data on the layer in which the web page 241 and the partial advertisement image 242b are combined (A26), and displays the whole advertisement. End the process.

なお、ユーザが部分広告画像242bに対してタッチ操作したときに、動画像の全体広告画像242aがページ表示領域に表示される例を示したが、このような構成に限定されず、ユーザが部分広告画像242bに対してタッチ操作したときに、静止画像の全体広告画像242aがページ表示領域に表示されるようにしてもよいし、そのようにしなくてもよい。 An example is shown in which the entire advertisement image 242a of the moving image is displayed in the page display area when the user touches the partial advertisement image 242b, but the user is not limited to such a configuration. When the advertisement image 242b is touch-operated, the entire advertisement image 242a of the still image may or may not be displayed in the page display area.

また、ウェブページ241の広告配置領域243には、部分動画像の部分広告画像242bが配置される例を示したが、このような構成に限定されず、静止画像の部分広告画像242bがウェブページ241の広告配置領域243に配置されてもよい。この場合、限定ではなく例として、ユーザが部分広告画像242bに対してタッチ操作したときに、静止画像の全体広告画像242aまたは動画像の全体広告画像242aがページ表示領域に表示されるようにすることができる。 Further, although an example in which the partial advertisement image 242b of the partial moving image is arranged in the advertisement arrangement area 243 of the web page 241 is shown, the present invention is not limited to such a configuration, and the partial advertisement image 242b of the still image is a web page. It may be arranged in the advertisement arrangement area 243 of 241. In this case, as an example, not limited to, when the user touches the partial advertisement image 242b, the whole advertisement image 242a of the still image or the whole advertisement image 242a of the moving image is displayed in the page display area. be able to.

<第15実施例の効果>
第15実施例は、表示部24のページ表示領域は、縦方向が横方向よりも長い縦長の領域であり、全体広告データに基づく全体広告画像242a(限定ではなく、第1コンテンツ情報の一例)は、縦方向の第1辺と、第1辺よりも短い横方向の第2辺とを有し、全体広告画像242aの一部である部分広告画像242b(限定ではなく、第1情報の一例)を端末20のページ表示領域(限定ではなく、端末の表示領域の一例)に表示し、ページ表示領域のうち、部分広告画像242bとは異なる領域(限定ではなく、領域の一例)にメインコンテンツ情報(限定ではなく、第2コンテンツ情報の一例)を表示し、ユーザによるページ表示領域に対するスクロール操作(限定ではなく、第1入力の一例)に基づいて、ページ表示領域上を移動させる制御を、部分広告画像242bとメインコンテンツ情報とに実行する。
そして、全体広告画像242aは、ユーザによる部分広告画像242bに対するタッチ操作(限定ではなく、第2入力の一例)に基づいて、第1辺がページ表示領域の長手方向に沿って配置され、第2辺がページ表示領域の短手方向に沿って配置されてページ表示領域に表示される構成を示している。
このような構成により得られる効果の一例として、第1入力に基づき第2コンテンツ情報が表示領域を移動する際に、サイズが小さく、視認しやすい状態の第1情報を第2コンテンツ情報とともに移動させることで、第2コンテンツ情報の視認の邪魔にならないように第1情報をユーザに視認させることができる。そして、限定ではなく例として第1情報に興味を示し、第1情報に対する第2入力を行ったユーザに、縦長の第1コンテンツ情報を視認させることができる。つまり、いきなり縦長の第1コンテンツ情報を表示領域に表示して第2コンテンツ情報の視認性を損なうことを防止しつつ、第1情報に興味を示したユーザを、縦長の第1コンテンツ情報に誘導することができる。
<Effect of 15th Example>
In the fifteenth embodiment, the page display area of the display unit 24 is a vertically long area whose vertical direction is longer than the horizontal direction, and the whole advertisement image 242a based on the whole advertisement data (not limited, but an example of the first content information). Has a first side in the vertical direction and a second side in the horizontal direction shorter than the first side, and is a part of the entire advertisement image 242a. Partial advertisement image 242b (not limited, but an example of the first information). ) Is displayed in the page display area of the terminal 20 (an example of the display area of the terminal, not the limitation), and the main content information is displayed in the page display area different from the partial advertisement image 242b (an example of the area, not the limitation). Part of the control to display (an example of the second content information, not the limitation) and move it on the page display area based on the scroll operation on the page display area by the user (an example of the first input, not the limitation). This is executed for the advertisement image 242b and the main content information.
Then, the first side of the whole advertisement image 242a is arranged along the longitudinal direction of the page display area based on the touch operation (not limited, but an example of the second input) on the partial advertisement image 242b by the user, and the second The configuration in which the sides are arranged along the short side of the page display area and displayed in the page display area is shown.
As an example of the effect obtained by such a configuration, when the second content information moves in the display area based on the first input, the first information having a small size and being easily visible is moved together with the second content information. This makes it possible for the user to visually recognize the first information so as not to interfere with the visual recognition of the second content information. Then, the user who is interested in the first information as an example, not limited to the first information, and who has made the second input to the first information can visually recognize the vertically long first content information. That is, while preventing the vertically long first content information from being suddenly displayed in the display area and impairing the visibility of the second content information, the user who is interested in the first information is guided to the vertically long first content information. can do.

また、第15実施例は、全体広告画像242aが、全体広告データ(限定ではなく、第1動画像データの一例)に基づく動画像(限定ではなく、第1動画像の一例)であり、部分広告画像242bが、全体広告画像242aの一部の領域の部分動画像(限定ではなく、第1部分動画像の一例)である構成を示している。
このような構成により得られる効果の一例として、第1情報から第1コンテンツ情報に切り替わる際、第1部分動画像の内容の続きを第1動画像に表示することで、ユーザに違和感を抱かせることなく、第1部分動画像に興味を示したユーザを第1動画像に誘導することができる。
Further, in the fifteenth embodiment, the overall advertisement image 242a is a moving image (not limited, but an example of the first moving image) based on the overall advertising data (not limited, but an example of the first moving image data), and is partially. The advertisement image 242b shows a configuration in which the advertisement image 242b is a partial moving image (not limited, but an example of the first partial moving image) of a part of the entire advertising image 242a.
As an example of the effect obtained by such a configuration, when switching from the first information to the first content information, the continuation of the content of the first partial moving image is displayed on the first moving image, which makes the user feel uncomfortable. Without this, a user who is interested in the first partial moving image can be guided to the first moving image.

また、第15実施例は、ページ表示領域に表示されている部分広告画像242bのうち、少なくとも部分広告画像242bのいずれか一辺の長さに基づいて、制御部21による部分動画像の部分広告画像242bの再生の制御が実行される構成を示している。
このような構成により得られる効果の一例として、表示領域に表示された第1部分動画像の視認性に応じた第1部分動画像の再生開始または再生停止などを実行することができる。
Further, in the fifteenth embodiment, of the partial advertisement image 242b displayed in the page display area, the partial advertisement image of the partial moving image by the control unit 21 is based on the length of at least one side of the partial advertisement image 242b. The configuration in which the reproduction control of 242b is executed is shown.
As an example of the effect obtained by such a configuration, it is possible to execute playback start or playback stop of the first partial moving image according to the visibility of the first partial moving image displayed in the display area.

また、第15実施例は、部分動画像の部分広告画像242bは、全体広告画像242aの第1辺よりも短い第3辺と、全体広告画像242aの第2辺よりも短い第4辺とを有し、第3辺がページ表示領域の長手方向に沿って配置され、第4辺がページ表示領域の短手方向に沿って配置され、ページ表示領域に表示される構成を示している。
このような構成により得られる効果の一例として、第1部分動画像を第3辺が第4辺よりも短い横長の動画像とすることで、コンテンツ情報の表示領域が広告等によって過度に制約されないようにすることができる。その結果、ユーザが広告等を不快に感じることを防止することができる。
Further, in the fifteenth embodiment, the partial advertisement image 242b of the partial moving image has a third side shorter than the first side of the entire advertisement image 242a and a fourth side shorter than the second side of the entire advertisement image 242a. The third side is arranged along the longitudinal direction of the page display area, the fourth side is arranged along the lateral direction of the page display area, and is displayed in the page display area.
As an example of the effect obtained by such a configuration, by making the first partial moving image a horizontally long moving image whose third side is shorter than the fourth side, the display area of the content information is not excessively restricted by advertisements or the like. Can be done. As a result, it is possible to prevent the user from feeling uncomfortable with the advertisement or the like.

また、第15実施例は、第1入力は、ユーザのスクロール操作であり、部分広告画像242bとウェブページ241とは、スクロール操作に基づく方向に移動される構成を示している。
このような構成により得られる効果の一例として、ユーザの意図する方向に第1情報と第2コンテンツ情報とが移動することにより、ユーザが第1情報に注目する可能性を高めることができる。
Further, in the fifteenth embodiment, the first input is a scroll operation of the user, and the partial advertisement image 242b and the web page 241 are configured to be moved in a direction based on the scroll operation.
As an example of the effect obtained by such a configuration, the possibility that the user pays attention to the first information can be increased by moving the first information and the second content information in the direction intended by the user.

また、第15実施例は、ユーザによる部分広告画像242bに対する第2入力は、部分広告画像242bをタッチする操作である構成を示している。
このような構成により得られる効果の一例として、限定ではなく例としてユーザが第1情報に興味を持った場合に、その表示領域をタッチすることで、第1コンテンツ情報を表示させることができる。
Further, the fifteenth embodiment shows a configuration in which the second input to the partial advertisement image 242b by the user is an operation of touching the partial advertisement image 242b.
As an example of the effect obtained by such a configuration, when the user is interested in the first information as an example, not limited to it, the first content information can be displayed by touching the display area.

また、第15実施例は、第1コンテンツ情報は広告情報(限定ではなく例として、全体広告画像242a)であり、第1情報(限定ではなく例として、部分広告画像242b)はその一部である構成を示している。
このような構成により得られる効果の一例として、第2コンテンツ情報と連動して移動する第1情報を介して、広告情報を表示領域に表示することで、広告効果を向上させることができる。
Further, in the fifteenth embodiment, the first content information is advertising information (not limited but, as an example, the whole advertising image 242a), and the first information (not limited, as an example, partial advertising image 242b) is a part thereof. It shows a certain configuration.
As an example of the effect obtained by such a configuration, the advertising effect can be improved by displaying the advertising information in the display area via the first information that moves in conjunction with the second content information.

なお、部分広告画像242bの縦幅の所定割合が端末20のページ表示領域に表示された場合に、部分動画像の部分広告画像242bの再生が開始される例を示したが、このような構成に限定されない。 An example is shown in which the reproduction of the partial advertisement image 242b of the partial moving image is started when a predetermined ratio of the vertical width of the partial advertisement image 242b is displayed in the page display area of the terminal 20. Not limited to.

具体的には、第1入力に基づく部分動画像の部分広告画像242bのページ表示領域への表示に基づいて、部分動画像の部分広告画像242bの再生の制御が実行されるようにしてもよいし、そのようにしなくてもよい。
限定ではなく例として、端末20は、ユーザのスクロール操作によって部分広告画像242bの全部がページ表示領域に出現したときに、部分動画像の部分広告画像242bの再生を開始する。
このような構成により得られる効果の一例として、第1情報を視認することが良好な状態で、第1部分動画像の再生開始または再生停止などを実行することができる。
Specifically, the reproduction control of the partial advertisement image 242b of the partial moving image may be executed based on the display of the partial advertisement image 242b of the partial moving image based on the first input in the page display area. And you don't have to do that.
As an example, not a limitation, the terminal 20 starts playing the partial advertisement image 242b of the partial moving image when the entire partial advertisement image 242b appears in the page display area by the scroll operation of the user.
As an example of the effect obtained by such a configuration, it is possible to execute playback start or playback stop of the first partial moving image in a state where it is good to visually recognize the first information.

また、部分広告画像242bが端末20のページ表示領域に表示されている大きさに基づいて、部分動画像の部分広告画像242bの再生の制御が実行されるようにしてもよいし、そのようにしなくてもよい。
限定ではなく例として、端末20は、ユーザのスクロール操作によって、部分広告画像242bの面積の所定割合がページ表示領域に出現したときに、部分動画像の部分広告画像242bの再生を開始する。
このような構成により得られる効果の一例として、視認に十分な大きさの第1情報が表示領域に出現した状態で、第1部分動画像の再生開始または再生停止などを実行することができる。
Further, the reproduction of the partial advertisement image 242b of the partial moving image may be controlled based on the size of the partial advertisement image 242b displayed in the page display area of the terminal 20. It does not have to be.
As an example, not a limitation, the terminal 20 starts playing the partial advertisement image 242b of the partial moving image when a predetermined ratio of the area of the partial advertisement image 242b appears in the page display area by the scroll operation of the user.
As an example of the effect obtained by such a configuration, it is possible to execute playback start or playback stop of the first partial moving image in a state where the first information having a sufficient size for visual recognition appears in the display area.

また、部分広告画像242bのうちの一部の領域が端末20のページ表示領域に表示されたことに基づいて、部分動画像の部分広告画像242bの再生の制御が実行されるようにしてもよいし、そのようにしなくてもよい。
限定ではなく例として、端末20は、ユーザのスクロール操作によって、部分広告画像242bを構成する各画素のうち、特定の1画素または画素群がページ表示領域に出現したときに、部分動画像の部分広告画像242bの再生を開始する。
このような構成により得られる効果の一例として、視認するのに適した第1情報の一部の領域が表示領域に表示されたタイミングで、第1部分動画像の再生開始または再生停止などを実行することができる。
Further, the reproduction of the partial advertisement image 242b of the partial moving image may be controlled based on the fact that a part of the partial advertisement image 242b is displayed in the page display area of the terminal 20. And you don't have to do that.
As an example, not limited to, the terminal 20 is a part of the partial moving image when a specific one pixel or a group of pixels appears in the page display area among the pixels constituting the partial advertisement image 242b by the scroll operation of the user. Playback of the advertisement image 242b is started.
As an example of the effect obtained by such a configuration, playback start or playback stop of the first partial moving image is executed at the timing when a part of the first information suitable for visual recognition is displayed in the display area. can do.

また、端末20のユーザによる部分広告画像242bにタッチ操作に基づいて、全体広告画像242aがページ表示領域に表示される例を示したが、このような構成に限定されない。端末20のユーザによる部分広告画像242bに対するピンチアウトの操作に基づいて、全体広告画像242aがページ表示領域に表示されてもよいし、そのようにしなくてもよい。また、端末20のユーザによる「広告を見たい」という音声の入力操作に基づいて、全体広告画像242aがページ表示領域に表示されてもよいし、そのようにしなくてもよい。 Further, an example is shown in which the entire advertisement image 242a is displayed in the page display area based on the touch operation on the partial advertisement image 242b by the user of the terminal 20, but the present invention is not limited to such a configuration. The entire advertisement image 242a may or may not be displayed in the page display area based on the pinch-out operation on the partial advertisement image 242b by the user of the terminal 20. Further, the entire advertisement image 242a may or may not be displayed in the page display area based on the voice input operation of "I want to see the advertisement" by the user of the terminal 20.

<第16実施例>
第16実施例は、上記の実施例に、部分広告画像242bの設定と、部分広告画像242bに基づく課金処理とが追加された実施例である。
第16実施例は、第6実施例に対応するが、第15実施例で説明したように、メインコンテンツ情報と、設定される部分広告画像とが、共通のレイヤ(単一のレイヤ)に配置される点が異なる。
<16th Example>
The sixteenth embodiment is an embodiment in which the setting of the partial advertisement image 242b and the billing process based on the partial advertisement image 242b are added to the above embodiment.
The 16th embodiment corresponds to the 6th embodiment, but as described in the 15th embodiment, the main content information and the set partial advertisement image are arranged in a common layer (single layer). The point is different.

第16実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The contents described in the 16th embodiment can be applied to any of the other embodiments.
Further, the same components as those already described will be designated by the same reference numerals, and the description thereof will be omitted again.

<機能構成>
(1)サーバの機能構成
図16−1に示すメインコンテンツデータベース152には、限定ではなく例として、メインコンテンツIDと、そのメインコンテンツデータの記憶領域と、広告番号と、広告主IDと、部分広告画像を識別する画像IDと、部分動画像の再生開始条件と、全体広告画像を識別する画像IDと、そのメインコンテンツ情報における広告配置領域の設定範囲と、が関連付けて記憶されている。
<Functional configuration>
(1) Functional configuration of server In the main content database 152 shown in FIG. 16-1, the main content ID, the storage area of the main content data, the advertisement number, the advertiser ID, and the partial advertisement image are displayed as an example without limitation. The image ID to be identified, the playback start condition of the partial moving image, the image ID for identifying the entire advertisement image, and the setting range of the advertisement arrangement area in the main content information are stored in association with each other.

本例では、部分動画像の再生開始条件は、ページ表示領域に表示された部分広告画像の縦幅と、部分広告画像の縦幅との割合で定められる。具体的には、部分動画像の再生開始条件が70%の場合、部分広告画像の縦幅の70%がページ表示領域に表示されたときに、その部分広告画像の部分動画像の再生が開始される。 In this example, the playback start condition of the partial moving image is determined by the ratio of the vertical width of the partial advertising image displayed in the page display area to the vertical width of the partial advertising image. Specifically, when the playback start condition of the partial moving image is 70%, the partial moving image of the partial advertising image starts playing when 70% of the vertical width of the partial advertising image is displayed in the page display area. Will be done.

また、部分広告画像の画像IDと、その部分広告画像に対応した全体広告画像の画像IDには、共通の広告番号が含まれている。そのためサーバ10では、広告番号に基づいて、その広告番号の広告を構成する部分広告画像と全体広告画像とを識別することが可能である。 Further, the image ID of the partial advertisement image and the image ID of the entire advertisement image corresponding to the partial advertisement image include a common advertisement number. Therefore, the server 10 can discriminate between the partial advertisement image and the whole advertisement image constituting the advertisement of the advertisement number based on the advertisement number.

図16−2に示す部分広告データベース153bには、限定ではなく例として、部分広告画像の画像IDに関連付けて、その部分広告画像の記憶領域と、その部分広告画像のトリミング領域と、が記憶されている。 The partial advertisement database 153b shown in FIG. 16-2 stores, as an example, not a limitation, a storage area of the partial advertisement image and a trimming area of the partial advertisement image in association with the image ID of the partial advertisement image. ing.

ここで、限定ではなく例として、前述した図6−4や図6−8には、部分広告画像のサイズと課金額との関係の一例が示されている。
サーバ10の制御部11は、設定された部分広告画像のサイズに基づいて、その部分広告画像に対応した全体広告画像が表示された場合の課金額を決定して、決定した課金額を全体広告画像に関連付ける。
Here, as an example, not a limitation, FIGS. 6-4 and 6-8 described above show an example of the relationship between the size of the partial advertisement image and the billing amount.
The control unit 11 of the server 10 determines the charge amount when the entire advertisement image corresponding to the partial advertisement image is displayed based on the set size of the partial advertisement image, and sets the determined charge amount as the overall advertisement. Associate with an image.

具体的には、限定ではなく例として図6−4で説明した手法を同様に、基本的には、部分広告画像の縦幅に基づいて、課金額を決定するようにすることができる。 Specifically, the method described in FIG. 6-4 as an example is not limited, and similarly, the billing amount can be basically determined based on the vertical width of the partial advertisement image.

なお、限定ではなく例として図6−8で説明した手法と同様に、部分広告画像の縦幅ばかりでなく、部分広告画像の横幅も考慮して課金額を決定するようにしてもよいし、そのようにしなくてもよい。 It should be noted that the billing amount may be determined by considering not only the vertical width of the partial advertisement image but also the width of the partial advertisement image as in the method described with reference to FIG. 6-8 as an example without limitation. You don't have to do that.

また、限定ではなく例として、部分広告画像の縦幅が横幅よりも大きい縦長の画像である場合には、横長の画像である場合よりも割高な課金額となるようにすることができる。 Further, as an example, not limited to the case, when the vertical width of the partial advertisement image is larger than the horizontal width, the billing amount can be higher than that of the horizontally long image.

(2)広告主による部分広告画像の設定
部分広告画像を全体広告画像の何れの領域とするかは、前述したように、広告主が任意に設定することが可能である。この場合、広告主は、限定ではなく例として、前述した設定装置を操作することによって、部分広告画像を設定することが可能である。
本実施例では、ページ表示領域の縦幅の略1/2の縦幅を有する部分広告画像が設定される場合を例示する。
(2) Setting of Partial Advertising Image by Advertiser As described above, the advertiser can arbitrarily set which area of the whole advertising image the partial advertising image should be. In this case, the advertiser can set the partial advertisement image by operating the setting device described above as an example, not limited to the above.
In this embodiment, a case where a partial advertisement image having a vertical width of approximately 1/2 of the vertical width of the page display area is set is illustrated.

設定装置は、広告主の操作に基づいて、全体広告画像のデータおよび部分広告画像のデータを含む登録要求をサーバ10へ送信する。
サーバ10は、通信I/F14によって設定装置から登録要求を受信すると、受信した登録要求に含まれる全体広告画像のデータおよび部分広告画像のデータをそれぞれ全体広告データベース153a(図4−2参照)および部分広告データベース153b(図14−2参照)に記憶させる。
また、サーバ10は、限定ではなく例として、送信元の設定装置の固有アドレスから広告主IDを特定するとともに、固有の広告番号を割り当て、広告番号、広告主ID、部分広告画像の画像ID、および全体部分広告画像の画像IDと、メインコンテンツIDと、を関連付けてメインコンテンツデータベース152に記憶させる。
The setting device transmits a registration request including the data of the whole advertisement image and the data of the partial advertisement image to the server 10 based on the operation of the advertiser.
When the server 10 receives the registration request from the setting device by the communication I / F 14, the data of the whole advertisement image and the data of the partial advertisement image included in the received registration request are stored in the whole advertisement database 153a (see FIG. 4-2) and It is stored in the partial advertisement database 153b (see FIG. 14-2).
Further, the server 10 is not limited, but as an example, identifies the advertiser ID from the unique address of the transmission source setting device, assigns a unique advertisement number, and assigns the advertisement number, the advertiser ID, the image ID of the partial advertisement image, and the like. And the image ID of the whole partial advertisement image and the main content ID are associated and stored in the main content database 152.

(3)サーバによる広告配置領域の設定
部分広告画像が設定されると、サーバ10の制御部11は、限定ではなく例として、部分広告画像のサイズに基づいて、その部分広告画像に関連付けられたメインコンテンツ情報(ウェブページ)の広告配置領域を設定する。
(3) Setting of Advertisement Placement Area by Server When a partial advertisement image is set, the control unit 11 of the server 10 is associated with the partial advertisement image based on the size of the partial advertisement image, not by limitation but as an example. Set the advertisement placement area of the main content information (web page).

本例では、サーバ10は、限定ではなく例として、広告配置領域のサイズを部分広告画像と同じサイズに設定する。 In this example, the server 10 sets the size of the advertisement placement area to the same size as the partial advertisement image, not as a limitation but as an example.

また、サーバ10は、広告配置領域の位置を決定する。具体的には、サーバ10は、限定ではなく例として、ウェブページが初期位置にある状態で、ウェブページにおける先頭部分から広告配置領域までの縦幅が、ページ表示領域の縦幅よりも大きくなるように、メインコンテンツ情報における広告配置領域の位置を決定する。つまり、ユーザは、ウェブページが初期位置にある状態では部分広告画像を視認できないが、スクロール操作によってウェブページを上側に移動させることで部分広告画像を視認できるようになる。サーバ10は、決定した広告配置領域の位置をメインコンテンツIDと関連付けてメインコンテンツデータベース152に記憶させる。 In addition, the server 10 determines the position of the advertisement placement area. Specifically, the server 10 is not limited, but as an example, in a state where the web page is in the initial position, the vertical width from the head portion of the web page to the advertisement placement area becomes larger than the vertical width of the page display area. As described above, the position of the advertisement placement area in the main content information is determined. That is, the user cannot visually recognize the partial advertisement image when the web page is in the initial position, but can visually recognize the partial advertisement image by moving the web page upward by the scroll operation. The server 10 stores the determined position of the advertisement placement area in the main content database 152 in association with the main content ID.

(4)サーバによる再生開始条件の設定
広告配置領域が設定されると、サーバ10の制御部11は、広告配置領域の縦幅に基づいて、部分動画像の再生開始条件を設定する。
(4) Setting of Playback Start Condition by Server When the advertisement placement area is set, the control unit 11 of the server 10 sets the playback start condition of the partial moving image based on the vertical width of the advertisement placement area.

本例では、サーバ10は、広告配置領域の縦幅が端末20のページ表示領域の略1/2と大きいため、広告配置領域の縦幅の所定割合(限定ではなく例として70%)がページ表示領域に表示されたときに、その部分広告画像の部分動画像の再生が開始されるように再生開始条件を設定する。サーバ10は、設定した再生開始条件をメインコンテンツIDと関連付けてメインコンテンツデータベース152に記憶させる。
つまり、広告配置領域の縦幅のうちの70%分の縦幅の広告配置領域が端末20のページ表示領域の下側から現れたときに、その広告配置領域に配置された部分広告画像の部分動画像の再生が開始される。本例では、広告配置領域のサイズと部分広告画像のサイズとが同じであるので、70%分の縦幅の部分広告画像が端末20のページ表示領域の下側から現れたときに、その現れた部分広告画像の部分動画像の再生が開始される。そして、その部分広告画像の縦幅の70%が視認可能な状態であるので、ユーザに注目させたい領域が視認可能となるタイミングで部分動画像の再生を開始することができる。
In this example, since the vertical width of the advertisement placement area of the server 10 is as large as about 1/2 of the page display area of the terminal 20, a predetermined ratio of the vertical width of the advertisement placement area (70% as an example, not a limitation) is the page. The playback start condition is set so that the playback of the partial moving image of the partial advertisement image is started when it is displayed in the display area. The server 10 stores the set playback start condition in the main content database 152 in association with the main content ID.
That is, when the advertisement placement area having a height of 70% of the height of the advertisement placement area appears from the lower side of the page display area of the terminal 20, the portion of the partial advertisement image arranged in the advertisement placement area. Playback of the moving image is started. In this example, since the size of the advertisement placement area and the size of the partial advertisement image are the same, when the partial advertisement image having a vertical width of 70% appears from the lower side of the page display area of the terminal 20, the appearance thereof. Playback of the partial moving image of the partial advertisement image is started. Since 70% of the vertical width of the partial advertisement image is visible, the reproduction of the partial moving image can be started at the timing when the area to be noticed by the user becomes visible.

<第16実施例の効果>
また、第16実施例は、広告コンテンツデータ(限定ではなく例として、全体広告画像を含む全体広告データ)は、広告主によってユーザの端末20への送信が依頼され、広告コンテンツ情報のうちの部分広告画像は、広告主によって設定される構成を示している。
このような構成により得られる効果の一例として、事業者(限定ではなく例として広告主)が第1コンテンツ情報のうちのユーザに注目させたい領域を、第1情報として設定することができる。
<Effect of 16th Example>
Further, in the 16th embodiment, the advertisement content data (not limited, but as an example, the entire advertisement data including the entire advertisement image) is requested by the advertiser to be transmitted to the user's terminal 20, and a part of the advertisement content information. The advertising image shows the configuration set by the advertiser.
As an example of the effect obtained by such a configuration, an area of the first content information that the business operator (not a limitation but an advertiser as an example) wants to pay attention to the user can be set as the first information.

また、第16実施例は、部分広告画像の辺の長さ、または部分広告画像の大きさに基づいて、全体広告画像の端末20への送信に基づく課金額が設定される構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として広告効果が高く第1コンテンツ情報への表示につながりやすい第1情報に対して、適切な課金額が設定される。
Further, the 16th embodiment shows a configuration in which a billing amount based on transmission of the entire advertisement image to the terminal 20 is set based on the side length of the partial advertisement image or the size of the partial advertisement image. ..
As an example of the effect obtained by such a configuration, an appropriate billing amount is set for the first information, which has a high advertising effect and is likely to be displayed in the first content information, as an example, not limited.

また、第16実施例は、全体広告データには全体広告画像のデータが含まれており、全体広告画像は広告番号によって部分広告画像と関連付けられている構成を示している。
このような構成により得られる効果の一例として、端末において、まず第1情報を表示させて、その後に、第1情報に対応した第1コンテンツ情報を表示させることができる。
Further, in the 16th embodiment, the whole advertisement data includes the data of the whole advertisement image, and the whole advertisement image shows the configuration which is associated with the partial advertisement image by the advertisement number.
As an example of the effect obtained by such a configuration, the terminal can first display the first information and then display the first content information corresponding to the first information.

また、第16実施例は、部分広告画像の辺の長さ、または部分広告画像の大きさに基づいて、全体広告画像の端末20への送信に基づく課金額が設定される構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として広告効果が高く第1コンテンツ情報への表示につながりやすい第1情報に対して、適切な課金額が設定される。
Further, the 16th embodiment shows a configuration in which a billing amount based on transmission of the entire advertisement image to the terminal 20 is set based on the side length of the partial advertisement image or the size of the partial advertisement image. ..
As an example of the effect obtained by such a configuration, an appropriate billing amount is set for the first information, which has a high advertising effect and is likely to be displayed in the first content information, as an example, not limited.

また、第16実施例は、全体広告データには全体広告画像のデータが含まれており、全体広告画像は、全体広告データを端末20に送信するサーバ10で、課金に関する情報と関連付けられる構成を示している。
このような構成により得られる効果の一例として、第1コンテンツ情報が表示されたことに基づく課金に関する情報をサーバ側で管理することができる。
Further, in the 16th embodiment, the overall advertisement data includes the data of the overall advertisement image, and the overall advertisement image has a configuration in which the server 10 that transmits the overall advertisement data to the terminal 20 is associated with the information related to billing. Shown.
As an example of the effect obtained by such a configuration, information on billing based on the display of the first content information can be managed on the server side.

<第16変形例(1)>
第16実施例では、広告配置領域の縦幅が大きい(端末20のページ表示領域の縦幅の略1/2)例を示したが、このような形態に限られない。広告配置領域の縦幅が小さくてもよい。
<16th variant (1)>
In the sixteenth embodiment, an example in which the vertical width of the advertisement placement area is large (approximately 1/2 of the vertical width of the page display area of the terminal 20) is shown, but the present invention is not limited to such a form. The vertical width of the advertisement placement area may be small.

本変形例では、広告主は、限定ではなく例として、端末20のページ表示領域の縦幅の略1/6の縦幅を有する部分広告画像を設定する。 In this modification, the advertiser sets, as an example, not a limitation, a partial advertisement image having a vertical width of approximately 1/6 of the vertical width of the page display area of the terminal 20.

サーバ10は、限定ではなく例として、広告配置領域のサイズを部分広告画像と同じサイズに設定する。そして、サーバ10は、限定ではなく例として、ウェブページが初期位置にある状態で、ウェブページにおける先頭部分から広告配置領域までの縦幅が、ページ表示領域の縦幅よりも大きくなるように、メインコンテンツ情報における広告配置領域の位置を決定する。サーバ10は、決定した広告配置領域の位置をメインコンテンツIDと関連付けてメインコンテンツデータベース152に記憶させる。 The server 10 sets the size of the advertisement placement area to the same size as the partial advertisement image, not as a limitation but as an example. Then, the server 10 is not limited, but as an example, in a state where the web page is in the initial position, the vertical width from the head portion of the web page to the advertisement placement area is larger than the vertical width of the page display area. Determine the position of the ad placement area in the main content information. The server 10 stores the determined position of the advertisement placement area in the main content database 152 in association with the main content ID.

サーバ10は、限定ではなく例として、広告配置領域の縦幅が端末20のページ表示領域の略1/6と小さいため、広告配置領域の縦幅の全部、すなわち縦幅の100%がページ表示領域に表示されたときに、その部分広告画像の部分動画像の再生が開始されるように再生開始条件を設定する。サーバ10は、設定した再生開始条件をメインコンテンツIDと関連付けてメインコンテンツデータベース152に記憶させる。 The server 10 is not limited, but as an example, since the vertical width of the advertisement placement area is as small as about 1/6 of the page display area of the terminal 20, the entire height of the advertisement placement area, that is, 100% of the height is displayed on the page. The playback start condition is set so that the playback of the partial moving image of the partial advertisement image is started when it is displayed in the area. The server 10 stores the set playback start condition in the main content database 152 in association with the main content ID.

つまり、広告配置領域のすべてが端末20のページ表示領域の下側から現れたときに、その広告配置領域に配置された部分広告画像の部分動画像の再生が開始される。本例では、広告配置領域のサイズと部分広告画像のサイズとが同じであるので、部分広告画像のすべてが端末20のページ表示領域の下側から現れたときに、その現れた部分広告画像の部分動画像の再生が開始される。そして、その部分広告画像のすべてが視認可能な状態であるので、ユーザに注目させたい領域が視認可能となるタイミングで部分動画像の再生を開始することができる。 That is, when all of the advertisement placement area appears from the lower side of the page display area of the terminal 20, the reproduction of the partial moving image of the partial advertisement image placed in the advertisement placement area is started. In this example, since the size of the advertisement placement area and the size of the partial advertisement image are the same, when all of the partial advertisement images appear from the lower side of the page display area of the terminal 20, the appearing partial advertisement image Playback of the partial moving image is started. Then, since all of the partial advertisement images are visible, the reproduction of the partial moving image can be started at the timing when the area to be noticed by the user becomes visible.

上記の例では、部分広告画像の縦幅がページ表示領域の縦幅の略1/2である場合は、部分広告画像の縦幅の70%程度がページ表示領域に表示された場合に部分動画像の再生が開始されるのに対し、広告配置領域の縦幅がページ表示領域の縦幅の略1/6である場合は、部分広告画像の縦幅の100%がページ表示領域に表示された場合に部分動画像の再生が開始される。 In the above example, when the vertical width of the partial advertisement image is approximately 1/2 of the vertical width of the page display area, the partial moving image is displayed when about 70% of the vertical width of the partial advertisement image is displayed in the page display area. When the image playback is started, but the vertical width of the advertisement placement area is approximately 1/6 of the vertical width of the page display area, 100% of the vertical width of the partial advertisement image is displayed in the page display area. In that case, the reproduction of the partial moving image is started.

このように、部分広告画像の縦幅がある基準よりも大きい場合は、部分広告画像の一部がページ表示領域に表示されたことを再生開始条件とする一方、部分広告画像の縦幅がある基準よりも小さい場合は、部分広告画像の全部がページ表示領域に表示されたことを再生開始条件とすることができる。 In this way, when the vertical width of the partial advertisement image is larger than a certain standard, the playback start condition is that a part of the partial advertisement image is displayed in the page display area, while the vertical width of the partial advertisement image is present. If it is smaller than the standard, it can be set as a playback start condition that the entire partial advertisement image is displayed in the page display area.

なお、部分広告画像の縦幅がある基準よりも狭い場合の再生開始条件の閾値を100%とするのではなく、限定ではなく例として、80%〜90%程度の値としてもよいし、そのようにしなくてもよい。 It should be noted that the threshold value of the playback start condition when the vertical width of the partial advertisement image is narrower than a certain standard is not set to 100%, but is not limited and may be set to a value of about 80% to 90% as an example. You don't have to.

また、上記において、限定ではなく例として、部分広告画像の縦幅と負の相関を有する係数(部分広告画像の縦幅が大きいほど値が小さくなる係数:0〜1の値)を導入する。そして、設定された部分広告画像の縦幅に対応する係数を100%に乗算することで、所定割合を算出するようにしてもよいし、そのようにしなくてもよい。 Further, in the above, as an example, not limited to the above, a coefficient having a negative correlation with the vertical width of the partial advertisement image (coefficient that the value becomes smaller as the vertical width of the partial advertisement image is larger: a value of 0 to 1) is introduced. Then, the predetermined ratio may or may not be calculated by multiplying 100% by the coefficient corresponding to the vertical width of the set partial advertisement image.

また、部分動画像の再生開始条件は、ページ表示領域に表示された部分広告画像の縦幅と、部分広告画像の縦幅との割合で定められる例を示したが、このような形態に限られない。部分動画像の再生開始条件は、ページ表示領域に表示された部分広告画像の面積と、部分広告画像全体の面積との割合で定められてもよい。 Further, an example is shown in which the playback start condition of the partial moving image is determined by the ratio of the vertical width of the partial advertising image displayed in the page display area to the vertical width of the partial advertising image, but it is limited to such a form. I can't. The playback start condition of the partial moving image may be determined by the ratio of the area of the partial advertising image displayed in the page display area to the area of the entire partial advertising image.

本変形例は、部分動画像の部分広告画像242bの大きさ、または部分動画像の部分広告画像242bの辺の長さに基づいて、部分広告画像242bの部分動画像の再生の制御が変更される構成を示している。
このような構成により得られる効果の一例として、第1部分動画像の再生制御のタイミングを、第1部分動画像の大きさまたは辺の長さに応じて異ならせることができる。限定ではなく例として、第1部分動画像の大きさまたは辺の長さが大きいために、その再生開始が遅れてしまったり、第1部分動画像の大きさまたは辺の長さが小さいために、その再生開始が早すぎたりすることを防止することができる。
In this modification, the control of the reproduction of the partial moving image of the partial advertising image 242b is changed based on the size of the partial advertising image 242b of the partial moving image or the side length of the partial advertising image 242b of the partial moving image. The configuration is shown.
As an example of the effect obtained by such a configuration, the timing of the reproduction control of the first partial moving image can be made different depending on the size of the first partial moving image or the length of the side. As an example, not a limitation, because the size or side length of the first partial moving image is large, the start of playback is delayed, or because the size or side length of the first partial moving image is small. , It is possible to prevent the playback from starting too early.

<第16変形例(2)>
第16実施例では、部分広告画像が広告主により設定される例を示したが、このような形態に限られない。部分広告画像は、全体広告画像を記憶しているサーバ10によって、全体広告画像に基づいて設定されてもよい。
<16th variant (2)>
In the sixteenth embodiment, an example in which the partial advertisement image is set by the advertiser is shown, but the present invention is not limited to such a form. The partial advertisement image may be set based on the whole advertisement image by the server 10 that stores the whole advertisement image.

限定ではなく例として、サーバ10の制御部11は、全体広告画像が静止画像である場合には、全体広告画像を所定の閾値により2値化した2値化画像に基づいて、2値化画像における線分密度が高い領域を注目領域と認識して、その注目領域を含む矩形領域を部分広告画像として設定してもよい。 As an example, not limited to, when the whole advertisement image is a still image, the control unit 11 of the server 10 is a binarized image based on the binarized image obtained by binarizing the whole advertisement image by a predetermined threshold. A region having a high line segment density in the above may be recognized as a region of interest, and a rectangular region including the region of interest may be set as a partial advertisement image.

また、限定ではなく例として、サーバ10の制御部11は、全体広告画像が動画像である場合には、表示順序に基づく前後の画像間(またはフレーム間)で画素値の差分が大きい領域を注目領域と認識して、その注目領域を含む矩形領域を部分動画像として設定してもよい。 Further, as an example, not limited to, when the entire advertisement image is a moving image, the control unit 11 of the server 10 sets a region in which the difference in pixel values is large between the previous and next images (or between frames) based on the display order. It may be recognized as a region of interest and a rectangular region including the region of interest may be set as a partial moving image.

また、限定ではなく例として、サーバ10の制御部11は、上記画像処理を行うことなく、全体広告画像の一部(限定ではなく例として中央部分)を矩形状にトリミングして、トリミングした領域を部分広告画像として設定してもよい。 Further, as an example, not limited, the control unit 11 of the server 10 trims a part of the entire advertisement image (not limited but the central portion as an example) into a rectangular shape without performing the above image processing, and the trimmed area. May be set as a partial advertisement image.

本変形例は、部分広告画像は、全体広告データを端末20に送信するサーバ10によって設定される構成を示している。
このような構成により得られる効果の一例として、事業者(限定ではなく例として広告主)による第1情報の設定操作を不要とすることができる。
In this modification, the partial advertisement image shows a configuration set by the server 10 that transmits the entire advertisement data to the terminal 20.
As an example of the effect obtained by such a configuration, it is possible to eliminate the need for the business operator (not limited to the advertiser as an example) to set the first information.

<第16変形例(3)>
第16実施例では、端末20で、一のメインコンテンツ情報に関連付けて一の広告情報が表示される例を示したが、このような構成に限らず、一のメインコンテンツ情報に関連付けて複数の広告情報が表示されるようにしてもよい。
<16th variant (3)>
In the sixteenth embodiment, an example in which one advertisement information is displayed in association with one main content information is shown on the terminal 20, but the present invention is not limited to such a configuration, and a plurality of advertisement information is associated with one main content information. May be displayed.

限定ではなく例として、メインコンテンツデータベース152において、一のメインコンテンツIDに、異なる2つの広告番号(以下、第1広告番号、第2広告番号とする)を関連付けておき、そのメインコンテンツIDのメインコンテンツデータが端末20に配信された場合に、第1広告番号に関連付けられた第1広告コンテンツデータ(第1全体広告画像のデータ、第1全体広告画像の一部である第1部分広告画像のデータ)と、第2広告番号に関連付けられた第2広告コンテンツデータ(第2全体広告画像のデータ、第2全体広告画像の一部である第2部分広告画像のデータ)が、端末20に配信されるようにしてもよい。 As an example, not limited to, in the main content database 152, two different advertisement numbers (hereinafter referred to as the first advertisement number and the second advertisement number) are associated with one main content ID, and the main content data of the main content ID is the terminal. When delivered to 20, the first advertisement content data (data of the first overall advertisement image, data of the first partial advertisement image which is a part of the first overall advertisement image) associated with the first advertisement number and The second advertisement content data (data of the second overall advertisement image, data of the second partial advertisement image which is a part of the second overall advertisement image) associated with the second advertisement number is delivered to the terminal 20. You may.

<その他>
上記の実施例で説明した透過領域は、あくまでもユーザが下位のレイヤ(第1レイヤ)の情報を視認可能に構成されていればよい。限定ではなく例として、上位のレイヤ(第2レイヤ)の不透明度(100%:完全に不透明、0%:完全に透明)を設定する場合、不透明度は必ずしも0%に設定する必要はなく、ユーザが下位のレイヤの情報の視認可能となる範囲内で設定すればよい。限定ではなく例として50%以下の値を設定するなどすればよい。
なお、不透明度ではなく透明度を設定するようにしてもよいし、そのようにしなくてもよい。
また、不透明度や透明度をユーザが自由に設定可能としてもよいし、そのようにしなくてもよい。
<Others>
The transparent region described in the above embodiment only needs to be configured so that the user can visually recognize the information of the lower layer (first layer). As an example, not a limitation, when setting the opacity (100%: completely opaque, 0%: completely transparent) of the upper layer (second layer), the opacity does not necessarily have to be set to 0%. The setting may be made within a range in which the information of the lower layer can be visually recognized by the user. It is not limited, but as an example, a value of 50% or less may be set.
It should be noted that the transparency may or may not be set instead of the opacity.
Further, the opacity and transparency may or may not be freely set by the user.

また、上記の実施例では、ウェブページ(限定ではなく、第2コンテンツ情報の一例)または広告画像(限定ではなく、第1コンテンツ情報または第1情報の一例)を移動させるための第1入力が、画面にタッチした状態で、タッチした指を上方向または下方向に移動させる操作(限定ではなく例として、スクロール操作、スワイプ操作、フリック操作)である例を示した。しかしながら、これに限らず、限定ではなく例として、画面上で指を動かすことなく所定時間タッチするロングタッチ操作によって、ウェブページまたは広告画像が移動するようにしてもよいし、そのようにしなくてもよい。また、ユーザの音声入力に基づいて、ウェブページまたは広告画像が移動するようにしてもよいし、そのようにしなくてもよい。 Further, in the above embodiment, the first input for moving the web page (not limited, but an example of the second content information) or the advertisement image (not limited, but an example of the first content information or the first information) is , An example of an operation of moving the touched finger upward or downward while touching the screen (scrolling operation, swiping operation, flicking operation as an example, not limited) is shown. However, the present invention is not limited to this, and as an example, the web page or the advertisement image may or may not be moved by a long touch operation of touching the screen for a predetermined time without moving a finger. May be good. Also, the web page or advertising image may or may not move based on the user's voice input.

また、上記の実施例では、全体広告画像(限定ではなく、第1コンテンツ情報の一例)の全体を表示させるための第2入力が、画面を1回叩くタップ操作である例を示した。しかしながら、これに限らず、第2入力は、画面を2回叩くダブルタップ操作であってもよく、ロングタッチ操作であってもよいし、そうでなくてもよい。また、ユーザの音声入力に基づいて、全体広告画像(限定ではなく、第1コンテンツ情報の一例)の全体を表示させるようにしてもよいし、そのようにしなくてもよい。 Further, in the above embodiment, an example is shown in which the second input for displaying the entire advertisement image (not limited, but an example of the first content information) is a tap operation of tapping the screen once. However, not limited to this, the second input may be a double tap operation of tapping the screen twice, a long touch operation, or not. Further, the entire advertisement image (not limited, but an example of the first content information) may or may not be displayed based on the voice input of the user.

1 通信システム
10 サーバ
20 端末
30 ネットワーク
1 Communication system 10 servers 20 terminals 30 networks

Claims (23)

端末の制御方法であって、
第1動画データを前記端末の通信部を介して受信することと、
前記第1動画データに基づく第1動画像の一部の領域である第1部分動画像を少なくとも前記端末の表示領域に表示し、前記第1部分動画像の少なくとも一部に重畳し、少なくとも一部に透過領域を有するコンテンツを前記表示領域に表示することと、
前記端末のユーザによる前記表示領域に対する第1入力に基づいて、前記端末の制御部による前記表示領域上を移動させる制御を、前記コンテンツの少なくとも前記透過領域の一部に実行することと、
前記透過領域に基づいて、前記第1部分動画像の再生の制御を前記制御部によって実行することとを含む。
It ’s a terminal control method.
Receiving the first moving image data via the communication unit of the terminal,
The first partial moving image, which is a part of the first moving image based on the first moving image data, is displayed at least in the display area of the terminal, superimposed on at least a part of the first partial moving image, and at least one. Displaying content having a transparent area in the display area and
Based on the first input to the display area by the user of the terminal, the control unit of the terminal executes the control of moving on the display area to at least a part of the transparent area of the content.
The control unit executes control of reproduction of the first partial moving image based on the transparent region.
請求項1に記載の制御方法であって、
前記第1部分動画像の前記再生の制御は、前記透過領域が前記表示領域に表示されたことに基づいて実行される。
The control method according to claim 1.
The control of the reproduction of the first partial moving image is executed based on the fact that the transparent region is displayed in the display region.
請求項1または請求項2に記載の制御方法であって、
前記第1部分動画像の前記再生の制御は、前記透過領域が前記表示領域に表示されている大きさに基づいて実行される。
The control method according to claim 1 or 2.
The control of the reproduction of the first partial moving image is executed based on the size of the transparent region displayed in the display region.
請求項1または請求項2に記載の制御方法であって、
前記第1部分動画像の前記再生の制御は、前記表示領域に表示されている前記透過領域のうち、少なくとも前記透過領域のいずれか一辺の長さに基づいて実行される。
The control method according to claim 1 or 2.
The control of the reproduction of the first partial moving image is executed based on the length of at least one side of the transparent region displayed in the display region.
請求項1または請求項2に記載の制御方法であって、
前記第1部分動画像の前記再生の制御は、前記透過領域のうちの一部の領域が前記表示領域に表示されたことに基づいて実行される。
The control method according to claim 1 or 2.
The control of the reproduction of the first partial moving image is executed based on the fact that a part of the transparent region is displayed in the display region.
請求項1から請求項5のいずれか一項に記載の制御方法であって、
前記端末のユーザによる前記第1部分動画像に対する第2入力に基づいて、前記第1動画像を前記端末のユーザに対して視認可能にする制御を前記制御部によって実行することを含む。
The control method according to any one of claims 1 to 5.
The control unit includes controlling the first moving image to be visible to the user of the terminal based on the second input to the first partial moving image by the user of the terminal.
請求項6に記載の制御方法であって、
前記第2入力に基づいて、前記コンテンツを透過にする処理を前記制御部によって実行することを含む。
The control method according to claim 6.
The control unit executes a process of making the content transparent based on the second input.
請求項6に記載の制御方法であって、
前記第2入力に基づいて、前記表示領域に表示された前記コンテンツから前記第1動画像に変更する処理を前記制御部によって実行することを含む。
The control method according to claim 6.
The control unit executes a process of changing the content displayed in the display area to the first moving image based on the second input.
請求項6から請求項8のいずれか一項に記載の制御方法であって、
前記第2入力は、前記端末のユーザによる前記第1部分動画像をタッチする操作による入力である。
The control method according to any one of claims 6 to 8.
The second input is an input performed by the user of the terminal by touching the first partial moving image.
請求項1から請求項9のいずれか一項に記載の制御方法であって、
前記第1部分動画像の前記再生の制御は、前記透過領域の大きさ、または前記透過領域の1辺の長さに基づいて、変更される。
The control method according to any one of claims 1 to 9.
The control of the reproduction of the first partial moving image is changed based on the size of the transparent region or the length of one side of the transparent region.
請求項10に記載の制御方法であって、
前記透過領域の大きさ、または前記透過領域の1辺の長さは、前記第1部分動画像に基づいて決定される。
The control method according to claim 10.
The size of the transparent region or the length of one side of the transparent region is determined based on the first partial moving image.
請求項1から請求項11のいずれか一項に記載の制御方法であって、
前記第1部分動画像の前記再生の制御は、前記透過領域と、前記第1部分動画像との前記表示領域上での位置関係に基づいて実行される。
The control method according to any one of claims 1 to 11.
The control of the reproduction of the first partial moving image is executed based on the positional relationship between the transparent region and the first partial moving image on the display region.
請求項12に記載の制御方法であって、
前記第1部分動画像の前記再生の制御は、前記透過領域が前記第1部分動画像の少なくとも一部に重畳したことに基づいて実行される。
The control method according to claim 12.
The control of the reproduction of the first partial moving image is executed based on the fact that the transparent region is superimposed on at least a part of the first partial moving image.
請求項13に記載の制御方法であって、
前記第1部分動画像の前記再生の制御は、前記透過領域が前記第1部分動画像を重畳した大きさに基づいて実行される。
The control method according to claim 13.
The control of the reproduction of the first partial moving image is executed based on the size of the transmission region on which the first partial moving image is superimposed.
請求項1から請求項14のいずれか一項に記載の制御方法であって、
前記第1動画データに基づく第1動画像を前記表示領域に表示し、前記第1動画像の少なくとも一部に重畳する前記コンテンツを前記表示領域に表示することを含む。
The control method according to any one of claims 1 to 14.
This includes displaying a first moving image based on the first moving image data in the display area, and displaying the content superimposed on at least a part of the first moving image in the display area.
請求項1から請求項14のいずれか一項に記載の制御方法であって、
第2動画データを前記通信部を介して受信することと、
前記第2動画データに基づく第2動画像の一部の領域である第2部分動画像を少なくとも前記表示領域に表示することと、
前記透過領域に基づいて、前記第2動画像の再生の制御を前記制御部によって実行することとを含む。
The control method according to any one of claims 1 to 14.
Receiving the second moving image data via the communication unit and
Displaying the second partial moving image, which is a part of the second moving image based on the second moving image data, at least in the display area.
The control unit executes control of reproduction of the second moving image based on the transparent region.
請求項16に記載の制御方法であって、
前記表示領域は、長手方向と短手方向とを有し、
前記第1動画像は、第1辺と、前記第1辺よりも短い第2辺とを有し、
前記第1部分動画像は、第3辺と、前記第3辺よりも長い第4辺とを有し、
前記第3辺が前記長手方向に沿って配置され、前記第4辺が前記短手方向に沿って配置され、前記第1部分動画像が前記表示領域に表示される。
The control method according to claim 16.
The display area has a longitudinal direction and a lateral direction, and has a longitudinal direction and a lateral direction.
The first moving image has a first side and a second side shorter than the first side.
The first partial moving image has a third side and a fourth side longer than the third side.
The third side is arranged along the longitudinal direction, the fourth side is arranged along the lateral direction, and the first partial moving image is displayed in the display area.
請求項17に記載の制御方法であって、
前記第1部分動画像の前記再生の制御は、前記透過領域が前記第1部分動画像の少なくとも一部に重畳したことに基づいて実行され、
前記第2部分動画像の前記再生の制御は、前記透過領域が前記第2部分動画像の少なくとも一部に重畳したことに基づいて実行され、
前記第1部分動画像は、前記透過領域が前記第2部分動画像の少なくとも一部に重畳したことに基づいて、前記第1部分動画像の前記再生を停止する制御が前記制御部によって実行される。
The control method according to claim 17.
The control of the reproduction of the first partial moving image is executed based on the fact that the transparent region is superimposed on at least a part of the first partial moving image.
The control of the reproduction of the second partial moving image is executed based on the fact that the transparent region is superimposed on at least a part of the second partial moving image.
In the first partial moving image, the control unit executes control to stop the reproduction of the first partial moving image based on the transmission region superimposed on at least a part of the second partial moving image. To.
請求項1から請求項18のいずれか一項に記載の制御方法であって、
前記第1動画データは、事業者によって前記端末への送信が依頼され、
前記第1部分動画像の領域は、前記事業者によって設定される。
The control method according to any one of claims 1 to 18.
The first moving image data is requested to be transmitted to the terminal by the business operator, and the first moving image data is requested to be transmitted to the terminal.
The area of the first partial moving image is set by the business operator.
請求項1から請求項19のいずれか一項に記載の制御方法であって、
前記第1動画データは、広告に関するデータである。
The control method according to any one of claims 1 to 19.
The first moving image data is data related to an advertisement.
請求項1から請求項20のいずれか一項に記載の制御方法であって、
前記第1入力は、前記端末のユーザによるスクロール操作であり、
前記透過領域は、前記スクロール操作に基づく方向に移動される。
The control method according to any one of claims 1 to 20.
The first input is a scroll operation by the user of the terminal.
The transparent region is moved in a direction based on the scroll operation.
端末によって実行されるプログラムであって、
第1動画データを前記端末の通信部を介して受信することと、
前記第1動画データに基づく第1動画像の一部の領域である第1部分動画像を少なくとも前記端末の表示領域に表示し、前記第1部分動画像の少なくとも一部に重畳し、少なくとも一部に透過領域を有するコンテンツを前記表示領域に表示することと、
前記端末のユーザによる前記表示領域に対する第1入力に基づいて、前記端末の制御部による前記表示領域上を移動させる制御を、前記コンテンツの少なくとも前記透過領域の一部に実行することと、
前記透過領域に基づいて、前記第1部分動画像の再生の制御を前記制御部によって実行することとが前記端末に実行される。
A program executed by a terminal
Receiving the first moving image data via the communication unit of the terminal,
The first partial moving image, which is a part of the first moving image based on the first moving image data, is displayed at least in the display area of the terminal, superimposed on at least a part of the first partial moving image, and at least one. Displaying content having a transparent area in the display area and
Based on the first input to the display area by the user of the terminal, the control unit of the terminal executes the control of moving on the display area to at least a part of the transparent area of the content.
Based on the transparent region, the terminal executes control of reproduction of the first partial moving image by the control unit.
動画像の制御を行う端末であって、
第1動画データを受信する通信部と、
前記第1動画データに基づく第1動画像の一部の領域である第1部分動画像を少なくとも表示し、前記第1部分動画像の少なくとも一部に重畳し、少なくとも一部に透過領域を有するコンテンツを表示する表示部と、
前記端末のユーザによる前記表示部の表示領域に対する第1入力に基づいて、前記表示領域上を移動させる制御を、前記コンテンツの少なくとも前記透過領域の一部に実行する制御部とを備え、
前記制御部は、前記透過領域に基づいて、前記第1部分動画像の再生の制御を実行する。
A terminal that controls moving images
The communication unit that receives the first video data and
The first partial moving image, which is a partial region of the first moving image based on the first moving image data, is displayed at least, superimposed on at least a part of the first partial moving image, and has a transparent region at least a part thereof. A display unit that displays content and
A control unit that executes control of moving on the display area based on a first input to the display area of the display unit by the user of the terminal to at least a part of the transparent area of the content is provided.
The control unit executes control of reproduction of the first partial moving image based on the transparent region.
JP2019179394A 2019-09-30 2019-09-30 program, control method, terminal Active JP7336341B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2019179394A JP7336341B2 (en) 2019-09-30 2019-09-30 program, control method, terminal

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2019179394A JP7336341B2 (en) 2019-09-30 2019-09-30 program, control method, terminal

Publications (3)

Publication Number Publication Date
JP2021056781A true JP2021056781A (en) 2021-04-08
JP2021056781A5 JP2021056781A5 (en) 2022-10-11
JP7336341B2 JP7336341B2 (en) 2023-08-31

Family

ID=75270899

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2019179394A Active JP7336341B2 (en) 2019-09-30 2019-09-30 program, control method, terminal

Country Status (1)

Country Link
JP (1) JP7336341B2 (en)

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6005783B2 (en) 2015-03-20 2016-10-12 ヤフー株式会社 Information display program, information display apparatus, information display method, distribution apparatus, and distribution method
JP6918444B2 (en) 2015-07-17 2021-08-11 ヤフー株式会社 Information display program, information display device, information display method, and distribution device
JP6095815B1 (en) 2016-02-16 2017-03-15 ヤフー株式会社 Information display program, information display device, information display method, and distribution device
JP2018197828A (en) 2017-05-24 2018-12-13 ロカリサーチ株式会社 Computer program
JP6797850B2 (en) 2018-02-02 2020-12-09 ヤフー株式会社 Information display program, information display method, information display device, and distribution device

Also Published As

Publication number Publication date
JP7336341B2 (en) 2023-08-31

Similar Documents

Publication Publication Date Title
JP5752708B2 (en) Electronic text processing and display
US10255227B2 (en) Computerized system and method for authoring, editing, and delivering an interactive social media video
US20170132829A1 (en) Method For Displaying and Animating Sectioned Content That Retains Fidelity Across Desktop and Mobile Devices
US20220207563A1 (en) Control method, program, and terminal
US20220207570A1 (en) Control method, program, and terminal
US20170220591A1 (en) Modular search object framework
JP6482501B2 (en) Information display program, information display method, information display device, and distribution device
US20150317319A1 (en) Enhanced search results associated with a modular search object framework
JP6224786B1 (en) Information display program, information display device, information display method, and distribution device
US11727442B2 (en) Method for serving interactive content to a user
JP5965035B1 (en) Information display program, information display method, information display device, distribution device, and distribution method
JP6039613B2 (en) Display program, terminal device, display method, and distribution device
JP6019193B1 (en) Information display program, information display method, information display device, and distribution device
JP5985718B1 (en) Information display program, information display apparatus, information display method, distribution apparatus, and distribution method
US10025757B2 (en) Information display device, delivery device, information display method, and non-transitory computer readable storage medium
JP7353897B2 (en) Program, control method, terminal
JP7336341B2 (en) program, control method, terminal
JP6095815B1 (en) Information display program, information display device, information display method, and distribution device
JP6706977B2 (en) Information display program, information display device, information display method, and distribution device
JP6918444B2 (en) Information display program, information display device, information display method, and distribution device
JP6912160B2 (en) Information display program, information display device, information display method and distribution device
JP6931445B2 (en) Information processing system
JP6396394B2 (en) Display program, terminal device, display method, and distribution device
JP2018194749A (en) Information display program, information display device, information display method, and distribution device
JP6400819B1 (en) Information display program, information display method, information display device, and distribution device

Legal Events

Date Code Title Description
A711 Notification of change in applicant

Free format text: JAPANESE INTERMEDIATE CODE: A712

Effective date: 20210412

RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20220921

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20220928

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20220928

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20230531

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20230606

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20230703

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: 20230725

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20230821

R150 Certificate of patent or registration of utility model

Ref document number: 7336341

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

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