JP7336341B2 - program, control method, terminal - Google Patents

program, control method, terminal Download PDF

Info

Publication number
JP7336341B2
JP7336341B2 JP2019179394A JP2019179394A JP7336341B2 JP 7336341 B2 JP7336341 B2 JP 7336341B2 JP 2019179394 A JP2019179394 A JP 2019179394A JP 2019179394 A JP2019179394 A JP 2019179394A JP 7336341 B2 JP7336341 B2 JP 7336341B2
Authority
JP
Japan
Prior art keywords
partial
terminal
area
image
advertisement
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
JP2019179394A
Other languages
Japanese (ja)
Other versions
JP2021056781A5 (en
JP2021056781A (en
Inventor
和嵩 木村
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.)
Line 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

Description

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

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

特開2004-240492号公報Japanese Patent Application Laid-Open 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 a first aspect of the present invention, a method for controlling a terminal comprises: receiving first moving image data via a communication unit of the terminal; displaying a first partial moving image at least in a display area of a terminal, superimposing at least a part of the first partial moving image, and displaying content having a transparent area at least partially in the display area; Controlling at least a part of the transparent area of the content to move on the display area by a control unit of the terminal based on a first input to the display area; and performing control of playback by a controller.
According to a second aspect of the present invention, a program executed by a terminal receives first moving image data via a communication unit of the terminal, is displayed in at least a display area of the terminal, superimposed on at least a part of the first partial video, and displaying content having a transparent area at least in part in the display area; Controlling at least a part of the transparent area of the content to move on the display area by a control unit of the terminal based on a first input to the display area by the user; Execution of image reproduction control by a control unit is executed in the terminal.
According to a third aspect of the present invention, a terminal that controls moving images includes a communication unit that receives first moving image data; a display unit that displays at least a moving image, superimposes on at least a part of the first partial moving image, and displays content having a transparent area at least in part; a control unit that controls at least part of the transparent area of the content to move on the display area based on the control unit, and the control unit performs control of reproduction of the first partial video image based on the transparent area. do.

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

<法的事項の遵守>
本明細書に記載の開示は、通信の秘密など、本開示の実施に必要な実施国の法的事項遵守を前提とすることに留意されたい。
<Compliance with legal matters>
Note that the disclosure provided herein is subject to compliance with the legal requirements of the implementing country required for the practice of this disclosure, such as confidentiality of communications.

本開示に係る端末の制御方法等を実施するための実施形態について、図面を参照して説明する。 An embodiment for implementing a 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 configuration of a communication system 1 according to an embodiment of the present disclosure.
In the communication system 1, the server 10 and terminals 20 (terminal 20A, terminal 20B, terminal 20C, .

サーバ10(限定ではなく、電子装置、サーバ、情報処理装置、情報管理装置の一例)は、端末20に各種コンテンツデータ(限定ではなく、メインコンテンツデータ、広告コンテンツデータの一例)を配信する機能を有する。 The server 10 (not limited to, but an example of an electronic device, server, information processing device, or information management device) has a function of distributing various content data (not limited to, but examples of main content data and advertisement 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, but a web page, an advertisement image) based on various content data distributed from an external device such as the server 10. . It also has a function of updating the information displayed on the display unit 24 of the terminal 20 based on the user's operation.

ネットワーク30は、1以上のサーバ10と、1以上の端末20とを接続する役割を担う。すなわち、ネットワーク30は、上記の各種の装置が接続した後、データを送受信することができるように接続経路を提供する通信網を意味する。
なお、ネットワーク30に接続される各種の装置の数は限定されない。
The network 30 serves to connect one or more servers 10 and one or more terminals 20 . That is, the network 30 means a communication network that provides a connection path so that the various devices can transmit and receive data after being connected.
Note that 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 portions of network 30 may or may not be wired or wireless networks. Network 30 may include, by way of example and not limitation, an ad hoc network, an intranet, an extranet, a virtual private network (VPN), a local area network (LAN), a wireless LAN (WLAN), wide area network (WAN), wireless WAN (WWAN), metropolitan area network (MAN), part of the Internet, public switched telephone network (Public Part of Switched Telephone Network (PSTN), mobile phone network, ISDN (integrated service digital networks), wireless LAN, LTE (long term evolution), CDMA (code division multiple access), Bluetooth (registered trademark), satellite communication, etc., or a combination of two or more thereof. 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, . It may be a terminal. Terminals 20 may include, by way of example and not limitation, smart phones, mobile phones (feature phones), computers (including but not limited to desktops, laptops, tablets, etc.), media computer platforms (including but not limited to cable, satellite set top boxes, digital video recorders), handheld computing devices (for example and without limitation, personal digital assistants (PDAs), e-mail clients, etc.), wearable devices (glasses, watches, etc.), or other types of computers; Or including a communication platform. Also, the terminal 20 may be expressed as an information processing terminal.

端末20A、端末20Bおよび端末20Cの構成は基本的には同一であるため、以下の説明においては、端末20について説明する。また、必要に応じて、ユーザXが利用する端末を端末20Xと表現し、ユーザXまたは端末20Xに対応付けられた、所定のサービスにおけるユーザ情報をユーザ情報Xと表現する。なお、ユーザ情報とは、所定のサービスにおいてユーザが利用するアカウントに対応付けられたユーザの情報である。ユーザ情報は、限定ではなく例として、ユーザにより入力される、または、所定のサービスにより付与される、ユーザの名前、ユーザの年齢、ユーザの性別、ユーザの住所、ユーザの趣味趣向、ユーザの識別子などのユーザに対応付けられた情報を含み、これらのいずれか一つまたは、組み合わせであってもよいし、そうでなくてもよい。 Terminal 20A, terminal 20B, and terminal 20C basically have the same configuration, so terminal 20 will be described below. Further, as 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 includes, by way of example and not limitation, user's name, user's age, user's gender, user's address, user's preferences, user's identifier, entered by the user or provided by a given service. Any one of them, or a combination of them, or not.

サーバ10(限定ではなく、サーバ、情報処理装置、情報管理装置の一例)は、端末20に対して、所定のサービスを提供する機能を備える。サーバ10は、各実施形態において記載する機能を実現できる情報処理装置であればどのような装置であってもよい。サーバ10は、限定ではなく例として、サーバ装置、コンピュータ(限定ではなく例として、デスクトップ、ラップトップ、タブレットなど)、メディアコンピュータプラットホーム(限定ではなく例として、ケーブル、衛星セットトップボックス、デジタルビデオレコーダ)、ハンドヘルドコンピュータデバイス(限定ではなく例として、PDA、電子メールクライアントなど)、あるいは他種のコンピュータ、またはコミュニケーションプラットホームを含む。また、サーバ10は情報処理装置と表現されてもよい。 The server 10 (not limited to, but an example of a server, an information processing device, an information management device) has a function of providing a predetermined service to the terminal 20 . The server 10 may be any information processing device capable of realizing the functions described in each embodiment. Server 10 includes, by way of example and not limitation, server devices, computers (including but not limited to desktops, laptops, tablets, etc.), media computer platforms (including but not limited to cable, satellite set-top boxes, digital video recorders, etc.). ), handheld computing devices (by way of example and not limitation, PDAs, email clients, etc.), or other types of computers or communication platforms. Also, 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 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 (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. Prepare. Each component of the HW of terminal 20 is interconnected via bus B, by way of example and not limitation. Note that the HW configuration of the terminal 20 does not necessarily include all the components. By way of example and not limitation, terminal 20 may or may not be configured such that individual components or multiple components such as microphone 25 and camera 27 are detached.

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

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

入力部は、ユーザからの入力を受け付けて、入力に係る情報を制御部21に伝達できる全ての種類の装置のいずれかまたはその組み合わせにより実現される。入力部は、限定ではなく例として、タッチパネル、タッチディスプレイ、キーボード等のハードウェアキーや、マウス等のポインティングデバイス、カメラ(動画像を介した操作入力)、マイク(音響による操作入力)を含む。 The input unit is implemented by any one or a combination of all types of devices that can receive input from the user and transmit 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 moving images), and a microphone (operation input via 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 implemented by any one or a combination of all types of devices capable of outputting processing results processed by the control unit 21 . The output unit includes, as non-limiting examples, touch panels, touch displays, speakers (sound output), lenses (three-dimension (3D) output and hologram output as non-limiting examples), printers, and the like.
The display unit 24 is realized by any one or a combination of all kinds of devices capable of displaying according to the display data written to the frame buffer. The display unit 24 may be a touch panel, a touch display, a monitor (not limited to a liquid crystal display or an OELD (Organic Electro Luminescence Display)), a head mounted display (HDM), or a head-up display. (HUD: Head Up Display), projection mapping, holograms, devices capable of displaying images, text information, etc. in the air (either in a vacuum or not). Note that these display units 24 may or may not be capable of displaying 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 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)を含む。 Control unit 21 includes, by way of example and not limitation, a central processing unit (CPU), microprocessor, processor core, multiprocessor, ASIC (application-specific integrated circuit), FPGA (field programmable gate array).

記憶部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 HDD (hard disk drive), SSD (solid state drive), flash memory, RAM (random access memory), and ROM (read only memory) as examples and not limitation. Also, 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 executes the program P so that the control unit 21 executes 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 implement each function executed by the control unit 21 . Also, this program P may or may not be expressed as a program module.

マイク25は、音データの入力に利用される。スピーカ26は、音データの出力に利用される。カメラ27は、動画像データの取得に利用される。なお、カメラ27は、赤外線等の不可視光を利用して、3次元情報を検出可能に構成してもよいし、そのようにしなくてもよい。 A microphone 25 is used to input 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 detect three-dimensional information 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) Server HW Configuration 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. Each component of the HW of server 10 is interconnected via bus B, by way of example and not limitation. It should be noted that the HW of the server 10 does not have to include all components as the HW configuration of the server 10 . As an example and not a limitation, the HW of the server 10 may or may not be configured such that the display unit 13 is removed.

制御部11は、プログラム内に含まれたコードまたは命令によって実現する機能を実行するために物理的に構造化された回路を有し、限定ではなく例として、ハードウェアに内蔵されたデータ処理装置により実現される。 The control unit 11 comprises, by way of example and not limitation, a hardware built-in data processing device comprising physically structured circuitry for carrying out the functions implemented by the code or instructions contained within the program. It 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, processor core, multiprocessor, ASIC, or FPGA. In the present disclosure, the controller 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 necessary for the operation of the server 10 . 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. Also, 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が物理的に構造化された回路で構成される場合には、通信回路と表現する場合もある。 Communication I/F 14 transmits and receives various data via network 30 . Communication may be performed by wire or wirelessly, and any communication protocol may be used as long as mutual communication can be performed. The communication I/F 14 has a function of executing communication with various devices such as the terminal 20 via the network 30 . Communication I/F 14 transmits various data to various devices such as terminal 20 according to instructions from control unit 11 . The communication I/F 14 also receives various data transmitted from various devices such as the terminal 20 and transmits the data to the control unit 11 . Also, the communication I/F 14 may be simply referred to as a communication unit. Moreover, when the communication I/F 14 is configured by 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 for inputting various operations to the server 10 . The input/output unit 12 is implemented by any one or a combination of all types of devices that can receive input from a user and transmit information related to the input to the control unit 11 . The input/output unit 12 is implemented by hardware keys typically represented by a keyboard and a pointing device such as a mouse. Note that 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 examples 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 (as a non-limiting example, a liquid crystal display or an OELD (organic electroluminescence display)). Note that the display unit 13 may or may not be a head mounted display (HDM) or the like. Note that these display units 13 may or may not be capable of displaying 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 executes the program P so that the control unit 11 executes 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 implement each function executed by the control unit 11 . This program P may or may not be expressed as a program module.
The same is true for other devices.

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

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

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

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

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

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

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

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

なお、本開示のプログラムは、限定ではなく例として、ActionScript、JavaScript(登録商標)などのスクリプト言語、Objective-C、Java(登録商標)などのコンパイラ言語、HTML5などのマークアップ言語などを用いて実装される。 Note that the program of the present disclosure uses script languages such as ActionScript and JavaScript (registered trademark), compiler languages such as Objective-C and Java (registered trademark), markup languages such as HTML5, and the like, for example and not limitation. Implemented.

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

メインコンテンツデータが端末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 and not a limitation) by executing a program based on a markup language (HTML5 as an example and not a limitation). is displayed, and advertising content information (advertising images as an example and not limitation) is displayed by execution of a program based on a scripting language (JavaScript as an example and not 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 a program based on the markup language (HTML5 as an example, not limitation) is executed. Programs based on scripting languages (JavaScript as an example and not by way of limitation) are also executed. In the terminal 20 (web browser), an advertisement image ( advertising information) is displayed.

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

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

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

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

本明細書において、広告コンテンツデータには、メインコンテンツ情報が端末20の表示部24に表示されたこと、または、メインコンテンツ情報が端末20の表示部24に表示されることが決定されたことに基づいて、そのメインコンテンツ情報(メインコンテンツデータ)に関連付けて端末20に配信されるコンテンツ用のデータであって、商品またはサービスに関するデータ(画像データ)が含まれる。 In this 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 determined to be displayed on the display unit 24 of the terminal 20. , data for content distributed to the terminal 20 in association with the main content information (main content data), and includes data (image data) relating to products or services.

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

なお、広告コンテンツデータには、ユーザによる端末20の使用が開始される前の端末20の初期状態で記憶部28に記憶されているデータが含まれてもよく、含まれなくてもよい。また、広告コンテンツデータには、端末20の初期状態で記憶部28に記憶されている情報に基づいて指定または生成されたURIに基づいて端末20に配信されるデータが含まれてもよく、含まれなくてもよい。 The advertisement 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 . The advertisement content data may include data distributed to the terminal 20 based on a URI specified or generated based on 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, by way of example and not limitation, advertising images for goods or services. The advertising content information may be content information that accompanies the main content information.

また、限定ではなく、広告コンテンツ情報は、共通のメインコンテンツ情報に対して、表示させる端末に応じて異ならせることが可能なコンテンツ情報としてもよく、共通のメインコンテンツ情報に対して、複数種類を同時に表示させることが可能なコンテンツ情報としてもよい。 Also, without limitation, the advertising content information may be content information that can be changed according to the terminal on which the common main content information is displayed. It may be content information that can be set.

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

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

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

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

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

限定ではなく例として、端末20は、マークアップ言語(限定ではなく例としてHTML5)に基づくプログラムが実行されたことに伴い、そのプログラム(HTML5の記述)に関連付けられている、スクリプト言語(限定ではなく例としてJavaScript)に基づくプログラムを実行して、広告サーバ(限定ではなく例としてサーバ10)から広告画像のデータ(限定ではなく第1コンテンツデータの一例)を取得して、そのデータに基づく広告画像(限定ではなく第1コンテンツ情報の一例)をウェブページの背面側のレイヤに配置する。 By way of example and not limitation, the terminal 20, along with execution of a program based on a markup language (HTML5 as an example, not a limitation), is associated with the program (HTML5 description), a script language (not limited to Execute a program based on JavaScript) to acquire advertisement image data (an example of first content data, not limitation) from an advertisement server (server 10 as an example, not a limitation), and an advertisement based on that data An image (an example, but not a limitation, of first content information) is placed in the back layer 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, information placed in a lower layer (the first layer as an example, not as a limitation) is placed on the rear side (back side) than information placed in a higher layer (the second layer as an example, not as a limitation). ). As an example, not a limitation, the larger the value for the Z-axis direction specified by the markup language program (the z-index value specified by the HTML5 property as an example, not a limitation), the more information to be displayed. It may be arranged on the front side (front side) in the Z-axis direction.

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

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

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

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

また、メインコンテンツデータには、ユーザによる端末20の使用が開始される前の初期状態で記憶部28に記憶されているデータが含まれてもよく、含まれなくてもよい。また、メインコンテンツデータには、端末20の初期状態で記憶部28に記憶されている情報に基づいて指定または生成されたURIに基づいて端末20に配信されるデータが含まれてもよく、含まれなくてもよい。 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 . The main content data may or may not include data distributed to the terminal 20 based on a URI specified or generated based on information stored in the storage unit 28 in the initial state of the terminal 20. It doesn't have to be.

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

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

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

サーバメイン処理部110は、記憶部15に記憶されているサーバメイン処理プログラム150に従って、サーバ10を統括的に制御するための処理であるサーバメイン処理を実行する機能を有している。 The server main processing unit 110 has a function of executing server main processing, which is processing for overall control of the server 10 , according to a 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 distribution processing of 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 main content data stored in the storage unit 15 to the terminal 20 and distributes advertisement content data stored in the storage unit 15 to the terminal 20 as an example and not limitation.

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

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

メインコンテンツデータベース152は、メインコンテンツデータを蓄積的に記憶したデータベースである。サーバ10では、端末20から送信されたメインコンテンツ配信要求に基づいて、要求されたメインコンテンツデータをメインコンテンツデータベース152に記憶されているメインコンテンツデータから選択して、要求元の端末20に配信する。 The main content database 152 is a database storing 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 it to the requesting terminal 20. - 特許庁

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

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

限定ではなく例として、メインコンテンツデータベース152には、メインコンテンツデータと関連付けて、広告コンテンツデータ(全体広告データを含む)を識別可能な広告番号が記憶されている。これにより、配信対象となる端末20に表示させるメインコンテンツ情報と、そのメインコンテンツ情報に関連付けて表示させる広告コンテンツ情報(全体広告画像を含む)とが関連付けられている。 By way of example and not limitation, the main content database 152 stores advertisement numbers that can be associated with main content data to identify advertisement content data (including general advertisement 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 overall advertisement image) to be displayed in association with the main content information.

(2)端末の機能構成
端末20は、制御部21により実現される機能として、限定ではなく例として、図2-3に示すように、端末メイン処理部210と、表示処理部211とを有する。
(2) Functional Configuration of Terminal The terminal 20 has a terminal main processing section 210 and a display processing section 211 as shown in FIG. .

端末メイン処理部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 processing for overall control of the terminal 20 , according to a terminal main processing program 280 stored in the storage unit 28 . As an example and not a limitation, when the terminal 20 is a mobile phone, control is performed to make a call with another mobile phone, landline phone, or the like via the communication I/F 22, or via the communication I/F 22 or control to display various information on the display unit 24, or perform processing to analyze various sound data input from the microphone 25, or the camera 27 Analyzes still images and moving images captured by the camera.

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

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

<表示画面例>
以下の説明では、表示部24の画面において、メインコンテンツ情報の先頭部分[TOP]から最終部分[END]に向かう方向(ウェブブラウザの上辺側から下辺側に向かう方向)を画面下方向と記載し、その反対方向を画面上方向と記載する。また、メインコンテンツ情報の左辺側から右辺側に向かう方向(ウェブブラウザの左辺側から右辺側に向かう方向)を画面右方向と記載し、その反対方向を画面左方向と記載する。
<Display screen example>
In the following description, on the screen of the display unit 24, the direction from the top part [TOP] to the end part [END] of the main content information (the direction from the top side of the web browser to the bottom side) is referred to as the bottom side of the screen. The opposite direction is described as the upward direction of the screen. Also, 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 fact that the terminal 20 receives 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 entire advertisement data distributed in association with the main content data. is placed in the first layer, which is lower than the second layer.

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

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

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

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

また、以下説明する端末20の処理は、端末20にインストールされたウェブブラウザのアプリケーションで全てのステップが実行される処理としてもよいし、ウェブブラウザのアプリケーションで一部のステップが実行される処理としてもよい。また、必ずしも、端末20にインストールされたウェブブラウザのアプリケーションで実行される処理としなくてもよい。 Further, the processing of the terminal 20 described below may be processing in which all steps are executed by a web browser application installed in the terminal 20, or processing in which some steps are executed by a web browser application. good too. Also, the process does not necessarily have to be executed by a web browser application 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 (examples without limitation include bookmark selection operation and link information selection operation), the terminal 20 displays the site to be accessed. to the server 10 via the communication I/F 22 (A1).

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

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

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

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

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

端末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, for example and not limitation, the terminal 20 arranges the overall advertisement image 242a based on the overall advertisement data on the first layer, and creates the web page 241 based on the main content data. Arrange on 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 full advertisement image 242a. In the first layer, the bottom side of the full advertisement image 242a is arranged along the bottom side of the page display area as an example and not limitation, so at the point A3, the full 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 overall advertisement image 242a through this transparent area 241a.

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

その後、端末20は、スクロール操作が終了したか否かを判定する(A13)。
スクロール操作が終了していれば(A13:Yes)、表示処理を終了する。
スクロール操作が終了してなければ(A13:No)、A7に処理を戻す。
After that, the terminal 20 determines whether or not the scroll operation has ended (A13).
If the scroll operation has ended (A13: Yes), the display process ends.
If the scroll operation has not ended (A13: No), the process returns 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 converts a partial area (not a limitation, but an example of the first information) of the full advertisement image 242a (not a limitation, but an example of the first content information) to at least a page display area (not a limitation, main content information (web page) (not limited, but an example of second content information) displayed on a terminal display area), superimposed on at least a part of it, and having a transparent area 241a on at least a part of the page Display in the display area. Then, the terminal 20 performs control to move the page display area based on the user's scrolling operation on the page display area (an example of the first input, not limitation), at least one of the transparent area 241a and the full advertisement image 242a. It shows the configuration to be executed in part.
As an example of the effect obtained by such a configuration, based on the first input to the display area, at least part of the second content information and the first information move on the display area. At least a part of the information and the first information can be linked to improve the display effect of the information on the terminal.

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

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

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

第2実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the second embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

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

ページ表示領域は、横幅よりも縦幅が長い縦長の領域であり、全体広告画像242aは、横幅よりも縦幅が長い縦長の画像である。本例では、全体広告画像242aは、アナログ腕時計の画像である。この全体広告画像242aには、アナログ腕時計の外観と製品名とが情報として含まれ、さらに発売日やウェブサイト情報も含まれている。 The page display area is a vertically long area whose height is longer than its width, and the full advertisement image 242a is a vertically long image whose height is longer than its width. In this example, general advertisement image 242a is an image of an analog watch. This general advertisement image 242a includes information on the appearance and product name of the analog wristwatch, as well as 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 through 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 through the transparent area 241a. A portion of 242a is visible. Note that in this example, the transmissive region 241a is a horizontally long region having a horizontal width larger than a vertical width.

この例では、ウェブページ241の縦幅は、ページ表示領域の縦幅よりも大きいため、ウェブページ241の全体がページ表示領域に収まりきれない。その結果、ページ表示領域には当初、ウェブページ241の先頭部分[TOP]を含むウェブページ241の一部が表示され、ウェブページ241の最終部分[END]を含む残りの部分は非表示となっている。この状態を、ウェブページ241が初期位置にある状態とする。 In this example, the vertical width of the web page 241 is larger than the vertical width of the page display area, so the entire web page 241 cannot fit in the page display area. As a result, part of the web page 241 including the top 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 not displayed. ing. This state is assumed to be the state where the web page 241 is at the initial position.

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

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

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

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

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

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

さらに、ユーザがスクロール操作を継続して、ウェブページ241の先頭部分[TOP]をページ表示領域の最上部まで移動させることで、ウェブページ241は初期位置に戻る。
ウェブページ241が初期位置に戻った場合にも、ユーザは、透過領域241aを介して注目領域を継続して視認可能となっている。
Further, the user continues the scrolling operation to move the leading portion [TOP] of the web page 241 to the top of the page display area, thereby returning the web page 241 to the initial position.
Even when the web page 241 returns to the initial position, the user can continue to view the attention area 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 at the initial position, before the transparent area 241a and the full advertisement image 242a are fixed (see FIG. 2-7), the area other than the attention area is displayed through the transparent area 241a. However, after the transmissive area 241a and the entire advertisement image 242a are fixed (see FIG. 2-8), the attention area is visible through the transmissive area 241a.

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

図2-9のフローチャートは、図2-6のフローチャートにおけるA7aのステップを、A7b~A11aに置き換えたフローチャートである。 The flowchart of FIG. 2-9 is a flowchart in which step A7a in the flowchart of FIG. 2-6 is replaced with steps 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 (examples without limitation include bookmark selection operation and link information selection operation), the terminal 20 displays the site to be accessed. to the server 10 via the communication I/F 22 (A1).

サーバ10は、通信I/F14によって(通信I/F14を介して)端末20から配信要求を受信すると、受信された配信要求に基づいて、図2-6に示したB1、B3、B3aおよびB3bと同様の処理を実行して、配信処理を終了する。 When the server 10 receives the distribution request from the terminal 20 via the communication I/F 14 (via the communication I/F 14), based on the received distribution request, B1, B3, B3a and B3b shown in FIG. , and terminates the distribution 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 terminal 20 arranges the overall advertisement image 242a based on the overall advertisement data on the first layer, and arranges the web page 241 based on the main content data on 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 full advertisement image 242a. In the first layer, the bottom side of the full advertisement image 242a is arranged along the bottom side of the page display area, so the full advertisement image 242a is arranged in the entire page display area at the point of A3.
Since the web page 241 has a transparent area 241a, the user can visually recognize a part of the full advertisement image 242a through this transparent area 241a.

端末20は、スクロール操作が行われているか否かを判定する(A5)。
スクロール操作が行われていない場合には(A5:No)、端末20は、スクロール操作を待機する。
スクロール操作が行われた場合には(A5:Yes)、端末20は、スクロール操作の方向にウェブページ241を移動させる(A7)。
The terminal 20 determines whether or not a scroll operation is being performed (A5).
If the scroll operation has not been performed (A5: No), the terminal 20 waits for the scroll operation.
If a scroll operation has been 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が移動されることとなる。
The terminal 20 then 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 position between the full advertisement image 242a and the transparent area 241a is 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 area 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.
If the fixed flag is not set (A7b: No), as a result of scrolling the web page 241, it is determined whether or not the attention area of the entire advertisement image 242a overlaps the transparent area 241a ( A9). At A9, as an example and not a limitation, it is determined whether or not the entire region of interest is included in the transmissive region 241a.
As an example, not limited to this, it may be determined whether or not a predetermined percentage of the vertical width of the attention area (70% as an example, not a limitation) overlaps the transmissive area 241a. You don't have to do it that way.

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

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

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

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

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

また、第2実施例は、透過領域241aと注目領域との位置関係と、スクロール操作とに基づいて、注目領域をページ表示領域上で移動させる制御が実行される構成を示している。
このような構成により得られる効果の一例として、第1情報を、透過領域と第1情報との位置関係と、第1入力とに基づいて、表示領域上を移動させる制御を実行することで、端末における情報の表示効果を向上させることができる。
Further, the second embodiment shows a configuration in which control is executed to move the attention area on the page display area based on the positional relationship between the transmissive area 241a and the attention area and the scrolling 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 transmissive area and the first information and the first input, It is possible to improve the display effect of information on the terminal.

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

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

また、第2実施例は、スクロール操作の方向に基づいて、制御部21によるページ表示領域上を移動させる制御を、透過領域241aと注目領域とに実行する構成を示している。
このような構成により得られる効果の一例として、スクロール操作の方向を変更することで、透過領域と第1情報との移動方向を変更することが可能となり、継続してユーザを第1情報に注目させることができる。
Further, the second embodiment shows a configuration in which the control unit 21 performs control to move the page display area on the transmissive area 241a and the attention area 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 scrolling operation, it becomes possible to change the moving direction of the transmissive area and the first information, so that the user can continue to pay attention to the first information. can be made

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

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

また、第2実施例は、第1コンテンツ情報は広告情報(限定ではなく例として、全体広告画像242a)であり、第1情報(限定ではなく例として、注目領域)はその一部である構成を示している。
このような構成により得られる効果の一例として、透過領域と広告情報とに連動性を生じさせ、広告効果を向上させることができる。
In addition, in the second embodiment, the first content information is the advertisement information (as a non-limiting example, the entire advertisement image 242a), and the first information (as a non-limiting example, an attention area) is a part thereof. is shown.
As an example of the effect obtained by such a configuration, it is possible to create a link between the transparent area and the advertisement information, thereby improving the advertisement effect.

また、第2実施例は、端末20が、通信I/F22によって第2コンテンツデータ(限定ではなく例として、メインコンテンツデータ)を受信することを含み、第2コンテンツ情報(限定ではなく例として、ビジネスニュースのウェブページ等)は、第2コンテンツデータに基づく構成を示している。
このような構成により得られる効果の一例として、第2コンテンツ情報を、端末の外部から受信したデータに基づいて表示させることができる。
In addition, the second embodiment includes the terminal 20 receiving second content data (main content data as an News web page, etc.) shows a configuration 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 data received from the outside of the terminal.

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

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

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

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

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

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

ただし、少なくともスクロール操作によって、透過領域241aと全体広告画像242aとは同じ方向(スクロール方向)に移動するものとする。
このような構成により得られる効果の一例として、透過領域241aと全体広告画像242aとが異なるレイヤに配置されていることを明確にすることができる。
However, it is assumed that the transparent area 241a and the full advertisement image 242a are moved 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 transmissive area 241a and the full advertisement image 242a are arranged in different layers.

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

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

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

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

また、端末20またはサーバ10が、全体広告画像242aを対象とした画像処理を実行し、限定ではなく例として、フィルタリングを用いたエッジ検出等により特徴部分の輪郭を推定することで、注目領域を設定してもよい。また、全体広告画像242aが動画像である場合には、限定ではなく例として、表示順序に基づく前後の画像間、または、表示順序に基づく前後のフレーム間で画素値の差分(変動)が大きい領域を特徴部分として推定し、推定した特徴部分を含むように注目領域を設定してもよい。また、注目領域は、端末20のユーザが、端末20を操作することにより設定可能な領域であってもよい。 In addition, the terminal 20 or the server 10 executes image processing targeting the entire advertisement image 242a, and as a non-limiting example, by estimating the outline of the characteristic portion by edge detection using filtering, etc., the attention area is determined. May be set. Further, when the full advertisement image 242a is a moving image, as a non-limiting example, there is a large difference (fluctuation) in pixel values between the images before and after the display order or between the frames before and after the display order. A region may be estimated as a characteristic portion, and a region of interest may be set so as to include the estimated characteristic portion. Also, the attention area 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 attention area information for identifying the attention area is stored as metadata of the full advertisement image 242a, but is not limited to such a form. The attention area information may be stored in association with the image identification information of the overall advertisement image 242a in the overall advertisement database 153a in which the overall advertisement image 242a is stored, for example and not limitation. Then, when the full advertisement image 242a is transmitted to the terminal 20, attention area information associated with the image identification information of the full advertisement image 242a may be transmitted in association with the full advertisement image 242a. . This enables the terminal 20 that receives the full advertisement image 242a to identify the attention area of the full advertisement image 242a.

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

第3実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the third embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

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

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

全体広告画像242aは、注目領域と、注目領域と異なる領域を含む画像である。この例では、注目領域に含まれる情報は、アナログ腕時計の外観と製品名のみである。これに対して、全体広告画像242aは、アナログ腕時計の外観と製品名を中央部に含み、上部には製品の発売日、下部にはウェブサイト情報を含む。 The general advertisement image 242a is an image including an attention area and an area different from the attention area. In this example, the only information included in the region of interest is the appearance and product name of the analog watch. On the other hand, the full advertisement image 242a includes the appearance of the analog watch and the product name in the center, the release date of the product 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 flow chart showing an example of the flow of general advertisement display processing, which is an example of processing executed by the display processing unit 211 of the terminal 20 in this embodiment.
This full advertisement display process can be executed after the fixed flag is set (after A11 in FIG. 2-9) as an example and not as a limitation.
Note that this general advertisement display process can be executed as a process based on a subroutine program of the display processing program 2801 as an example and not as a limitation. This also applies to the following examples.

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

ユーザによりタッチ操作が行われなかった場合(A21:No)、端末20は、全体広告表示処理を終了する。 When the touch operation is not performed by the user (A21: No), the terminal 20 terminates the general 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 moves the entire advertisement image 242a to the initial position of the distribution (as an example, not limited to, at A3 in FIGS. 2-6 and 2-9). position). That is, in the first layer, the bottom side of the full advertisement image 242a is rearranged along the bottom side of the page display area. Also, the terminal 20 sets the entire web page 241 arranged on the second layer as the transparent area 241a (A25). Then, the terminal 20 terminates the general advertisement display process.
This allows the user to visually recognize the entirety of the full 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 its horizontal direction. , and a second horizontal side that is shorter than the first side. The side is arranged along the short direction of the page display area, and the configuration displayed in the page display area is shown.
As an example of the effect obtained by such a configuration, the vertically long first content information can be visually recognized by the user.

また、第3実施例は、注目領域(限定ではなく、第1情報の一例)に対するタッチ操作(限定ではなく、第2入力の一例)に基づいて、全体広告画像242aを端末20のユーザに対して視認可能にする制御を制御部21によって実行する構成を示している。
このような構成により得られる効果の一例として、第2入力に基づいて、第1コンテンツ情報の全体をユーザに視認させることができる。また、限定ではなく例として、第1情報に興味を持ったユーザを、より表示効果の高い第1コンテンツ情報に誘導することができる。
Further, in the third embodiment, the entire advertisement image 242a is displayed to the user of the terminal 20 based on the touch operation (not limited, but an example of the second input) on the attention area (not limited, but an example of the first information). It shows a configuration in which the control unit 21 executes the control to make it visible.
As an example of the effect obtained by such a configuration, it is possible to allow the user to visually recognize the entire first content information based on the second input. Also, as an example and not as a limitation, a user who is interested in the first information can be guided to the first content information with 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) on the attention area, the processing (not limited to, the second content information ) is executed by the control unit 21. FIG.
As an example of the effect obtained by such a configuration, it is possible to allow the user to visually recognize the entire first content information through a simple process. Also, as an example and not a limitation, the first content information can be made visible without performing processing such as changing the layer in which the first content information is arranged to a second layer that is 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 an operation of touching the attention area that is visible through the transmissive area 241a.
As an example of the effect obtained by such a configuration, the first content information having a higher display effect can be displayed by the user touching the display area.

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

すなわち、第2入力に基づいて、第1レイヤに配置されている広告情報と第2レイヤに配置されているメインコンテンツ情報とをスワップするレイヤチェンジの処理(限定ではなく、表示領域に表示された第2コンテンツ情報から第1コンテンツ情報に変更する処理の一例)が実行され、結果として広告情報がメインコンテンツ情報よりも上位のレイヤに配置されることにより、広告情報の全体が視認可能となるようにしてもよい。
このような構成により得られる効果の一例として、透過領域を変更することなく、第1コンテンツ情報を視認可能とすることができる。
That is, based on the second input, a layer change process (not limited to, the first layer 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. (Example of processing for changing from 2 content information to 1st 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. good too.
As an example of the effect obtained by such a configuration, the first content information can be made visible without changing the transmissive area.

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

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

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

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

限定ではなく例として、ユーザが、図3-3に示される全体広告画像242aの右上に表示されている「×」と示された消去アイコン242cにタッチした場合には、第1レイヤに配置されているメインコンテンツ情報と第2レイヤに配置されている広告情報とをスワップするレイヤチェンジが実行され、結果としてメインコンテンツ情報が、広告情報よりも上位のレイヤに再び配置されることにより、メインコンテンツ情報が視認可能となるようにしてもよい。このとき第2レイヤのウェブページ241は、第1レイヤの全体広告画像242aに重畳した状態となっており、透過領域241aを介して全体広告画像242aの一部を視認可能となっている。 By way of example and not limitation, if the user touches the delete icon 242c marked with an "x" displayed in the upper right corner of the full advertisement image 242a shown in FIG. 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 again arranged in a layer higher than the advertisement information, so that the main content information can be visually recognized. It may be made possible. At this time, the web page 241 of the second layer is superimposed on the full advertisement image 242a of the first layer, and part of the full advertisement image 242a is visible through the transparent area 241a.

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

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

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

<第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 area 241a and the full advertisement image 242a are fixed (after A11), based on the fact that the second input (A21) is performed, the entire second layer is The transmissive area 241a becomes (A25), and the entire advertisement image 242a becomes visible. Even if the second input is performed before (before A11), the process of A25 is not executed, and the entire advertisement image 242a is not visible.
Not limited to such a form, even before the relative position of the transparent area 241a and the entire advertisement image 242a is fixed (before A11), based on the fact that the second input is performed, A25 Processing may be performed to make the entirety of the full advertisement image 242a visible.

第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), after the relative position of the transparent area 241a and the entire advertisement image 242a is fixed (after A11), based on the fact that the second input (A21) is performed, the first layer , and the layer change of the second layer is executed, and the entire advertisement image 242a moves to the second layer, so that the entire advertisement image 242a can be visually recognized. Even if the second input is performed at a stage, that is, before the relative positions of the transmissive area 241a and the full advertisement image 242a are fixed (before A11), the layer change is not executed, and the full advertisement image 242a is not fully visible.
Not limited to such a form, even before the relative position of the transparent area 241a and the entire advertisement image 242a is fixed (before A11), based on the fact that the second input is performed, the layer The change may be executed so that the entire advertisement image 242a can be viewed in its entirety.

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

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

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

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

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

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

<第4実施例>
第4実施例は、限定ではなく例として、端末20が、メインコンテンツデータ(限定ではなく、第2コンテンツデータの一例)と、広告コンテンツデータ(限定ではなく、第1コンテンツデータの一例であり、全体広告画像の一部である部分広告画像のデータを含む。)とを受信して、表示部24に、メインコンテンツのウェブページ(限定ではなく、第2コンテンツデータに基づく第2コンテンツ情報の一例)と、全体広告画像(限定ではなく、第1コンテンツデータに基づく第1コンテンツ情報の一例)の一部である部分広告画像(限定ではなく、第1コンテンツ情報の一部である第1情報の一例)を重畳して表示させる実施例である。
第4実施例は、第2実施例に対応するが、サーバ10から全体広告画像のデータに代えて部分広告画像のデータが端末20に送信され、端末20において、全体広告画像に代えて部分広告画像が表示される点が異なる。
<Fourth embodiment>
In the fourth embodiment, as a non-limiting example, the terminal 20 is configured to include main content data (not limiting, but an example of second content data) and advertisement content data (not limiting, but an example of first content data, and the entire including data of a partial advertisement image that is a part of the advertisement image), and displays the web page of the main content (not limited to, but an example of the second content information based on the second content data) and the , a partial advertising image that is part of a full advertising image (not limiting, but an example of first content information based on first content data) (not limiting, but an example of first information that is part of first content information) This is an embodiment in which the 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 entire advertisement image, and the terminal 20 transmits the data of the partial advertisement instead of the data of the entire advertisement image. The difference is that the image is displayed.

第4実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the fourth embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

第4実施例において、広告コンテンツデータには、全体広告データと、後述する部分広告データとが含まれる。 In the fourth embodiment, the advertisement content data includes full advertisement data and 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 and not a limitation, and distributes the advertisement including the partial advertisement data stored in the storage unit 15 to the terminal 20. Content data is distributed to the terminal 20. - 特許庁

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

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

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

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

サーバ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が、全体広告画像のうちの注目領域の画像を全体広告画像からトリミングするなどして、部分広告画像を生成するようにすればよい。
Note that, unlike the present embodiment, it is not necessary to distinguish between the partial advertisement image and the attention area. That is, the partial advertisement image may be used as the image of the attention area.
In this case, as an example and not a limitation, the server 10 may generate a partial advertisement image by trimming the image of the attention area in the entire advertisement image from the entire advertisement image.

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

限定ではなく例として、メインコンテンツデータベース152には、メインコンテンツデータと関連付けて、広告コンテンツデータ(全体広告データ、部分広告データ)を識別可能な広告番号が記憶されている。これにより、配信対象となる端末20に表示させるメインコンテンツ情報と、そのメインコンテンツ情報に関連付けて表示させる広告コンテンツ情報(全体広告画像、部分広告画像)とが関連付けられている。 By way of example and not limitation, the main content database 152 stores advertisement numbers that can identify advertisement content data (whole advertisement data, partial advertisement data) in association with 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は、広告番号に基づいて、部分広告画像に対応する全体広告画像を識別することが可能となっている。 A common advertisement number is assigned to the full advertisement image and the partial advertisement image corresponding to a part of the full advertisement image. The control unit 11 can identify the full advertisement image corresponding to the partial advertisement image based on the advertisement number.

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

<表示画面例>
図4-2は、本例における第1レイヤに配置される情報と、第2レイヤに配置される情報との関係を示す説明図である。
端末20がメインコンテンツデータを受信したことに基づいて、そのメインコンテンツデータに基づくメインコンテンツ情報(ウェブページ241)は第2レイヤに配置され、そのメインコンテンツデータに関連付けて配信された部分広告データに基づく部分広告画像242bは、第2レイヤよりも下位の第1レイヤに配置される。
本例では、部分広告画像242bは、前述したように横幅よりも縦幅が小さい横長の画像であり、限定ではなく例として、部分広告画像242bの底辺がページ表示領域の底辺に沿って配置されている。
<Display screen example>
FIG. 4B 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 fact that the terminal 20 receives 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 partial advertisement image based on the partial advertisement data distributed in association with the main content data. 242b is placed in the first layer, which is lower than the second layer.
In this example, the partial advertising image 242b is a horizontally long image whose vertical width is smaller than its horizontal width as described above. 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 hidden by the information of the second layer and cannot be seen by the user. However, at least a portion of the partial advertisement image 242b (in this example, a large portion excluding the left and right ends) overlaps the transparent region 241a of the second layer. As a result, the user can see part of the partial advertisement image 242b through the transparent area 241a along with the main content information.

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

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

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

部分広告画像242bが第1レイヤの下端に配置された状態では、その部分広告画像242bの下方に、他の情報を配置するための領域が存在していない。このとき、部分広告画像242bの底辺がページ表示領域の底辺に沿って配置されている状態であるともいえる。 When the partial advertising image 242b is arranged at the lower end of the first layer, there is no area below the partial advertising image 242b for arranging other information. At this time, it can be said that the bottom side of the partial advertisement image 242b is arranged along the bottom side 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 the entire web page 241 cannot fit in the page display area. As a result, part of the web page 241 including the top 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 not displayed. ing. In this example, since the transmissive area 241a is arranged in the latter half of the web page 241, the transmissive area 241a is not located in 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 see the partial advertisement image 242b of the first layer at all, and can grasp whether the web page 241 includes a transparent area. Can not.

ウェブページ241が初期位置にある場合に、ユーザがページ表示領域(ただし、透過領域241aとは異なる領域)をタッチして、画面上方向に指を動かすスクロール操作を行うことで、ウェブページ241が画面上方向にスクロールする。これに伴い、透過領域241aも画面上方向にスクロールして、画面下方から透過領域241aの上部が出現する。 When the web page 241 is at the initial position, the user touches the page display area (an area different from the transparent area 241a) and moves the finger upward on the screen to scroll the web page 241. Scroll up on the screen. Along with this, the transmissive area 241a is also scrolled upward on the screen, and the upper part of the transmissive area 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 positioned in the page display area, the upper part of the transparent area 241a and the lower part of the partial advertisement image 242b are superimposed, 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 upward scrolling operation on the screen, the entire transmissive area 241a appears in the page display area. As a result, almost the entire partial advertising image 242b can be viewed through the transmissive region 241a. Note that in this example, the transmissive region 241a is a horizontally long region having a horizontal width larger than a vertical width.

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

さらに、ユーザがスクロール操作を継続して、ウェブページ241の最終部分[END]をページ表示領域まで移動させると、ウェブページ241が画面上方向にスクロールすることに伴い、透過領域241aと部分広告画像242bとが固定された状態で画面上方向にスクロールする。
従って、ユーザは、透過領域241aを介して部分広告画像242bを継続して視認可能となる。
Furthermore, when the user continues the scrolling operation to move the final part [END] of the web page 241 to the page display area, the web page 241 scrolls upward on the screen, and the transparent area 241a and the partial advertisement image 242b is fixed, the screen is scrolled upward.
Therefore, the user can continuously view the partial advertisement image 242b through the transparent area 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 flow chart showing an example of the flow of processing executed by each device in this embodiment.
This drawing shows the distribution processing 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 .
2-9 in that each process A4, A10, A12, A12a is executed instead of each process A3, A9, A11, A11a executed by the terminal 20, and The difference is that instead of the processes B3a and B3b executed by the server 10, the processes B5 and B7 are executed.

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

また、サーバ10は、配信対象となるメインコンテンツデータに関連付けられた部分広告データを、部分広告データベース153bから識別する(B5)。そして、識別した部分広告データ(限定ではなく例として部分広告画像242bのデータを含む)を、通信I/F14によって端末20に送信して(B7)、処理を終了する。 The server 10 also identifies 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 limitation) is transmitted to the terminal 20 via the communication I/F 14 (B7), and the process ends.

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

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

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

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

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

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

<第4実施例の効果>
第4実施例における、透過領域241aと部分広告画像242bとの関係に基づく効果は、第2実施例に示した、透過領域241aと全体広告画像242aの注目領域との関係に基づく効果とほぼ同様である。
<Effects of the fourth embodiment>
The effect based on the relationship between the transparent area 241a and the partial advertising image 242b in the fourth embodiment is substantially the same as the effect based on the relationship between the transparent area 241a and the attention area of the entire advertising 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 limited, but an example of a third side) and a horizontal side longer than the vertical side (not limited, An example of the fourth side), the vertical side is arranged along the longitudinal direction of the screen (and page display area), and the horizontal side is arranged in the short direction of the screen (and page display area) 1 shows an example of a configuration arranged along the .
As an example of the effect obtained by such a configuration, by subjecting the display control to the first information that is smaller in size than the first content information, it is possible to reduce the load related to the display control of the terminal.

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

第4実施例は、透過領域241aは、スクロール操作に基づいて、ページ表示領域の下端から表示される構成を示している。
このような構成により得られる効果の一例として、透過領域を早い段階でユーザに認識させることができる。
The fourth embodiment shows a configuration in which 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, it is possible to allow the user to recognize the transmissive region at an early stage.

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

また、第2実施例の変形例として示した、全体広告画像242aに対する注目領域の設定方法に関する変形例は、第4実施例における全体広告画像242aに対する部分広告画像242bの設定方法にも同様に適用できる。 Further, the modification of the method of setting the attention area for the entire advertisement image 242a shown as the 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. can.

<第5実施例>
第5実施例は、第4実施例における端末20の制御に、部分広告画像242bに対するユーザの第2入力に基づいて、その部分広告画像242bに対応する全体広告画像242aを視認可能にする制御を追加した実施例である。第5実施例の制御は、限定ではなく例として、図4-5に示される重畳表示処理(A4)の実行後に実行される。
第5実施例は、第3実施例に対応するが、端末20において、部分広告画像に対する第2入力に基づいて、その部分広告画像に対応する全体広告画像のデータがサーバ10から取得されて、その全体広告画像を視認可能にする制御が実行される点が異なる。部分広告画像のデータをサーバ10から取得して表示した時点では、端末20は、全体広告画像のデータは有しておらず、全体広告画像を視認可能とするために、全体広告画像のデータをサーバ10から別途取得する点が第3実施例とは異なる。
<Fifth embodiment>
In the fifth embodiment, in addition to the control of the terminal 20 in the fourth embodiment, based on the user's second input to the partial advertisement image 242b, the control to make the full advertisement image 242a corresponding to the partial advertisement image 242b visible is added. It is an additional example. The control of the fifth embodiment is performed after execution of superimposed display processing (A4) shown in FIG. 4-5, by way of example and not 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 control is executed to make the full advertisement image visible. 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 entire advertisement image, and the data of the entire advertisement image is required to make the entire advertisement image visible. It differs from the third embodiment in that it is separately obtained from the server 10 .

第5実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the fifth embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

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

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

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

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

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

ユーザが、部分広告画像242bのタッチ操作を行った場合(A21:Yes)、端末20は、その部分広告画像242bの広告番号を含む広告要求を通信I/F22によってサーバ10に送信する(A23)。 If the user touches 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 via the communication I/F 22 (A23). .

なお、ユーザが、部分広告画像242bに対してタッチ操作を行うことは、その部分広告画像242bに重畳している透過領域241aに対してタッチ操作を行うことにも相当する。 The user's touch operation on the partial advertisement image 242b also corresponds to touch operation on the transmissive area 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 through the communication I/F 14, based on the advertisement number included in the advertisement request, the server 10 identifies general advertisement data to be distributed from the general advertisement database 153a (B11). Then, the identified overall advertisement data (including the data of the overall advertisement image 242a as an example, not limitation) is transmitted to the terminal 20 via the communication I/F 14 (B13), and the overall advertisement distribution process is terminated.

端末20は、サーバ10から全体広告データを受信すると、全体広告データに基づく全体広告画像242aを第1レイヤに配置し、第2レイヤに配置しているウェブページ241の全体を透過領域241aに設定して(A25)、全体広告表示処理を終了する。
これにより、第1レイヤに配置された全体広告画像242aの全体をユーザが視認可能となる。
When the terminal 20 receives the full advertisement data from the server 10, the terminal 20 arranges the full advertisement image 242a based on the full advertisement data on the first layer, and sets the entire web page 241 placed on the second layer as the transparent area 241a. Then (A25), the full advertisement display process is terminated.
This allows the user to visually recognize the entirety of the full 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 full advertisement image 242a in the fifth embodiment is the same as the effect based on the relationship between the attention area and the full advertisement image 242a shown in the third embodiment.

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

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

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

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

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

第6実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the sixth embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

<機能構成>
(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 stores, as an example and not a limitation, a main content ID that identifies main content information based on main content data, and main content data corresponding to the main content ID. an area, an advertisement number that identifies an advertisement (advertisement information to be displayed on the terminal 20 together with the main content information) associated with the main content data of that main content ID, and an advertiser ID that identifies an advertiser who provides the advertisement of that advertisement number. , an image ID that identifies a partial advertisement image related to the advertisement with the advertisement number, an image ID that identifies the entire advertisement image related to the advertisement with the advertisement number, and a transparent area setting range in the main content information (web page) of the main content ID. are stored in association with each other.

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

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

図6-3に示す部分広告データベース153bには、限定ではなく例として、部分広告画像の画像IDに関連付けて、その部分広告画像が記憶されている記憶領域と、全体広告画像に対する部分広告画像の領域(その部分広告画像が、対応する全体広告画像のどの領域に相当するかを示すトリミング領域)と、その部分広告画像の初期位置とが記憶されている。 In the partial advertisement database 153b shown in FIG. 6-3, for example and not limitation, 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. An area (a trimming area indicating which area of the corresponding full advertisement image the partial advertisement image corresponds to) and the initial position of the partial advertisement image are stored.

本実施例では、部分広告画像の領域として、対応する全体広告画像を縦方向にトリミングした領域が定められている。図中では、限定ではなく例として、横方向の座標値を「x」、縦方向の座標値を「y」として、座標値を「(x,y)」と表している。 In this embodiment, a region obtained by vertically trimming the corresponding full advertising image is determined as the region of the partial advertising image. In the drawing, for example and not limitation, the horizontal coordinate value is "x", the vertical coordinate value is "y", and the coordinate value is "(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 by way of example and not limitation.

このテーブルには、部分広告画像の縦幅と、全体広告画像1回表示あたり課金額(以下、適宜「課金額」と称する。)とが関連付けて定められている。つまり、このテーブルは、部分広告画像の縦幅に基づいて課金額を設定するためのテーブルである。 In this table, the vertical width of the partial advertisement image and the billing amount per display of the full advertisement image (hereinafter referred to as "billing amount" as appropriate) 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 billing amount is changed by classifying the vertical width of the partial advertisement image according to the ratio to the vertical width of the page display area. This is based on how much the vertical width of the partial advertisement image occupies within the display range that is the reference for the user to visually recognize (within the range of the page display area as an example, not as a limitation). 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, and examples thereof include "20% of the vertical width of the page display area", "40% of the vertical width of the page display area", "40% of the vertical width of the page display area", and "40% of the vertical width of the page display area". 60% of the page display area" and "80% of the vertical width of the page display area".
The billing amount for "20% of the vertical width of the page display area" is "1.0 yen", and the billing amount for "40% of the vertical width of the page display area" is "1.2 yen". "60% of the vertical width of the page display area" is charged with "1.4 yen", and "80% of the vertical width of the page display area" is charged with "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 to the vertical width of the page display area, but it is not limited to this.
As an example and not a limitation, the vertical width of the partial advertisement image may be divided according to the ratio to the vertical width of the main content information (web page) to change the billing amount, or this may not be the case.

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

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

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

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

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

なお、広告主への課金額を、部分広告画像が表示された場合の課金額と定義することもできる。そして、サーバ10が、部分広告画像が表示された場合の課金額を設定するようにしてもよいし、そのようにしなくてもよい。これは、他の実施例についても同様である。 The billing amount to the advertiser can also be defined as the billing amount 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 embodiments.

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

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

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

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

(3)サーバによる透過領域の設定
部分広告画像が設定されると、サーバ10の制御部11は、限定ではなく例として、部分広告画像の横幅および縦幅に基づいて、その部分広告画像に関連付けられたメインコンテンツ情報(ウェブページ)の透過領域を設定する。
(3) Setting of Transmissive Area by Server When the 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 horizontal width and the vertical width of the partial advertisement image, for example and not limitation. Sets the transparent area of the main content information (web page) that is displayed.

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

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

また、サーバ10は、メインコンテンツ情報(ウェブページ)における透過領域の位置を決定する。具体的には、サーバ10は、限定ではなく例として、ページ表示領域の縦幅の2倍程度の縦幅を有するウェブページが端末20に表示される場合であって、ウェブページが初期位置にある状態で部分広告画像の一部を視認可能とする場合(限定ではなく例として、そのための基本設定が広告主によりされている場合等)は、透過領域の位置をウェブページの上部であって部分広告画像と重畳する位置に決定する。 The server 10 also determines the position of the transparent area in the main content information (web page). Specifically, as an example and not a limitation, the server 10 may display on the terminal 20 a web page having a vertical width approximately twice as large as the vertical width of the page display area, and the web page may be displayed at the initial position. When part of the partial advertisement image is visible in a certain state (for example, but not as a limitation, when the basic settings for that purpose are made by the advertiser), position the transparent area at the top of the web page The position is determined 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 (as an example, not as a limitation, if the advertiser has made basic settings for that), change the position of the transparent area to the web page It is set at the bottom of the page, and the transparent area appears in the page display area from the bottom of the screen by scrolling and overlaps the partial advertisement image.

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

限定ではなく例として、ニュースサイトのウェブページにおけるニュース画像等の、メインコンテンツ情報における重要領域(ユーザが注目するメインコンテンツ領域)が、後半部よりも前半部に多く配置されている場合には、重要領域を避けて透過領域をウェブページの後半部に設定し、且つ、透過領域と重要領域とに所定間隔が設けられるように、透過領域の縦幅を設定する。 As a non-limiting example, 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 a news site are arranged in the first half rather than the second half, the important areas The vertical width of the transmissive area is set so that the transmissive area is set in the latter half of the web page by avoiding , and a predetermined gap is provided between the transmissive area and the important area.

これとは逆に、重要領域が、前半部よりも後半部に多く配置されている場合には、重要領域を避けて透過領域をウェブページの前半部に設定し、且つ、透過領域と需要領域とに所定間隔が設けられるように、透過領域の縦幅を設定する。 Conversely, 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, avoiding the important areas, and the transparent area and the demand area are set. The vertical width of the transmissive region is set so that a predetermined interval is provided between the two.

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

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

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

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

また、第6実施例は、透過領域は、部分広告画像(第1情報)の辺の長さ、または部分広告画像のサイズに基づいて設定される構成を示している。
このような構成により得られる効果の一例として、第1情報に適した透過領域を設定することができる。
Further, the sixth embodiment shows a configuration in which the transparent area 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, it is possible to set a transparent region suitable for the first information.

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

また、第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 overall advertisement data. A configuration associated with billing information in the server 10 that transmits to the terminal 20 is shown.
As an example of the effect obtained by such a configuration, the server side can manage information regarding billing based on the display of the first content information.

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

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

また、サーバ10は、全体広告画像242aが動画像である場合には、限定ではなく例として、表示順序に基づく前後の画像間、または、表示順序に基づく前後のフレーム間で画素値の差分(変動)が大きい領域を特徴部分として推定することにより、推定した特徴部分を含むように部分広告画像242bを設定してもよい。 In addition, when the full advertisement image 242a is a moving image, the server 10, for example and not limitation, determines the pixel value difference ( By estimating an area with a large variation) as a characteristic portion, the partial advertisement image 242b may be set so as to include the estimated characteristic portion.

本変形例は、部分広告画像(第1情報)は、全体広告データ(第1コンテンツデータ)を端末20に送信するサーバ10によって設定される構成を示している。
このような構成により得られる効果の一例として、事業者(限定ではなく例として広告主)による第1情報の設定操作を不要とすることができる。
This modification shows a configuration in which the partial advertisement image (first information) is 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 setting operation of the first information by the business operator (as an example, not as a limitation, an advertiser).

<第6変形例(2)>
第6実施例では、端末20で、一のメインコンテンツ情報に関連付けて一の広告情報が表示される例を示したが、このような構成に限らず、一のメインコンテンツ情報に関連付けて複数の広告情報が表示されるようにしてもよい。
<Sixth modification (2)>
In the sixth embodiment, an example was shown in which one piece of advertisement information is displayed in association with one piece of main content information on the terminal 20. However, the present invention is not limited to such a configuration, and a plurality of pieces of advertisement information are displayed in association with one piece of 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 and not a limitation, in the main content database 152, one main content ID is associated with two different advertisement numbers (hereinafter referred to as a first advertisement number and a second advertisement number). Then, when the main content data of the main content ID is distributed to the terminal 20, the first advertisement content data (data of the first overall advertisement image, part of the first overall advertisement image) associated with the first advertisement number data of the first partial advertisement image) and second advertisement content data associated with the second advertisement number (data of the second full advertisement image, data of the second partial advertisement image which is part of the second full advertisement image) may be distributed to the terminal 20 .

限定ではなく例として、第1レイヤに第1部分広告画像と第2部分広告画像とが配置され、第2レイヤには透過領域を有するメインコンテンツ情報が配置されることで、メインコンテンツ情報の透過領域を介して第1部分広告画像と第2部分広告画像の少なくとも一方が視認可能であるようにしてもよい。 As a non-limiting example, a first partial advertising image and a second partial advertising image are arranged in the first layer, and main content information having a transparent region is arranged in the second layer, so that the transparent region of the main content information is arranged. At least one of the first partial advertising image and the second partial advertising 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, a first partial advertisement image 242b, which is an advertisement image for a digital watch, and a second partial advertisement image 242b, which is an advertisement image for an analog watch, are placed on the first layer. , and a web page 241 is arranged on the second layer. Both the first partial advertisement image 242b and the second partial advertisement image 242b are horizontally long images, and are arranged side by side in the vertical direction 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 neither the first partial advertisement image 242b nor the second partial advertisement image 242b are visible. It has become.

ユーザがスクロール操作を行い、ウェブページ241を画面上方にスクロールさせることで、透過領域241aが画面下方からページ表示領域内にあらわれる。このとき、透過領域241aを介して第1レイヤの下端に配置された第1部分広告画像242bの下部のみを視認可能となる。ユーザがさらにスクロール操作を行い、ウェブページ241を画面上方にスクロールさせることで、透過領域241aを介して第1部分広告画像242bの全体を視認可能となる。 When the user performs a scroll operation to scroll the web page 241 upward on the screen, the transmissive area 241a appears in the page display area from the bottom of the screen. At this time, only the lower part of the first partial advertisement image 242b arranged at the lower end of the first layer is visible through the transparent area 241a. When the user further performs a scroll operation to scroll the web page 241 upward on the screen, the entire first partial advertisement image 242b becomes visible through 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 scrolling operation to scroll the web page 241 upward on the screen, so that the entire first partial advertisement image 242b and above it are arranged through 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 by the user, the entire first partial advertisement image 242b and the entire second partial advertisement image 242b can be visually recognized through 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 advertising image 242b and the second partial advertising image 242b are superimposed on the transmissive region 241a (as a non-limiting example, the boundary line between the first partial advertising image 242b and the second partial advertising image 242b). is located in the center of the transmissive area 241a in the vertical direction), the relative positions of the transmissive area 241a and the first partial advertising image 242b are fixed, and the relative positions of the transmissive area 241a and the second partial advertising 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 area 241a. As a result, the whole of the first partial advertising image 242b and the whole of the second partial advertising image 242b continue to be visible through the transmissive region 241a.

このように、複数の部分広告画像242bが第1レイヤに配置されることに基づいて、透過領域241aも、複数の部分広告画像242bが視認可能となるように設定される。つまり、本変形例では、サーバ10は、部分広告画像の数に基づいて、透過領域を設定する。 Based on the arrangement of the plurality of partial advertising images 242b on the first layer, the transmissive region 241a is also set so that the plurality of partial advertising images 242b are visible. That is, in this modified example, 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 and not as a limitation, based on arranging the plurality of partial advertisement images 242b in the vertical direction of the first layer in association with the common main content information on the terminal 20, the server 10 performs the limitation Instead, as an example, the vertical width of the transmissive area 241a is set to a width equal to the sum of the vertical width of the first partial advertising image 242b and the vertical width of the second partial advertising image 242b.
As an example and not a limitation, the horizontal width of the transmissive region 241a is equal to or smaller than the horizontal width of the partial advertising image 242b, which has the shorter horizontal width, out of the first partial advertising image 242b and the second partial advertising image 242b. Set to width.

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

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

その後に、サーバ10が、第1レイヤに配置されることになる、または、第1レイヤに配置された、部分広告画像242bの縦幅および横幅の少なくともいずれか一方、部分広告画像242bのサイズ、部分広告画像242bの数、またはこれらの組み合わせに基づいて、透過領域241aを設定する。そして、その透過領域241aを有するメインコンテンツ情報(ウェブページ241)を端末20に送信し、端末20において、更新された透過領域241aを有するメインコンテンツ情報(ウェブページ241)を、第2レイヤに改めて配置するようにしてもよい。 After that, the server 10 determines whether the partial advertising image 242b to be placed on the first layer, or at least one of the vertical width and the horizontal width of the partial advertising image 242b, the size of the partial advertising image 242b, The transmissive area 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 terminal 20 arranges the main content information (web page 241) having the updated transparent region 241a on the second layer. 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 in the first layer, and horizontally long transparent areas 241a based on the initial settings are arranged in the second layer. A web page 241 including The transmissive area 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 transmissive area 241a based on the initial settings is only about 30% of the vertical width of the one partial advertisement image 242b, so that only a part of the one partial advertisement image 242b is visible. However, the other partial advertisement image 242b cannot be seen at all.

その後、サーバ10が、端末20の第1レイヤに配置された、それぞれの部分広告画像242bの縦幅と横幅に基づいて、両方の部分広告画像242bが視認可能となるサイズの透過領域241aを設定し、その透過領域241aを含むウェブページ241のデータを含むメインコンテンツデータを、端末20に送信する。その結果、端末20の第2レイヤには、そのメインコンテンツデータに基づく透過領域241a(初期設定から変更された透過領域241a)を含むウェブページ241が配置される。 After that, the server 10 sets the transmissive area 241a of a size that allows both of the partial advertisement images 242b to be visually recognized, based on the vertical and horizontal widths of the respective partial advertisement images 242b arranged on the first layer of the terminal 20. Then, the main content data including the data of the web page 241 including the transparent area 241 a is transmitted to the terminal 20 . As a result, a web page 241 including a transparent area 241a (transparent area 241a changed from the initial settings) 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 see both partial advertisement images 242b through the changed transparent area 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に送信するまで所定の時間を要することになり、メインコンテンツ情報を直ちに見ることができないユーザが不快に感じることになる。 If the advertisement information associated with the main content information is changed based on the user's attribute information or website access history, the partial advertisement image 242b will differ depending on the user. 241a. As a result, on the server 10 side, it takes a predetermined time to set the transparent area 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 area 241a to the terminal 20. This results in discomfort for users who cannot see the main content information immediately.

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

<第6変形例(4)>
上記の実施例で説明した課金額の設定方法はあくまでも一例に過ぎず、これに限定されない。
限定ではなく例として、部分広告画像の縦幅ばかりでなく、部分広告画像の横幅も考慮して、課金額を設定するようにしてもよいし、そのようにしなくてもよい。
<Sixth modification (4)>
The charging amount setting method described in the above embodiment is merely an example, and the present invention is not limited to this.
As a non-limiting example, 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.

図6-8は、部分広告画像のサイズと課金額との関係を示すテーブルの別例を示す図である。このテーブルは、限定ではなく例として、サーバ10の記憶部15に記憶させておくことができる。 FIG. 6-8 is a diagram showing another example of the 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 by way of example and not 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 horizontal width of the partial advertisement image and the vertical width of the partial advertisement image.

横幅は、限定ではなく例として、「ページ表示領域の横幅全体」と、「ページ表示領域の横幅の3/4」と、「ページ表示領域の横幅の1/2」との3つに分類されている。 The width is categorized into three, for example and not limitation, "whole 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 vertical width is a vertical width corresponding to the ratio of the horizontal width, for example without limitation, "25% of the width", "50% of the width", "75% of the 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 is "1.0 yen" for "25% of the width" and "1.2 yen" for "50% of the width". , "1.4 yen" for "75% of the width", "2.0 yen" for "100% of the width", and "2.0 yen" for "125% of the width". 5 yen” is set for each. In other words, the higher the ratio to the width, the higher the billing amount.

また、部分広告画像の横幅「ページ表示領域の横幅の3/4」について、「横幅の25%」には課金額「0.8円」が、「横幅の50%」には課金額「0.9円」が、「横幅の75%」には課金額「1.1円」が、「横幅の100%」には課金額「1.5円」が、「横幅の125%」には課金額「1.9円」がそれぞれ定められている。つまり、横幅に対する割合が高くなるほど、より高い金額が課金額として定められている。 In addition, regarding the width of the partial advertisement image "3/4 of the width of the page display area", the charge "0.8 yen" is charged for "25% of the width", and the charge "0.00 Yen" is charged for "50% of the width". .9 yen", "1.1 yen" for "75% of width", "1.1 yen" for "100% of width", "1.5 yen" for "125% of width" A charge amount of "1.9 yen" is set for each. In other words, the higher the ratio to the width, the higher 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 billing amount "0.6 yen" for "25% of the width" and "0.6 yen" for "50% of the width" 7 yen", "0.8 yen" for "75% of width", "1.1 yen" for "100% of width", and "1.1 yen" for "125% of width" A charge amount of "1.4 yen" is set for each. In other words, the higher the ratio to the width, the higher the billing amount.

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

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

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

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

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

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

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

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

第7実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the seventh embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

本実施例では、異なる部分広告画像を隣接して配置する場合に、異なる部分広告画像であることをユーザが認識できるように、隙間を設けて配置することとして図示・説明する。
ただし、本実施例とは異なり、異なる部分広告画像を、隙間を設けずに(くっつけて)配置するようにしてもよいし、そのようにしなくてもよい。
In this embodiment, when different partial advertisement images are arranged adjacently, they are shown 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 be arranged (attached) without providing a gap, or may not be arranged in such a manner.

図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 on the first layer, and a web page 241 is arranged on the second layer.
Specifically, as shown in FIG. 7-1, by way of example and not limitation, the first layer has a first portion advertisement image 242b for a digital watch at the bottom and a second portion for an analog watch at the center. An advertisement image 242b is arranged. A web page 241 of a business news site is arranged on the second layer as main content information.

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

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

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

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

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

本例では、ウェブページ241が初期位置にある状態では、透過領域241aは、ページ表示領域の下端に配置される。透過領域241aは、横幅が縦幅よりも大きい横長の領域であり、第1部分広告画像242bのサイズと略同じサイズを有する。このため、透過領域241aを介して、画面下部の第1部分広告画像242bの全部が視認される状態となる。 In this example, when the web page 241 is at the initial position, the transmissive area 241a is arranged at the lower end of the page display area. The transmissive area 241a is a horizontally long area whose horizontal width is greater than its vertical width, and has substantially the same size as the first partial advertising image 242b. Therefore, the entire first partial advertisement image 242b at the bottom of the screen is visible through the transparent area 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 (an area different from the transparent area 241a) and moves the finger upward on the screen to scroll the web page 241. Scroll up on the screen. Accordingly, the transmissive area 241a moves upward, and the upper part of the first partial advertising image 242b and the lower part of the second partial advertising image 242b are visible through the transmissive area 241a. state.

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

<処理>
図7-3は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理、端末20の表示処理部211が実行する表示処理、をそれぞれ示している。
なお、先に説明したフローチャートと同一のステップには同一の符号を付して再度の説明を省略し、異なるステップに着目して説明する。
<Processing>
FIG. 7-3 is a flow chart showing an example of the flow of processing executed by each device in this embodiment.
This drawing shows the distribution processing 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 .
The steps that are the same as those in the previously described flowchart are denoted by the same reference numerals, and the repetitive description thereof is omitted, and the description will focus on the different steps.

以下説明するフローチャートは、あくまでも本実施例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowcharts described below are merely examples of the processing in this embodiment, and in the flowcharts 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 the flow chart of FIG. 4-5 after the processing (B3) in which the main content data to be distributed (including data about the web page 241 of the news site as an example, not limitation) is transmitted. A step of the partial advertisement determination process for determining the image 242b (as an example, not a limitation, the step of B4) is added. 2 is a flow chart in which the steps of the process of fixing the relative positions of (steps A7b to A12a as an example, not a limitation) are deleted.

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

その後、サーバ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 transfers the identified partial advertisement data (including, as a non-limiting example, data related to the partial advertisement image 242b) to the communication I/F 14. to the terminal 20 (B7), and the distribution process ends.

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

<第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情報とをユーザに視認させることができる。
<Effects of the seventh embodiment>
The seventh embodiment includes a first partial advertisement image 242b (an example of first information, not limitation) that is part of a first full advertisement image 242a (an example of first content information, not limitation), and a second A second partial advertisement image 242b (an example of second information, not limitation) that is part of the entire advertisement image 242a (an example of second content information, not limitation) and at least a page display area (not limitation, a terminal display area), superimposed on at least a part of the first partial advertising image 242b and the second partial advertising image 242b, and having a transparent area 241a in at least a part of the main content information (web page 241) (limited instead, an example of the third content information) is displayed in the page display area. Then, based on the user's scrolling operation on the page display area (not a limitation, but an example of the first input), the control to move on the page display area is performed on at least the transparent area 241a of the web page 241. 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 transmissive 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 transmissive area.

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

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

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

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

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

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

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

ユーザがウェブページ241の内容を読み終えたときには、ウェブページ241が末端位置にあり、第2部分広告画像242bの全部が透過領域241aを介して視認可能となっている。また、ユーザがウェブページ241の内容を読み終えた後は、ウェブページ241がスクロールされない状態が継続することが多い。
つまり、ユーザがウェブページ241の内容を読み終えた後は、透過領域241aを介して第2部分広告画像242bが視認され得る状態が長く継続することが多いが、第2部分広告画像242bは、ユーザがウェブページ241をスクロールしなければ視認可能とならない。
When the user has finished reading the contents of the web page 241, the web page 241 is at the end position and the entire second partial advertisement image 242b is visible through the transparent area 241a. Further, after the user finishes reading the content of the web page 241, the state in which the web page 241 is not scrolled often continues.
In other words, after the user finishes reading the content of the web page 241, the state in which the second partial advertising image 242b can be visually recognized through the transparent area 241a often continues for a long time. It is not visible 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 contents 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 area 241a. From the above, the possibility that the first partial advertising image 242b will be seen is higher than the possibility that the second partial advertising image 242b will be seen.
Therefore, as an example and not a limitation, it can be said that the first partial advertising image 242b is more valuable as an advertisement than the second partial advertising image 242b.

<第7変形例(1)>
第7実施例では、第1レイヤに配置された第1部分広告画像242bおよび第2部分広告画像242bの全領域に対して、一部に透過領域241aを有するメインコンテンツ情報(ウェブページ241)が重畳している例を示したが、このような構成に限定されず、第1レイヤに配置された第1部分広告画像242bおよび第2部分広告画像242bの一部領域に対して、一部に透過領域241aを有するメインコンテンツ情報(ウェブページ241)が重畳するようにしてもよい。
<Seventh Modification (1)>
In the seventh embodiment, the main content information (web page 241) partially including the transparent area 241a is superimposed on the entire area of the first partial advertising image 242b and the second partial advertising image 242b arranged in the first layer. However, it is not limited to such a configuration, and partial areas of the first partial advertising image 242b and the second partial advertising image 242b arranged on the first layer are partially transparent. 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 transmissive area 241a is moved by the scrolling operation is shown, but the present invention is not limited to such a configuration, and a part of the rectangular transmissive area 241a is moved by the scrolling operation. may move.

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

<第7変形例(2)>
第7実施例では、第1コンテンツ情報および第2コンテンツ情報を広告情報としたが、第1コンテンツ情報および第2コンテンツ情報の少なくとも一方は広告情報に限らず、他のコンテンツ情報であってもよい。限定ではなく例として、第1コンテンツ情報および第2コンテンツ情報の少なくとも一方は、第3コンテンツ情報に関連するコンテンツ情報であってもよく、限定ではなく例として第3コンテンツ情報がニュース記事のドキュメントである場合に、第1コンテンツ情報および第2コンテンツ情報の少なくとも一方は、そのニュース記事に関連するニュース画像であり、第1情報および第2情報の少なくとも一方はそのニュース画像の一部であってもよい。
このような構成により得られる効果の一例として、第3コンテンツ情報に関連する情報の表示形態を多様化することができる。
<Seventh Modification (2)>
Although the first content information and the second content information are advertising information in the seventh embodiment, at least one of the first content information and the second content information is not limited to advertising information, and may be other content information. . By way of example and not of limitation, at least one of the first content information and the second content information may be content information related to the third content information, and by way of example and not of limitation, the third content information is a news article document. In some cases, at least one of the first content information and the second content information is a news image related to the news article, and at least one of the first information and the 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 information related to the third content information.

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

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

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

<第7変形例(5)>
第7実施例では、第1部分広告画像242bおよび第2部分広告画像242bの2つの部分広告画像242bがページ表示領域に配置される例を示したが、ページ表示領域には、3つ以上の部分広告画像242bが配置されてもよい。
<Seventh modification (5)>
In the seventh embodiment, two partial advertising images 242b, the first partial advertising image 242b and the second partial advertising image 242b, are arranged in the page display area. A 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 and 7-6, three partial advertisement images 242b are arranged as advertising content information on the first layer, and a web page 241 of a business news site is arranged as main content information on the second layer. ing.
Specifically, as shown in FIG. 7-4, by way of example and not limitation, the first layer has a first portion advertising image 242b for a digital watch at the bottom and a second portion for an analog watch at the center. An advertisement image 242b is arranged. In addition to these, a third partial advertisement image 242b, which is an advertisement image of a pair watch, is arranged on the top 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 advertising image 242b is a horizontally long image obtained by trimming a portion of the third full advertising image 242a to substantially the same size as the first partial advertising image 242b, and is adjacent to the upper side of the second partial advertising image 242b. are placed as follows. That is, the first partial advertising image 242b, the second partial advertising image 242b, and the third partial advertising image 242b are positioned at the bottom of the screen, the center of the screen, and the top of the screen, respectively.
The relative position of the third partial advertisement image 242b to the page display area is fixed. That is, the first partial advertising image 242b, the second partial advertising image 242b, and the third partial advertising image 242b do not change their positions even if the user scrolls the web page 241. FIG.

図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 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 top part [TOP] of the web page 241 is displayed in the page display area, and the last part [END] of the web page 241 is displayed. The rest is hidden, including In addition, since the length of the web page 241 is long, the moving distance of the transmissive area 241a is also large.

透過領域241aは、第1部分広告画像242bのサイズと略同じサイズを有し、ページ表示領域の下端に配置される。このため、透過領域241aを介して、画面下部の第1部分広告画像242bの全部が視認される状態となる。 The transmissive area 241a has substantially the same size as the first partial advertising image 242b, and is arranged at the lower end of the page display area. Therefore, the entire first partial advertisement image 242b at the bottom of the screen is visible through the transparent area 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 (an area different from the transparent area 241a) and moves the finger upward on the screen to scroll the web page 241. Scroll up on the screen. Accordingly, the transmissive area 241a moves upward, and the upper part of the first partial advertising image 242b and the lower part of the second partial advertising image 242b are visible through the transmissive area 241a. state. When the transmissive area 241a moves further upward, the transmissive area 241a and the second partial advertising image 242b are superimposed, and the user can see the entire second partial advertising image 242b through the transmissive area 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 to scroll the web page 241 upward on the screen, the transmissive area 241a moves further upward, and is above the second partial advertisement image 242b. and a portion of the lower side of the third partial advertising image 242b are visible through the transmissive region 241a. Then, when the user continues scrolling and moves the last part [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. By scrolling, the transmissive area 241a and the third partial advertisement image 242b are superimposed.
Therefore, in a state in which the final part [END] of the web page 241 is moved to the page display area, the entire third partial advertisement image 242b can be visually recognized through the transparent area 241a.

ユーザがウェブページ241の内容を読む前は、ウェブページ241が初期位置(TOP)にあり、第1レイヤの下部の第1部分広告画像242bの全部が、ウェブページの透過領域241aを介して視認可能となっている。
一方、ユーザがウェブページ241の内容を読み終えた後は、ウェブページ241が最終位置(END)にあり、第1レイヤの上部の第3部分広告画像242bの全部が、ウェブページの透過領域241aを介して視認可能となっている。
Before the user reads the contents of the web page 241, the web page 241 is at the initial position (TOP), and the entire first partial advertisement 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 at the end position (END), and the entire third partial advertisement image 242b on 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 the state in which the third partial advertisement image 242b can be seen through the transparent area 241a may continue for a long time. many. However, on the other hand, the third partial advertisement image 242b cannot be viewed unless the user scrolls the web page 241. FIG.

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

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

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

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

図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 example shown in FIGS. 7-7 to 7-9, three partial advertisement images 242b are arranged as advertising content information on the first layer, and a web page 241 of a business news site is arranged as main content information on the second layer. ing.
Specifically, as shown in FIG. 7-7, as a non-limiting example, in the first layer, in the central part, first numbers corresponding to the 3rd, 2nd, and 1st rankings of this month's recommended business book rankings, respectively. A partial advertisement image 242b, a second partial advertisement image 242b, and a 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 advertising image 242b, the second partial advertising image 242b, and the third partial advertising image 242b are all horizontally long images and have approximately the same size. The second advertising part image 242b is arranged above and adjacent to the first advertising part image 242b, and the third advertising part image 242b is arranged above and adjacent to the second advertising part image 242b. That is, on the first layer, the partial advertisement images 242b of the business books ranked 3rd, 2nd and 1st are arranged from the bottom to the top.
The relative positions of the first partial advertising image 242b, the second partial advertising image 242b and the third partial advertising 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, the vertical width of the web page 241 is larger than the vertical width of the page display area, so 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 top part [TOP] of the web page 241 is displayed in the page display area, and the last part [END] of the web page 241 is displayed. The rest is hidden, including

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

透過領域241aは、ウェブページ241が初期位置にある場合に、第1部分広告画像242bと重畳するように配置される。このため、第1部分広告画像242bと第2部分広告画像242bの下側の一部とが、透過領域241aを介して視認される状態となる。 The transparent area 241a is arranged so as to overlap the first partial advertisement image 242b when the web page 241 is in the initial position. Therefore, the first partial advertising image 242b and the lower part of the second partial advertising image 242b are visible through the transmissive 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 (an area different from the transparent area 241a) and moves the finger upward on the screen to scroll the web page 241. Scroll up on the screen. Accordingly, the transmissive area 241a moves upward, and the upper portion of the first partial advertising image 242b and the second partial advertising image 242b are visible through the transmissive area 241a.

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

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

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

<第7変形例(3)の効果>
本変形例は、第1部分広告画像242b(限定ではなく、第1情報の一例)と第2部分広告画像242b(限定ではなく、第2情報の一例)とは、コンテンツの内容に基づくページ表示領域(限定ではなく、端末の表示領域の一例)の表示位置に表示される構成を示している。
このような構成により得られる効果の一例として、第1情報と第2情報とを、コンテンツの内容の順に並ぶように表示領域に表示することで、コンテンツの内容をユーザに分かりやすくすることができる。また、コンテンツの内容の順と、情報の配置位置の広告価値の順とが一致するように第1情報と第2情報とを表示領域に表示することで、コンテンツの内容に応じた広告価値を有する位置に情報を表示することができる。
<Effect of the seventh modification (3)>
In this modification, the first partial advertisement image 242b (not limited, but an example of first information) and the second partial advertisement image 242b (not limited, but an example of second information) are displayed on a page based on the details of the content. The configuration 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 details of the content, it is possible to make the details of the content easier 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 contents and the order of the advertisement value of the information arrangement position match, the advertisement value corresponding to the contents of the contents can be displayed. Information can be displayed at a location that has

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

なお、本変形例では、3つの部分広告画像242bがページ表示領域に配置される例を示したが、このような構成に限定されず、2つの部分広告画像242b、または4つ以上の部分広告画像242bがページ表示領域に配置されるようにしてもよい。 In this modified example, an example in which three partial advertisement images 242b are arranged in the page display area is shown, but the present invention is not limited to such a configuration, and two partial advertisement images 242b or four or more partial advertisement images 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つの部分広告画像ではなく複数の部分広告画像に拡張されている点が異なる。
<Eighth embodiment>
The eighth embodiment is, by way of example and not limitation, an embodiment in which the full advertisement image 242a corresponding to the first partial advertisement image 242b is made visible based on the user's second input to the first partial advertisement image 242b. be. Further, this is an embodiment in which the full advertisement image 242a corresponding to the second partial advertisement image 242b is made visible based on the user's third input to the second partial advertisement image 242b. The eighth embodiment is performed after execution of superimposed display processing (A4) shown in FIG. 7-3 by way of example and not limitation.
The eighth embodiment corresponds to the fifth embodiment, but in the terminal 20, the execution target of the control to make the full advertisement image visible is extended to a plurality of partial advertisement images instead of one partial advertisement image. Points are different.

第8実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the eighth embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

<表示画面例>
図8-1に示す表示画面では、限定ではなく例として図7-3の重畳表示処理(A4)の実行後にスクロール操作(A5~A13)が行われたことにより、ウェブページ241が初期位置から画面上方向にスクロールする(A7)。これに伴い、透過領域241aが、上側へ移動し、第1部分広告画像242bの上側の一部と、第2部分広告画像242bの下側の一部とが、透過領域241aを介して視認される状態となっている。
<Display screen example>
On the display screen shown in FIG. 8-1, as an example, not limitation, the scrolling operation (A5 to A13) is performed after execution of the superimposed display process (A4) in FIG. Scroll upward on the screen (A7). Accordingly, the transmissive area 241a moves upward, and the upper part of the first partial advertising image 242b and the lower part of the second partial advertising image 242b are visible through the transmissive area 241a. It is in a state where

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

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

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

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

以下説明するフローチャートは、あくまでも本実施例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowcharts described below are merely examples of the processing in this embodiment, and in the flowcharts 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 the steps of the operation for displaying the first full advertisement image 242a or the second full advertisement image 242a in the flowchart of FIG. 10 is a flowchart to which a step of determining the type of the overall advertisement image selected by (as a non-limiting example, the step of A22) and the like are added.

端末20は、メインコンテンツ情報の透過領域241aと第1部分広告画像242bの上側の一部および第2部分広告画像242bの下側の一部とが重畳している状態で、第1部分広告画像242bまたは第2部分広告画像242bに対する広告タッチ操作が行われたか否かを判定する(A21)。 The terminal 20 displays the first partial advertising image 242b in a state where the transparent region 241a of the main content information overlaps the upper portion of the first partial advertising image 242b and the lower portion of the second partial advertising image 242b. Alternatively, it is determined whether or not an advertisement touch operation has been 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 performs an operation to touch the first partial advertising image 242b or the second partial advertising image 242b (A21: Yes), the terminal 20 detects whether the partial advertising image 242b touched by the user is the first partial advertising image 242b or the second partial advertising image 242b. Selected advertisement determination processing 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 a limitation, but an example of a second input for the first information), the terminal 20 sends an advertisement request including the advertisement number of the partial advertisement image 242b. is transmitted to the server 10 via the communication I/F 22 . 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 a limitation, but an example of a third input for the second information), the terminal 20 includes the advertisement number of the partial advertisement image 242b. An advertisement request is sent to the server 10 via the communication I/F 22 (A23).

なお、ユーザが、第1部分広告画像242bまたは第2部分広告画像242bをタッチする操作を行うことは、その部分広告画像242bに重畳している透過領域241aをタッチする操作を行うことにも相当する。 Note that the user's operation of touching the first partial advertising image 242b or the second partial advertising image 242b corresponds to the operation of touching the transparent region 241a superimposed on the partial advertising image 242b. 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 overall advertising data identified by the server 10 based on the advertising number (including, by way of example and not limitation, data relating to the first partial advertising image 242b or the second partial advertising image 242b). Then, the terminal 20 arranges the first partial advertisement image 242b or the second partial advertisement image 242b based on the overall advertisement data on the first layer, and the entire web page 241 arranged on the second layer in the transparent area 241a. Set (A25), and complete the full advertisement display process.
This allows the user to visually recognize the entire first partial advertising image 242b or second partial advertising 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辺よりも短い横長の情報とすることで、ユーザの視認性を高めることができる。
<Effects of the eighth embodiment>
In the eighth embodiment, the page display area of the display unit 24 is a vertically elongated area that is longer in the vertical direction than in the horizontal direction. The first partial advertising image 242b has a second horizontal side that is shorter than the first side, and the first partial advertising image 242b has a third vertical side and a fourth horizontal side that is longer than the third side. It shows a configuration in which three sides are arranged along the longitudinal direction of the page display area and the fourth side is arranged along the short 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 making the first information oblong information in which the third side is shorter than the fourth side.

また、第8実施例は、第1全体広告画像242aは、第1辺が長手方向に沿って配置され、第2辺が短手方向に沿って配置されてページ表示領域に表示される構成を示している。
このような構成により得られる効果の一例として、第1辺が第2辺よりも長い縦長の第1コンテンツ情報を表示させることで、第1コンテンツ情報にユーザを注目させて情報の表示効果を高めることができる。
In the eighth embodiment, the first full advertisement image 242a is displayed in the page display area with the first side arranged along the longitudinal direction and the second side arranged along the short side direction. showing.
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 first content information attracts the user's attention 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 full 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. and the control unit 21 executes control to make the second full 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 interested in the first information can be guided to the first content information, and a user 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コンテンツ情報を視認可能とすることができる。
In the eighth embodiment, the main content information is arranged based on the second input to the first partial advertisement image 242b by the user of the terminal 20 or the third input to the second partial advertisement image 242b by the user of the terminal 20. 4 shows a configuration in which the entire region of the second layer in which the light is present is a transparent region.
As an example of the effect obtained by such a configuration, as an example and not a limitation, the first content information or the second content information is arranged without changing the layer to the second layer, which is higher than the first layer. The content information or the second content information may be 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,
A third input for the second partial advertisement image 242b by the user of the terminal 20 indicates 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, as an example and not as a limitation, when the user is interested in the first information or the second information, by performing an operation of touching the display area, the first information can be displayed. 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の全体を視認可能としたが、このような構成に限られない。
<Eighth modification (1)>
In the eighth embodiment, while the first full advertisement image 242a or the second full advertisement image 242a is placed in the first layer, the entire area of the web page 241 placed in the second layer is made the transparent area 241a. , the entirety of the first overall advertisement image 242a or the second overall advertisement image 242a is made visible, but the configuration is not limited to this.

具体的には、限定ではなく例として、ユーザが第1部分広告画像242bをタッチしたことに基づいて、第2レイヤには第1全体広告画像242aが配置されるか、または、ユーザが第2部分広告画像242bをタッチしたことに基づいて、第2レイヤには第2全体広告画像242aが配置され、第1レイヤには透過領域241aを含むウェブページが配置されるようにしてもよい。 Specifically, by way of example and not limitation, based on the user touching the first partial advertising image 242b, the second layer may include the first full advertising image 242a, or the user may touch the second advertising image 242b. Based on the fact that the partial advertisement image 242b is touched, the second full advertisement image 242a may be arranged on the second layer, and the web page including the transparent area 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 to swap the advertisement information arranged in the first layer and the main content information arranged in the second layer, and as a result, the advertisement information is higher than the main content information. The entire advertisement information may be visible by placing it in the layer of .
As an example of the effect obtained by such a configuration, it is possible to make the first content information or the second content information visible without changing the transmissive region.

<第8変形例(2)>
第8実施例において、A25の処理が実行されて、第1全体広告画像242aまたは第2全体広告画像242aが視認可能となった後、所定期間(所定時間)が経過したこと、または、ユーザがメインコンテンツ情報を再び視認可能とするための操作を実行したことに基づいて、第2レイヤに配置されたウェブページ241が再び視認可能となるようにしてもよい。
<Eighth modification (2)>
In the eighth embodiment, after the processing of A25 is executed and the first full advertisement image 242a or the second full advertisement image 242a becomes visible, a predetermined period (predetermined time) has passed, or the user The web page 241 arranged in the second layer may be made visible again based on the execution of 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を視認可能となる。 By way of example, and not limitation, the user can touch the delete icon 242c marked with an "x" displayed in the upper right corner of the first full advertisement image 242a shown in FIG. By replacing 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. Also, the transparent area setting in the second layer is canceled, and the web page 241 in the second layer becomes visible 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 delete icon 242c indicated by "x" displayed at the upper right of the second full advertisement image 242a shown in FIG. 8-1, one of the second full advertisement images 242a The first partial advertisement image 242b and the second partial advertisement image 242b are arranged on the first layer by replacing the portion (the lower side of the dial of the analog wristwatch) with the first partial advertisement image 242b. Also, the transparent area setting in the second layer is canceled, and the web page 241 in the second layer becomes visible again. At this time, the web page 241 of the second layer is in a state of being superimposed on the first partial advertising image 242b and the second partial advertising image 242b of the first layer, and the first partial advertising image 242b is displayed through the transparent area 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 modified example (1) as well, after the first full advertisement image 242a or the second full advertisement image 242a becomes visible, a predetermined period (predetermined time) has passed, or the user has Web page 241 once placed in the first layer may be made visible by being placed in the second layer again based on the execution of the operation for making the 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レイヤに配置される。 By way of example and not limitation, if the user touches the delete icon 242c marked with an "X" displayed in the upper right of the first full advertisement image 242a shown in FIG. 8-1, the first full advertisement By replacing 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 delete icon 242c indicated by "x" displayed in the upper right of the second overall advertisement image 242a, a part of the second overall advertisement image 242a (characters of an analog watch) is displayed. The lower side of the board) is replaced with the first partial advertisement image 242b, so that the first partial advertisement image 242b and the second partial advertisement image 242b are arranged on the second layer.

そして、第1レイヤに配置されているメインコンテンツ情報と第2レイヤに配置されている広告情報とをスワップするレイヤチェンジが実行され、結果としてメインコンテンツ情報が、広告情報よりも上位のレイヤに再び配置されることにより、メインコンテンツ情報が視認可能となるようにしてもよい。このとき第2レイヤのウェブページ241は、第1レイヤの第1部分広告画像242bおよび第2部分広告画像242bに重畳した状態となっており、透過領域241aを介して第1部分広告画像242bおよび第2部分広告画像242bの少なくとも一方を視認可能となっている。 Then, a layer change is executed to swap the main content information arranged in the first layer and the advertisement information arranged in the second layer, and as a result, the main content information is again 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 advertising image 242b and the second partial advertising image 242b of the first layer. At least one of the second partial advertisement images 242b is visible.

<第8変形例(3)>
図8-1に示した例では、第1部分広告画像242bおよび第2部分広告画像242bが静止画像であり、その第1部分広告画像242bおよび第2部分広告画像242bにそれぞれ対応した第1全体広告画像242aおよび第2全体広告画像242aも静止画像である。
<Eighth modification (3)>
In the example shown in FIG. 8-1, the first partial advertising image 242b and the second partial advertising image 242b are still images, and the first overall advertisement image corresponding to the first partial advertising image 242b and the second partial advertising image 242b, respectively. The advertisement image 242a and the second full 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 advertising image 242b and the second partial advertising image 242b may be either a still image or a moving image. 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)の動画像であってもよい。 By way of example and not limitation, the first advertising image portion 242b and the second advertising image portion 242b are images obtained by cropping a portion of the leading image of an animated GIF (Animated Graphic Interchange Format). The first overall advertisement image 242a and the second overall advertisement image 242a corresponding to these may be animated GIF (Animated Graphic Interchange Format) moving images including the top image.

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

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

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

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

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

第9実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the ninth embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

<機能構成>
(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 stores, for example and not limitation, main content IDs that identify main content information based on main content data, and main content data of the main content IDs. An area, 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. 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 bottom of the screen, the center of the screen, and the top of the screen, respectively. The information used to display each of the first advertisement, the second advertisement, and the third advertisement includes 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 with that advertisement number. an advertiser ID for identifying the advertisement, an image ID for identifying a partial advertisement image for the advertisement with the advertisement number, and an image ID for identifying the full advertisement image for the advertisement with the advertisement number.

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

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

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

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

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

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

(3)サーバによる透過領域の設定
部分広告画像が設定されると、サーバ10の制御部11は、限定ではなく例として、部分広告画像の横幅および縦幅に基づいて、その部分広告画像に関連付けられたメインコンテンツ情報(ウェブページ)の透過領域を設定する。
(3) Setting of Transmissive Area by Server When the 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 horizontal width and the vertical width of the partial advertisement image, for example and not limitation. Sets the transparent area of the main content information (web page) that is displayed.

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

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

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

<第9実施例の効果>
第9実施例は、第1部分広告画像242bがページ表示領域に表示される表示位置が、広告主によって設定される構成を示している。
このような構成により得られる効果の一例として、端末の表示領域において、事業者(限定ではなく例として広告主)の望む位置に第1情報を表示することができるため、事業者は期待通りの表示効果を得ることができる。
<Effect of the ninth embodiment>
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 in a position desired by the business operator (as an example, but not limited to, an advertiser) in the display area of the terminal. display effect can be obtained.

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

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

また、第9実施例は、透過領域は、部分広告画像の辺の長さ、または部分広告画像のサイズに基づいて設定される構成を示している。
このような構成により得られる効果の一例として、第1情報に適した透過領域を設定することができる。
Further, the ninth embodiment shows a configuration in which the transparent area 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, it is possible to set a transparent region suitable for the first information.

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

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

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

本例では、ページ表示領域に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 full advertisement image" is higher in the order of "center part of the screen", "upper part of the screen" and "lower part of the screen". Become. As shown in the seventh modified example (5), as an example and not a limitation, the first partial advertisement image 242b at the bottom of the screen has the highest advertisement value, and the third partial advertisement image 242b at the top of the screen has the highest advertisement value. This is because the value as an advertisement is the second highest, and the value as an advertisement of the second partial advertisement image 242b in the central portion of the screen is the lowest.

また、ページ表示領域に2つの部分広告が配置される場合、「画面上部」および「画面下部」の順に、「全体広告画像1回表示あたりの課金額」が高くなる。これは、第7実施例で示したように、画面下部の第1部分広告画像242bは、画面上部の第2部分広告画像242bと比べて、広告としての価値が高いためである。 Also, when two partial advertisements are arranged in the page display area, the "billing amount per display of the full advertisement image" increases in the order of "upper portion of the screen" and "lower portion of the screen". This is because, as shown in the seventh embodiment, the first partial advertisement image 242b at the bottom of the screen has a higher advertising value than the second partial advertisement image 242b at the top 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.
This drawing shows the distribution processing 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 .
The steps that are the same as those in the previously described flowchart are denoted by the same reference numerals, and the repetitive description thereof is omitted, and the description will focus on the different steps.

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

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

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

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

なお、サーバ10は、部分広告画像の個数を「3」に決定した場合、決定した内容の第1部分広告データ、第2部分広告データおよび第3部分広告データを部分広告データベース153bから識別し、識別したこれらの部分広告データを、通信I/F14によって端末20に送信する。 Note that, 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 content from the partial advertisement database 153b, These identified partial advertisement data are transmitted to the terminal 20 via the communication I/F 14 .

図9-4は、第1の部分広告関連処理の流れの一例を示すフローチャートである。
サーバ10は、限定ではなく例として、配信対象となるメインコンテンツデータ(限定ではなく例としてニュースサイトのウェブページ241に関するデータを含む)の縦幅に基づいて、ページ表示領域に表示すべき部分広告画像242bの個数(部分広告数)を決定する。
FIG. 9-4 is a flow chart showing an example of the flow of the first partial advertisement-related processing.
As an example and not a limitation, the server 10 selects 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 relating to the web page 241 of the news site as an example and not a limitation). 242b (number of partial advertisements).

限定ではなく例として、サーバ10は、限定ではなく例として図7-1に示すように、メインコンテンツデータの縦幅が小さい場合、ウェブページ241のスクロール量も小さくなるので、ページ表示領域に表示すべき部分広告画像242bの個数を「2」と決定する。
一方、限定ではなく例として、サーバ10は、限定ではなく例として図7-3および図7-4に示すように、メインコンテンツデータの縦幅が大きい場合、ウェブページ241のスクロール量も大きくなるので、ページ表示領域に表示すべき部分広告画像242bの個数を「3」と決定する。
As an example and not a limitation, when the vertical width of the main content data is small, the server 10 displays the web page 241 in the page display area as shown in FIG. The number of partial advertisement images 242b to be used is determined to be "2".
On the other hand, as a non-limiting example, as shown in FIGS. 7-3 and 7-4, the server 10 scrolls the web page 241 by a large amount when the vertical width of the main content data is 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, as an example and not a limitation, 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 to be "2", is equal to or greater than the threshold, 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 partial advertisement data to be transmitted (C8).
Specifically, as an example and not a limitation, the server 10 generates the image ID of the partial advertisement image by appending "-part" to the end of the 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. identify.

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

なお、前述したように、広告主への課金額を、部分広告画像が表示された場合の課金額とし、サーバ10が、部分広告画像が表示された場合の課金額を決定するようにしてもよいし、そのようにしなくてもよい。 As described above, even if the billing amount for the advertiser is set as the billing amount when the partial advertisement image is displayed, the server 10 determines the billing amount when the partial advertisement image is displayed. OK, you don't have to.

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

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

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

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

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

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

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

図9-6に示す広告分類選択テーブル154bには、限定ではなく例として、メインコンテンツ分類と、広告の内容を分類するための識別子である広告コンテンツ分類と、の関係が含まれる。
本例では、1つのメインコンテンツ分類に対して複数の広告コンテンツ分類が関連付けられる。これらの広告コンテンツ分類は、限定ではなく例として、そのメインコンテンツ分類に分類されたメインコンテンツ情報の内容すなわちウェブページを閲覧するユーザに対して、訴求力がある内容を有する広告が分類される。
The advertisement classification selection table 154b shown in FIG. 9-6 includes, by way of example and not limitation, 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, multiple advertising content categories are associated with one main content category. These advertisement content categories, by way of example and not limitation, are classified into advertisements having content that is appealing to users viewing the content of the main content information classified in the main content category, that is, the web page.

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

なお、「ビジネス」および「飲食料品」のメインコンテンツ分類に関連付けられる「アルコール飲料」の広告コンテンツ分類、ならびに「ビジネス」および「テクノロジー」のメインコンテンツ分類に関連付けられる「時計」の広告コンテンツ分類のように、1つの広告コンテンツ分類が、複数のメインコンテンツ分類に関連付けられてもよい。 Such as the "Alcoholic Beverages" Ad Content Classification associated with the "Business" and "Food & Beverage" Main Content Classifications, and the "Watch" Ad Content Classification associated with the "Business" and "Technology" Main Content Classifications. , one advertising content category may be associated with multiple main content categories.

図9-7に示す広告コンテンツ管理データベース154cには、限定ではなく例として、広告コンテンツ分類と、広告番号と、同時表示規制分類と、が関連付けて記憶されている。
同時表示規制分類は、限定ではなく例として、その広告コンテンツ分類に分類される広告と同時に配置されることが好ましくない広告、またはその広告コンテンツ分類に分類される広告と相性の良くない(相性が悪い)広告の識別子である。
In the advertisement content management database 154c shown in FIG. 9-7, by way of example and not limitation, advertisement content classifications, advertisement numbers, and simultaneous display restriction classifications are associated and stored.
The Simultaneous Display Restriction Classification is, by way of example and not limitation, advertisements that are not preferable to be placed at the same time as advertisements that are classified into that advertisement content classification, or that are incompatible with advertisements that are classified into that advertisement content classification. bad) is an identifier for the ad.

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

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

図9-8は、本変形例において、サーバ10が第1の部分広告関連処理(図9-4)に代えて実行する第2の部分広告関連処理の流れの一例を示すフローチャートである。
この処理は、第1の部分広告関連処理のC8のステップを、C3~C9のステップに置き換えたものである。
FIG. 9-8 is a flow chart showing an example of the flow of the second partial advertisement-related process executed by the server 10 instead of the first partial advertisement-related process (FIG. 9-4) in this modification.
This process replaces step C8 of the first partial advertisement-related process with 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 an advertisement content category for the first advertisement based on the main content category (C3).
As an example and not a limitation, the server 10 refers to the main content management database 154a shown in FIG. 9-5 to acquire 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 obtains, by way of example and not limitation, the identifier of MC-B[Business].
Then, the server 10 refers to the advertisement category selection table 154b shown in FIG. 9-6, acquires a plurality of identifiers of the advertisement content category corresponding to the acquired identifier of the main content category, Select an identifier. By way of example and not limitation, the server 10 identifies AD-B1 [Car], AD-B2 [Business Book], AD-B3 [Watch] and AD-B4 [Alcoholic Beverage] corresponding to the identifier of MC-B [Business]. , and select among these identifiers the identifier for AD-B1 [car] as an example and not as a limitation.

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

その後、サーバ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).
By way of example and not limitation, the server 10 refers to the advertising content management database 154c shown in FIGS. alcoholic beverage] is set as the identifier of the simultaneous display control classification.
Then, the server 10 excludes AD-B4 [alcoholic beverage] from identifiers such as AD-B1 [automobile], AD-B2 [business book], AD-B3 [clock] and AD-B4 [alcoholic beverage]. and select one identifier from identifiers such as AD-B1 [automobile], AD-B2 [business book] and AD-B3 [watch], for example, without limitation, identifier AD-B2 [business book] do.

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

また、サーバ10は、C1のステップにおいて、ページ表示領域に表示すべき部分広告画像242bの個数を「3」と決定した場合、C5のステップにおいて第2広告の広告コンテンツ分類を選択した方法と同様の方法を用いて、第3広告の広告コンテンツ分類を選択する。 Further, when the number of partial advertisement images 242b to be displayed in the page display area is determined to be "3" in step C1, the server 10 selects the advertisement content classification of the second advertisement in step C5. select an advertising content category for the third advertisement 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 an advertisement number for each selected advertisement content category (C7).
By way of example and not limitation, the server 10 refers to the advertising content management database 154c shown in FIG. is set as an advertisement number. Then, the server 10 selects one advertisement number from advertisement numbers such as ad001 and ad002, and the advertisement number ad001 as an example without limitation.
Similarly, the server 10 recognizes the advertisement number associated with the identifier of 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 selection method of the advertisement number may be a random selection method or a sequential selection method.

また、サーバ10は、C1のステップにおいて、ページ表示領域に表示すべき部分広告画像242bの個数を「3」と決定した場合、第1広告の広告番号を選択した方法と同様の方法を用いて、第3広告の広告番号を決定する。 Further, when the number of partial advertisement images 242b to be displayed in the page display area is determined to be "3" in step C1, the server 10 uses the same method as the method for selecting the advertisement number of the first advertisement. , determines 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 partial advertisement data to be transmitted based on the determined advertisement number (C9).
As an example and not a limitation, the server 10 generates the image ID of the 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. 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 the ninth modification (2)>
In this modified example, in the advertisement classification selection table 154b, the contents of the overall advertisement image of the automobile (not limited, but an example of the first content information) and the overall advertisement image of the business book (not limited, but an example of the second content information) ), the content of the clock full advertisement image, and the content of the alcoholic beverage full advertisement image 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 full advertisement image for automobiles and the content of the full advertisement image for business books 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 among the advertising content categories associated with the business main content category, a full automotive advertising image and a full business book advertising image are selected.
A first partial advertisement image 242b based on the full advertisement image of the automobile and a second partial advertisement image 242b based on the full advertisement image of the business book show configurations displayed in the page display area of the terminal 20. FIG.
As an example of the effect obtained by such a configuration, the first information and the second information that are not preferably displayed at the same time, such as a combination of an advertisement for a car and an advertisement for an alcoholic beverage, are displayed as an example and not a limitation. You can prevent it from being displayed in the area.

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

限定ではなく例として、サーバ10の制御部11は、全体広告画像が静止画像である場合には、全体広告画像を所定の閾値により2値化した2値化画像に基づいて、2値化画像における線分密度が高い領域を注目領域と認識して、その注目領域を含む矩形領域を部分広告画像として設定してもよい。 As an example and not a limitation, when the overall advertisement image is a still image, the control unit 11 of the server 10 generates a binarized image based on the binarized image obtained by binarizing the overall advertisement image using a predetermined threshold value. A region having a high line segment density in , 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は、全体広告画像が動画像である場合には、表示順序に基づく前後の画像間(またはフレーム間)で画素値の差分が大きい領域を注目領域と認識して、その注目領域を含む矩形領域を部分画像として設定してもよい。 Also, as an example and not a limitation, when the full advertisement image is a moving image, the control unit 11 of the server 10 selects an area having a large difference in pixel value between the images (or between frames) before and after the image based on the display order. A rectangular area including the attention area may be set as the partial image by recognizing the attention area.

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

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

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

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

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

なお、部分広告画像の縦幅ばかりでなく、部分広告画像の横幅も考慮して、課金額を設定するようにしてもよいし、そのようにしなくてもよい。 Note 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 a non-limiting example, a billing coefficient is set that increases as the horizontal width of the partial advertisement image increases and increases as the vertical width of the partial advertisement image increases. In addition, as an example, not limitation, the control unit 11 of the server 10 sets a larger billing coefficient when the vertical width of the partial advertisement image is larger than the horizontal width of the image, compared to when the image is horizontally long. . Then, the control unit 11 of the server 10 refers to the advertisement billing table 154d shown in FIG. 9B as an example and not a limitation, and determines the billing amount per display of the full 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 billed to the advertiser.

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

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

広告主は、限定ではなく例として、前述した設定装置を操作することによって、部分広告画像を設定することが可能である。
本例では、広告主は、設定装置の表示部に全体広告画像を表示させた状態で、部分広告画像の領域を指定する操作を行う。このとき、所定のサイズの矩形のトリミング範囲が全体広告画像に表示される。このトリミング範囲のサイズは、広告主の操作によって任意のサイズに変更することが可能である。広告主がそのトリミング範囲の位置およびサイズを変更する操作を行うことで、トリミング範囲によって指定された領域が、全体広告画像からトリミングされて部分広告画像として設定され、部分広告データベース153bに記憶される。設定された部分広告画像のデータは、部分広告データとして端末20に配信される。
Advertisers can set, by way of example and not limitation, partial advertising images by manipulating the setting device described above.
In this example, the advertiser performs an operation of designating the area of the partial advertisement image while displaying the entire advertisement image on the display section of the setting device. At this time, a rectangular trimming range of a predetermined size is displayed in the full advertisement image. The size of this trimming range can be changed to any size by the advertiser's operation. When the advertiser performs an operation to change 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 flow chart showing an example of the flow of processing executed by each device in this modified example.
This drawing shows the distribution processing 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 .
The steps that are the same as those in the previously described flowchart are denoted by the same reference numerals, and the repetitive description thereof is omitted, and the description will focus on the different steps.

以下説明するフローチャートは、あくまでも本変形例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowcharts described below merely illustrate the processing in this modified example, and in the flowcharts 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のステップ)を追加したフローチャートである。 FIG. 9-9 shows, from the flowchart of FIG. ) are deleted, and a third partial advertisement-related process (as an example, not a limitation, step B24) is added as a process after the main content data is identified from the main content database 152 by the server 10 (B1). is.

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

そして、サーバ10は、部分広告画像の個数を「2」に決定した場合、決定した内容の第1部分広告データおよび第2部分広告データを部分広告データベース153bから識別し、識別したこれらの部分広告データに基づき第1部分広告画像および第2部分広告画像のサイズを取得する。サーバ10は、取得したこれらのサイズに基づき、透過領域241aのサイズを決定する。 When the server 10 determines that the number of partial advertisement images is "2", the server 10 identifies the first partial advertisement data and the second partial advertisement data having the determined content from the partial advertisement database 153b, and identifies these partial advertisements. The sizes of the first partial advertisement image and the second partial advertisement image are obtained based on the data. The server 10 determines the size of the transmissive area 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 the identified partial advertisement data, the sizes of the first partial advertisement image, the second partial advertisement image and the third partial advertisement image are obtained. The server 10 determines the size of the transmissive area 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 via the communication I/F 14 (B3).

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

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

なお、C13の処理では、透過領域の縦幅だけが、第1部分広告画像の縦幅および第2部分広告画像の縦幅のうちの最大の縦幅に設定され、透過領域の横幅が、最大の縦幅を有する部分広告画像の横幅と略同じ横幅に設定される例を示したが、このような形態に限られない。透過領域の横幅も、第1部分広告画像の横幅および第2部分広告画像の横幅のうちの最大の横幅に設定されてもよい。 In the process of C13, only the vertical width of the transparent area is set to the maximum vertical width of the vertical width of the first partial advertising image and the vertical width of the second partial advertising image, and the horizontal width of the transparent area is set to the maximum. Although an example in which the horizontal width is set to be substantially the same as the horizontal width of the partial advertisement image having a vertical width of 2.0 mm is shown, the present invention is not limited to such a form. The horizontal width of the transmissive area may also be set to the maximum horizontal width of the horizontal width of the first partial advertising image and the horizontal width of the second partial advertising 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 step C1, the vertical width of the first partial advertisement image and the vertical width of the second partial advertisement image and substantially the same height as the maximum height of the third partial advertisement image (for example, not limitation, 90% to 110% of the maximum height) is set as the height of the transmissive area.

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

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

この場合、メインコンテンツを提供する事業者は、限定ではなく例として、広告主から自身への支払い額(自身から広告主への課金額)に応じて、その広告主の部分広告画像を配置する位置や大きさ、数などの条件を決定するようにすることができる。 In this case, the business operator that provides the main content, as an example and not as a limitation, places the advertiser's partial advertisement image in accordance with the amount paid by the advertiser to itself (the amount charged from itself to the advertiser) , size, number, etc. can be determined.

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

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

第10実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the tenth embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

本実施例では、限定ではなく例として、サーバ10から端末20に、メインコンテンツデータと、そのメインコンテンツデータに関連付けられた全体広告データとが配信される。そして、第1レイヤに動画像の全体広告画像が配置され、第2レイヤにメインコンテンツ情報が配置される。 In this embodiment, by way of example and not limitation, main content data and overall advertisement data associated with the main content data are delivered from the server 10 to the terminal 20 . 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 user's scrolling operation (first input). As a result, reproduction of the entire advertisement image of the moving image is started based on the establishment of the reproduction start condition.

本実施例では、限定ではなく例として、
(A-1)透過領域の一部が全体広告画像に重畳したこと。
を再生開始条件とする。この場合、透過領域の縦の辺に基づいて、全体広告画像に重畳したか否かを判定するようにすることができる。
In this example, by way of example and not limitation,
(A-1) Part of the transmissive 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 transparent area is superimposed on the full advertisement image based on the vertical sides of the transparent area.

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

ただし、スクロール操作は、ある程度大きい速度で行われる場合が多いため、透過領域の一部が全体広告画像に重畳したタイミングで全体広告画像(動画像)が再生されたとしても、ユーザにとっては、全体広告画像の一部が視認可能となったタイミングで全体広告画像(動画像)が再生されたように認識される場合が多いと考えられる。 However, since the scrolling operation is often performed at a relatively high speed, 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 user cannot see the entire advertisement image. It is conceivable that there are many cases where it is recognized as if the entire advertisement image (moving image) was reproduced at the timing when a part of the advertisement image became visible.

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

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

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

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

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

ウェブページ241(メインコンテンツ情報)は透過領域241aを有している。このため、ユーザのスクロール操作に従って透過領域241aがページ表示領域に現れると、ユーザは、透過領域241aを介して動画像の全体広告画像242aの一部を視認可能となる。 A 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 user's scrolling operation, the user can visually recognize a part of the full advertisement 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 a scroll operation has been performed (A5).
If no scroll operation has been performed (A5: No), the scroll operation is awaited.
If a scroll operation has been 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 full advertisement image 242a is started. After the playback flag is set, the video playback of the full advertisement image 242a is continued.

再生フラグがセットされている場合は(A7c:Yes)、A13に処理を進める。
再生フラグがセットされていない場合は(A7c:No)、端末20は、全体広告画像242aの再生開始条件が成立したか否かを判定する(A9c)。具体的には、限定ではなく例として、ウェブページ241がスクロールされた結果、透過領域241aの一部が全体広告画像242aに重畳したか否かを判定する。
If the reproduction flag is set (A7c: Yes), the process proceeds to A13.
If the playback flag is not set (A7c: No), the terminal 20 determines whether or not the conditions for starting playback of the full advertisement image 242a are met (A9c). Specifically, as a non-limiting example, it is determined whether or not a part of the transparent area 241a is superimposed on the full 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 reproduction start condition is not satisfied (A9c: No), the terminal 20 advances the process to A13.
On the other hand, when the reproduction start condition is satisfied (A9c: Yes), the terminal 20 starts reproducing the moving image of the full advertisement image 242a (A11c). After setting the reproduction flag (A11d), the terminal 20 proceeds to A13.

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

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

また、限定ではなく例として、上記の他にも、
(A-4)透過領域の一部が注目領域に重畳したこと。
(A-5)透過領域の全部が注目領域に重畳したこと。
を再生開始条件として定めておくこともできる。
ただし、透過領域よりも注目領域が小さい場合、これらの条件の意味合いは、
(A-4)透過領域に注目領域の一部が含まれたこと。
(A-5)透過領域に注目領域の全部が含まれたこと。
となる。
Also, by way of example and not limitation, in addition to the above:
(A-4) Part of the transmissive area overlaps the attention area.
(A-5) All of the transmissive regions are superimposed on the region of interest.
can also be defined as a playback start condition.
However, if the region of interest is smaller than the transmission region, the implication of these conditions is
(A-4) Part of the attention area is included in the transmission area.
(A-5) The entire attention area is included in the transmission area.
becomes.

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

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

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

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

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

<第11実施例>
第11実施例は、第10実施例において、ユーザによる第2入力に基づいて、再生中の動画像(全体広告画像)の全体を表示する実施例である。
第11実施例は、第3実施例に対応するが、全体広告画像が静止画像ではなく動画像である点が異なる。
<Eleventh embodiment>
The eleventh embodiment is an embodiment in which the entire moving image (full 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, but differs in that the overall advertisement image is a moving image instead of a still image.

第11実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the eleventh embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

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

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

図10-Bの処理は、図3-2の処理におけるA25のステップをA25aのステップに置き換えた処理である。
端末20は、限定ではなく例として、透過領域241aに対するタッチ操作(第2入力)が行われたか否かを判定する(A21)。ユーザによりタッチ操作が行われなかった場合(A21:No)、端末20は、全体広告表示処理を終了する。
The process of FIG. 10-B is a process in which step A25 in the process of FIG. 3-2 is replaced with step A25a.
As an example and not a limitation, the terminal 20 determines whether or not a touch operation (second input) has been performed on the transmissive region 241a (A21). When the touch operation is not performed by the user (A21: No), the terminal 20 terminates the general 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 as the transparent area 241a (A25). By setting the entire web page 241 to the transparent area 241a, the user can visually recognize the entire advertisement image 242a of the moving image being reproduced on the first layer.

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

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

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

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

第12実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the twelfth embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

部分広告画像(部分動画像)の再生開始条件は、基本的に、第10実施例で説明した(A-1)の再生開始条件と同様に、
(B-1)透過領域の一部が部分広告画像に重畳したこと。
として定めておくことができる。
The reproduction start condition for the partial advertisement image (partial moving image) is basically the same as the reproduction start condition (A-1) described in the tenth embodiment.
(B-1) Part of the transmissive 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, similar to the conditions (A-2) to (A-5) for starting reproduction of the entire advertisement image,
(B-2) All of the transmissive areas are superimposed on the partial advertisement image.
(B-3) A predetermined percentage of the transmissive area (a value of about 30% to 70% as an example, not limited) is displayed in the page display area.
(B-4) Part of the transmissive area overlaps the attention area.
(B-5) All of the transmissive regions are superimposed on the region of interest.
It is also possible to set such conditions as reproduction 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 meaning of the conditions (B-1) and (B-2) is as follows.
(B-1) Part of the partial advertisement image is included in the transparent area.
(B-2) All of the partial advertisement image is included in the transparent area.
becomes.
This also applies to conditions (B-4) and (B-5).

なお、(B-1)、(B-2)の再生開始条件に関連して、透過領域の所定割合が部分広告画像に重畳したこと、を再生開始条件として定めておくようにしてもよいし、そのようにしなくてもよい。
同様に、(B-4)、(B-5)の再生開始条件に関連して、透過領域の所定割合が注目領域に重畳したこと、を再生開始条件として定めておくようにしてもよいし、そのようにしなくてもよい。
Incidentally, in relation to the playback start conditions (B-1) and (B-2), it is also possible to set, as a playback start condition, that a predetermined ratio of the transmissive area is superimposed on the partial advertisement image. , does not have to be that way.
Similarly, in relation to the playback start conditions of (B-4) and (B-5), it may be possible to determine as a playback start condition that a predetermined ratio of the transmissive region is superimposed on the target region. , does not have to be that way.

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

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

図12-1および図12-2に示す例では、第2レイヤには、メインコンテンツデータに基づくメインコンテンツ情報としてビジネスニュースサイトのウェブページ241が配置され、第1レイヤには、そのメインコンテンツデータに関連付けて配信された広告コンテンツデータに基づく広告コンテンツ情報として部分広告画像242bが配置されている。この例では、限定ではなく例として、部分広告画像242bの底辺はページ表示領域の底辺に沿って配置されている。 In the example shown in FIGS. 12-1 and 12-2, the second layer has a business news site web page 241 as main content information based on the main content data, and the first layer has a web page 241 associated 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, by way of example and not limitation, the bottom edge of the partial advertising image 242b is positioned along the bottom edge 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 a car is displayed in the initial state, but the transparent area 241a is not displayed in the page display area of the terminal 20 when the web page 241 is in the initial position. Therefore, the user cannot visually recognize the partial advertisement image 242b.
When a predetermined percentage of the vertical width of the transparent area 241a (60% as an example, but not limited) is displayed in the page display area of the terminal 20 by the user's scrolling operation, the partial advertisement image 242b is displayed as a car running on the road. It becomes a partial moving image that displays the situation where the

なお、図12-1および図12-2に示す例において、部分広告画像242bは、横幅が縦幅よりも大きい横長の画像であり、第1レイヤの下端に配置される。部分広告画像242bのページ表示領域に対する相対位置は、固定されている。すなわち、部分広告画像242bは、ユーザがウェブページ241をスクロールしても位置を変えない。 In the example shown in FIGS. 12-1 and 12-2, the partial advertisement image 242b is a horizontally long image whose horizontal width is greater than its vertical width, and is arranged at the lower end of the first layer. The relative position of the partial advertisement image 242b 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. FIG.

部分広告画像242bがページ表示領域に表示された状態では、その部分広告画像242bの下方に、他の情報を表示するための領域が存在していない。また、部分広告画像242bの底辺がページ表示領域の底辺と合致している状態であるともいえる。 When the partial advertisement image 242b is displayed in the page display area, there is no area for displaying other information below the partial advertisement image 242b. It can also be said that the bottom side of the partial advertisement image 242b matches the bottom side 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 the entire web page 241 cannot fit in the page display area. In this example, the vertical width from the top part [TOP] of the web page 241 to the transparent area 241a is larger than the vertical width of the page display area. is not positioned on the page display area. Therefore, when the web page 241 is in the initial position, the user cannot see the partial advertisement image 242b of the first layer at all, and can grasp whether 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 at the initial position, the web page 241 and the transmissive area 241a scroll upward along with the user's scrolling operation, and the upper part of the transmissive area 241a appears from the bottom of the screen. Since the upper part of the transmissive area 241a is positioned in the page display area, the upper part of the transmissive 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 (the road in this example) is displayed through the transmissive area 241a. ) can be visually recognized. The partial advertisement image 242b at this time is a still image. This still image is, for example and not limitation, the first frame when the partial advertising image 242b is reproduced as a partial moving image.

さらにユーザが画面上方向へのスクロール操作を継続することで、透過領域241aの縦幅の略50%が端末20のページ表示領域に表示される。このとき、透過領域241aを介して部分広告画像242b内の自動車が視認可能となっているが、部分広告画像242bが静止画像であるため、自動車は画像内で静止している。 Further, when the user continues the upward scrolling operation on the screen, approximately 50% of the vertical width of the transparent area 241 a 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 area 241a, but since the partial advertisement image 242b is a still image, the automobile is stationary within 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. , the reproduction of the partial moving image (partial advertisement image 242b) in which the car runs on the road toward the front side 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 transmissive area 241a moves further upward, and as a non-limiting example, approximately 75% of the vertical width of the transmissive area 241a is occupied by the terminal. 20 is displayed in the page display area. While the transmissive area 241a moves upward, the partial moving image continues to be reproduced, and the car in the partial advertisement image 242b runs on the road toward the front.

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

<処理>
図12-3は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理、端末20の表示処理部211が実行する表示処理、をそれぞれ示している。
なお、先に説明したフローチャートと同一のステップには同一の符号を付して再度の説明を省略し、異なるステップに着目して説明する。
<Processing>
FIG. 12-3 is a flow chart showing an example of the flow of processing executed by each device in this embodiment.
This drawing shows the distribution processing 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 .
The steps that are the same as those in the previously described flowchart are denoted by the same reference numerals, and the repetitive description thereof is omitted, and the description will focus on the different steps.

以下説明するフローチャートは、あくまでも本実施例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowcharts described below are merely examples of the processing in this embodiment, and in the flowcharts 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 steps A7c to A12d as processing when the partial advertisement image is 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 still image partial advertisement image 242b based on the partial advertisement data on the first layer, and places the web page 241 based on the main content data on the second layer. , and the web page 241 is superimposed 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 that is 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 determining that the reproduction flag is not set (A7c; No), the terminal 20 determines whether or not the condition for starting reproduction of the partial advertisement image (partial moving image) is satisfied (A9d). Specifically, as an example and not a limitation, it is determined whether or not a predetermined percentage (60% as an example, not a limitation) of the vertical width of the transmissive region 241 a is displayed in the page display region of the terminal 20 .

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

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

また、第12実施例は、ページ表示領域に表示されている透過領域241aのうち、少なくとも透過領域241aのいずれか一辺の長さに基づいて、部分動画像の再生の制御が実行される構成を示している。
このような構成により得られる効果の一例として、透過領域を介した視認性に応じた第1部分動画像の再生開始または再生停止などを実行することができる。
In the twelfth embodiment, the reproduction of the partial moving image is controlled based on the length of at least one side of the transmissive area 241a displayed in the page display area. showing.
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 according to the visibility through the transmissive region.

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

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

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

また、透過領域241aの縦幅の所定割合が端末20のページ表示領域に表示された場合に、部分動画像(部分広告画像242b)の再生が開始される例を示したが、このような構成に限定されず、透過領域241aが端末20のページ表示領域に表示されている大きさに基づいて、部分動画像(部分広告画像242b)の再生の制御が実行されるようにしてもよい。
限定ではなく例として、端末20は、ユーザのスクロール操作によって、透過領域241aの面積の所定割合がページ表示領域に出現したときに、部分動画像(部分広告画像242b)の再生を開始するようにすることができる。
このような構成により得られる効果の一例として、透過領域を介した視認に十分な大きさの透過領域が表示領域に出現した状態で、第1部分動画像の再生開始または再生停止などを実行することができる。
Also, an example has been shown in which playback of the partial moving image (partial advertisement image 242b) is started when a predetermined proportion of the vertical width of the transmissive area 241a is displayed in the page display area of the terminal 20, but such a configuration is shown. However, 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. FIG.
As an example and 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 transmissive area 241a appears in the page display area due to the user's scrolling operation. can do.
As an example of the effect obtained by such a configuration, the playback of the first partial video image is started or stopped in a state where a transparent area large enough to be visually recognized through the transparent area appears in the display area. be able to.

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

限定ではなく例として、端末20は、ユーザのスクロール操作によって、透過領域241aを構成する各画素のうち、特定の1画素または画素群がページ表示領域に出現したときに、部分動画像の部分広告画像242bの再生を開始する。
このような構成により得られる効果の一例として、透過領域を介して視認するのに適した領域が表示領域に表示されたタイミングで、第1部分動画像の再生開始または再生停止などを実行することができる。
As an example and not a limitation, the terminal 20 displays the partial advertisement of the partial moving image when a specific one pixel or a group of pixels among the pixels forming the transparent area 241a appears in the page display area by the user's scrolling operation. Start playing image 242b.
As an example of the effect obtained by such a configuration, the playback of the first partial moving image can be started or stopped at the timing when an area suitable for viewing through the transmissive 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 reproduction control of a partial moving image (partial advertisement image 242b) is executed based on whether or not the transmission area 241a and the partial advertisement image 242b overlap, the ratio of overlap, and the like. ing.
As an example of the effect obtained by such a configuration, it is possible to control the reproduction of the first partial moving image based on the positional relationship between the transmissive area and the first partial moving image on the display area.

また、この場合、部分動画像(部分広告画像242b)の再生の制御を、透過領域241aが部分広告画像242bの少なくとも一部に重畳したことに基づいて実行することで、早いタイミング(限定ではなく例として、ユーザが部分広告画像の少なくとも一部を視認可能となったタイミング)で部分動画像を再生することができる。 Further, in this case, by controlling the reproduction of the partial moving image (partial advertisement image 242b) based on the superimposition of the transparent region 241a on at least a part of the partial advertisement image 242b, early timing (not limited to For example, the partial moving image can be reproduced at the timing when at least 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 full advertising image 242a, which is a moving image. (Partial advertisement image 242b) may or may not be the entire advertisement image 242a, which is a moving image.

<第12変形例(1)>
第12実施例では、ウェブページ241が初期位置にある状態では、そのウェブページ241が有する透過領域241aがページ表示領域に表示されていない例を示した(図12-1および図12-2を参照)。しかしながら、このような構成に限らず、ウェブページ241が初期位置にある状態で、そのウェブページ241が有する透過領域241aがページ表示領域に表示されているようにすることもできる。
<Twelfth Modification (1)>
In the twelfth embodiment, when the web page 241 is in the initial position, the transmissive area 241a of the web page 241 is not displayed in the page display area (see FIGS. 12-1 and 12-2). reference). However, without being limited to such a configuration, it is also possible to display the transparent area 241a of the web page 241 in the page display area 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 of the partial advertisement image 242b (the area including the fox) is visible through this transparent area 241a. It's becoming That is, in this example, the transmissive area 241a is already superimposed on the partial advertisement image 242b. When applying such an arrangement of the transmissive area 241a and the partial advertisement image 242b, the reproduction start conditions (B-4) and (B-5) described above should be applied as examples rather than limitations. can be done. Here, a case where the reproduction start condition (B-5) is applied is exemplified.

ユーザのスクロール操作によって、限定ではなく例として、注目領域(部分広告画像242bに対応する全体広告画像の注目領域)の全部が含まれるように透過領域241aが移動されると、道路上を自動車が走行している状況を表示する部分動画像の再生が開始される。この例では、自動車を含む部分広告画像242bの上部所定範囲が注目領域として設定されている。 As a non-limiting example, the scrolling operation of the user moves the transmissive area 241a so as to include the entire attention area (the attention area of the entire advertisement image corresponding to the partial advertisement image 242b). Reproduction 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 attention area.

具体的には、ユーザのスクロール操作に伴い、ウェブページ241とともに透過領域241aが上側に移動し、部分広告画像242bの自動車を視認可能となるが、透過領域241aに注目領域の全部が含まれないうちは、部分広告画像242bは静止画像のままであり、自動車は画像内で静止している。
さらにユーザが画面上方向へのスクロール操作を継続し、透過領域241aに注目領域の全部が含まれると、自動車が道路上を手前側に走行する部分動画像(部分広告画像242b)の再生がスタートする。
Specifically, as the user scrolls, the transmissive area 241a moves upward together with the web page 241, and the car in the partial advertisement image 242b becomes visible, but the transmissive area 241a does not include the entire attention area. Currently, the advertising segment image 242b remains a static image, with the car stationary in the image.
Further, when the user continues to scroll upward on the screen and the entire attention area is included in the translucent area 241a, the partial moving image (partial advertisement image 242b) in which the car runs on the road toward the front side starts to be reproduced. do.

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

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

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

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

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

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

第1部分広告画像242bは、限定ではなく例として、動画像の第1全体広告画像の所定領域がトリミングされたものによって構成される部分動画像であり、端末20のページ表示領域の下端に配置される。第1部分広告画像242bがページ表示領域に表示された状態では、その部分広告画像242bの下方に、他の情報を表示するための領域が存在していない。また、第1部分広告画像242bの底辺がページ表示領域の底辺と合致している状態であるともいえる。 The first partial advertisement image 242b is, for example and not limitation, a partial moving image formed by trimming a predetermined area of the first full advertisement image of the moving image, and is arranged at the lower end of the page display area of the terminal 20. be done. When the first partial advertising image 242b is displayed in the page display area, there is no area for displaying other information below the partial advertising image 242b. It can also be said that the bottom side of the first partial advertisement image 242b matches the bottom side 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 a hatchback automobile is displayed in the initial state. This still image is, for example and not limitation, the first frame when the first partial advertising image 242b is reproduced as a partial moving image.
When the first partial advertising image 242b is superimposed on the first partial advertising image 242b by a scrolling operation of the user at a predetermined ratio or more, but not limited to, 70% or more of the area of the transmissive region 241a, the partial moving image is reproduced. When 70% or more of the area of the transmissive region 241a does not overlap with 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 advertising image 242b is, for example and not limitation, a partial moving image formed by trimming a predetermined region of the second full advertising image of the moving image, and is adjacent to the upper side of the first partial advertising image 242b. are placed as follows. That is, the first partial advertising image 242b and the second partial advertising image 242b are positioned at the bottom and center of the screen, respectively.
The second advertising part image 242b has substantially the same size as the first advertising part image 242b, and is a still image in which the leading portion of a minivan-type automobile is displayed before playback is started. This still image is, for example and not limitation, the first frame when the second partial advertisement image 242b is reproduced as a partial moving image.
When the second partial advertising image 242b is superimposed on the second partial advertising image 242b by the user's scrolling operation at a predetermined ratio or more, but not limited to 70% or more, of the area of the transmissive region 241a, the reproduction of the partial moving image is not possible. When 70% or more of the area of the transmissive region 241a does not overlap with 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 a car is displayed in the initial state. , and the user can visually recognize a portion of the lower side of the first partial advertisement image 242b.
When a predetermined percentage of the area of the transmissive region 241a (70% as an example, not limitation) is superimposed on the first partial advertisement image 242b by the user's scrolling operation, the first partial advertisement image 242b shows a car running on the road. It becomes 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 the entire web page 241 cannot fit in the page display area. In this example, an upper part of the transmissive area 241 a is positioned below the page display area of the terminal 20 . At this time, the lower portion of the hatchback automobile in the partial advertisement image 242b is visible through the transparent area 241a. are doing.

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

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

図12-8に示すように、ユーザが画面上方向へのスクロール操作を継続すると、透過領域241aが、さらに上側へ移動し、透過領域241aの上側の一部と第2部分広告画像242bの下側の一部とが重畳した状態となる。この間にも第1部分広告画像242bの部分動画像の再生が継続され、第1部分広告画像242b内のハッチバック型の自動車が道路上を右側へさらに走行する。 As shown in FIG. 12-8, when the user continues the upward scrolling operation on the screen, the transmissive area 241a moves further upward, and the upper part of the transmissive area 241a and the second partial advertisement image 242b below the second partial advertisement image 242b move upward. A part of the side is superimposed. During this time, the partial video image of the first partial advertisement image 242b continues to be reproduced, 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 scroll operation to scroll the web page 241 upward on the screen, the transmissive area 241a moves further upward, and 70% or more of the area of the transmissive area 241a becomes the second partial advertisement image. 242b, the reproduction of the second partial advertisement image 242b of the partial moving image in which the minivan type car runs leftward on the road starts. On the other hand, for the first partial advertising image 242b, 70% or more of the area of the transparent region 241a does not overlap with the first partial advertising image 242b, and reproduction of the partial moving image of the first partial advertising 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 to scroll the web page 241 upward on the screen, the transmissive area 241a moves further upward, and 100% of the area of the transmissive area 241a overlaps the second partial advertisement image 242b. At the same time, the first partial advertisement image 242b becomes invisible through the transparent area 241a. While the transmissive area 241a moves upward, the partial moving image of the second partial advertisement image 242b continues to be reproduced, and the minivan-type car in the second partial advertisement image 242b travels leftward 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 direction of the scroll operation downward on the screen, the transmissive area 241a moves downward, and the lower part of the transmissive area 241a and the first partial advertisement image 242b move downward. is superimposed with a part of the upper side of . During this time, the partial video image of the second partial advertisement image 242b continues to be reproduced, 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 to scroll the web page 241 downward on the screen, the transmissive area 241a moves further downward, and 70% or more of the area of the transmissive area 241a becomes the first partial advertisement. Based on re-overlapping with the image 242b, playback of the first partial advertisement image 242b of the partial moving image of the hatchback car driving to the right on the road resumes. On the other hand, for the second partial advertising image 242b, 70% or more of the area of the transparent region 241a does not overlap with the second partial advertising image 242b, and reproduction of the partial moving image of the second partial advertising image 242b is stopped.

ユーザがスクロール動作をさらに継続して、ウェブページ241を画面下方向にスクロールさせると、透過領域241aが、さらに下側へ移動し、透過領域241aの面積の100%が第1部分広告画像242bと重畳するとともに、第2部分広告画像242bが透過領域241aを介して視認できない状態となる。透過領域241aが下側へ移動する間、第1部分広告画像242bの部分動画像の再生が継続され、第1部分広告画像242b内のハッチバック型の自動車が道路上を右側へ走行する。一方、第2部分広告画像242bでは、部分動画像の再生が停止したままである。 When the user continues the scrolling operation to scroll 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. Along with being superimposed, the second partial advertising image 242b becomes invisible through the transparent region 241a. While the transmissive area 241a moves downward, the partial video image of the first partial advertisement image 242b continues to be reproduced, and the hatchback-type automobile in the first partial advertisement image 242b runs on the road to the right. 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 flow chart showing an example of the flow of processing executed by each device in this embodiment.
This drawing shows the distribution processing 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 .
The steps that are the same as those in the previously described flowchart are denoted by the same reference numerals, and the repetitive description thereof is omitted, and the description will focus on the different steps.

以下説明するフローチャートは、あくまでも本実施例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowcharts described below are merely examples of the processing in this embodiment, and in the flowcharts 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 steps A10 and A12 in the flowchart of FIG. 4-5 when a predetermined ratio or more of the area of the transmissive region 241a, for example 70% or more, is superimposed on the first partial advertisement image 242b. , the step of the process of 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 (as an example and not by way of limitation, step A31 and step A33); Then, when a predetermined ratio or more, for example 70% or more of the area of the transparent region 241a overlaps the second partial advertisement image 242b, the reproduction of the second partial advertisement image 242b of the partial moving image is started and the partial 10 is a flow chart replaced with steps of processing for stopping the reproduction of the first partial advertisement image 242b of the moving image (as an example, not limitation, step A35 and step A37).

端末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, the first partial advertisement data and the second partial advertisement data from the server 10, the terminal 20 converts the first partial advertisement image 242b of the still image based on the first partial advertisement data and the second partial advertisement data. The second partial advertisement image 242b of the still image based on the image is placed on the first layer. Also, the terminal 20 arranges the web page 241 based on the main content data on the second layer, and superimposes 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. 242b is superimposed (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 transmissive region 241a overlaps the first partial advertising image 242b (A31: Yes), the terminal 20 starts playing the first partial advertising image 242b of the partial moving image. , the reproduction of the second partial advertisement image 242b of the partial moving image is stopped (A33). Note that the terminal 20 does nothing for 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)。 When 70% or more of the area of the transmissive region 241a does not overlap the first partial advertising image 242b (A31: No), the terminal 20 allows 70% or more of the transmissive region 241a to overlap the second partial advertising image 242b. is superimposed (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 transmissive region 241a overlaps the second partial advertising image 242b (A35: Yes), the terminal 20 starts playing the second partial advertising 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 for 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 transmissive region 241a does not overlap the second partial advertising 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 transmissive region 241a overlaps the first partial advertising image 242b or the second partial advertising image 242b is shown. It may be determined whether or not a predetermined ratio or more of the vertical width of the transmissive region 241a overlaps 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の少なくとも一部と重畳しているか否かを判定してもよい。 In the processing of A31 and A35, an example of determining whether or not a predetermined ratio or more of the area of the transmissive region 241a overlaps the first partial advertising image 242b or the second partial advertising image 242b has been described. However, it may be determined whether or not the transmissive region 241a overlaps at least a portion of the first partial advertising image 242b or at least a portion of the second partial advertising image 242b.

限定ではなく例として、端末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 and not a limitation, when the transmissive region 241a does not overlap the second partial advertising image 242b and overlaps part or all of the first partial advertising image 242b, the terminal 20 displays the partial moving image as the first partial moving image. Only the partial advertisement image 242b is reproduced. Further, when the transmissive region 241a does not overlap the first partial advertising image 242b and overlaps part or all of the second partial advertising image 242b, the terminal 20 displays the second partial advertising image of the partial moving image. 242b only. In addition, when the transmissive region 241a overlaps a part of the first partial advertising image 242b and a part of the second partial advertising image 242b, the terminal 20 displays the first partial advertising image 242b and the partial moving image of the partial moving image. , both of the second partial advertisement images 242b are reproduced.

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

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

本変形例では、透過領域241aが第1部分広告画像242bを重畳した大きさに基づいて、部分動画像の第1部分広告画像242bの再生の制御を実行する構成を示している。
このような構成により得られる効果の一例として、視認に十分な大きさで透過領域と第1部分動画像とが重畳した状態で、第1部分動画像の再生開始または再生停止などを実行することができる。
This modification shows a configuration in which reproduction control of the first partial advertising image 242b of the partial moving image is executed based on the size of the transparent region 241a superimposed with the first partial advertising image 242b.
As an example of the effect obtained by such a configuration, the reproduction of the first partial video image can be started or stopped in a state in which the transmissive area and the first partial video image are superimposed with a size large enough 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 of the partial moving image (not limited to, An example of the second partial moving image) is displayed in at least the page display area, and the reproduction of the second partial advertisement 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, the control of the reproduction of the second partial video image can be interlocked with the first input through the movement of the transmissive area. Playback and the like can be executed 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 that is longer in the vertical direction than in the horizontal direction,
The first full advertisement image 242a based on the full advertisement data has a first vertical side and a second horizontal side shorter than the first side,
The first partial advertising image 242b has a third vertical side and a fourth horizontal side longer than the third side. It shows a configuration in which the sides are arranged along the short 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 its fourth side, the display area of the content information is not excessively restricted by advertisements or the like. can be made As a result, it is possible to prevent the user from feeling uncomfortable with advertisements and 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 advertising image 242b of the partial moving image is controlled based on the fact that the transparent region 241a overlaps at least a part of the first partial advertising image 242b of the partial moving image,
Based on the fact that the transparent region 241a overlaps at least a part of the second partial advertising image 242b of the partial moving image, reproduction control of the second partial advertising image 242b of the partial moving image is executed,
Based on the transparent region 241a overlapping at least part of the second partial advertising image 242b of the partial moving image, the control unit 21 performs control to stop the reproduction of the first partial advertising image 242b of the partial moving image. configuration.
As an example of the effect obtained by such a configuration, the first partial moving image or the second partial moving image with good visibility through the transmissive region is reproduced, while the visibility through the transmissive region is not good. It is possible to stop the reproduction of the first partial video image or the second partial video image in the absence state.

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

第13実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the thirteenth embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

<表示画面例>
図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) in FIG. 12-3 ( A12). Therefore, it is possible to visually recognize the partial moving image in which the automobile in the partial advertisement image 242b runs on the road toward the front side through the transmissive area 241a.

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

動画像の全体広告画像242aは、部分動画像の部分広告画像242bの全領域を含み、部分広告画像242bに含まれない領域も含む動画像である。この例では、部分動画像の部分広告画像242bに含まれる情報は、山などを背景にして道路上を走行する自動車である。これに対して、動画像の全体広告画像242aに含まれる情報は、部分動画像の部分広告画像242bの背景が上部に拡大され、拡大された背景に、空と空を飛翔する5羽の鳥とが含まれる。
すなわち、この例では、部分広告画像242bは、動画像の全体広告画像242aの下側がトリミングされたものによって構成される部分動画像である。
The full advertisement image 242a of the moving image is a moving image that includes the entire area of the partial advertisement image 242b of the partial moving image and also includes areas that are not included in the partial advertisement image 242b. In this example, the information included in the partial advertisement image 242b of the partial moving image is an automobile traveling on a road with mountains in the background. On the other hand, the information contained in the full 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 to the upper part, and five birds flying in the sky and the sky are displayed on the enlarged background. and are included.
That is, in this example, the partial advertising image 242b is a partial moving image formed by trimming the lower side of the full advertising image 242a of the moving image.

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

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

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

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

また、第13実施例は、端末20のユーザによる部分動画像の部分広告画像242bに対する第2入力に基づいて、メインコンテンツ情報が配置されている第2レイヤの領域全体を透過領域とする構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として第1動画像を配置するレイヤを第1レイヤよりも上位の第2レイヤに変更することなく、第1動画像を視認可能とすることができる。
In addition, the thirteenth embodiment shows a configuration in which the entire area of the second layer in which the main content information is arranged is made 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, as an example and not as a limitation, it is possible to visually recognize the first moving image without changing the layer in which the first moving image is arranged to a second layer that is 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 for 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, as an example and not as a limitation, when the user is interested in the first partial moving image, based on the input by the terminal user's operation of touching the first partial moving image, , the first moving image can be made visible.

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

すなわち、ユーザの第2入力に基づいて、第1レイヤに配置されている広告情報と第2レイヤに配置されているメインコンテンツ情報とをスワップするレイヤチェンジが実行され、結果として広告情報がメインコンテンツ情報よりも上位のレイヤに配置されることにより、広告情報の全体が視認可能となるようにしてもよい。
このような構成により得られる効果の一例として、透過領域を変更することなく、第1動画像を視認可能とすることができる。
That is, based on the user's second input, a layer change is executed to swap the advertisement information arranged in the first layer and the main content information arranged in the second layer, and as a result, the advertisement information is changed 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 transmissive region.

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

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

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

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

上記の変形例は、何れも、動画像の全体広告画像242aをページ表示領域に表示し、動画像の全体広告画像242aの少なくとも一部に重畳するウェブページ241(限定ではなく、コンテンツの一例)をページ表示領域に表示する構成を示している。
このような構成により得られる効果の一例として、第1動画像が表示領域全体に表示された後であっても、ユーザが再びコンテンツを閲覧可能となる。
In any 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 superimposed on at least a part of the entire advertisement image 242a of the moving image (not limited, but an example of 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の再生が開始されてもよい。
<Thirteenth 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 full advertisement image 242a of the moving image is displayed based on the touch operation on the partial advertisement image 242b. However, 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

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

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

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

<第14実施例>
第14実施例は、限定ではなく例として、部分広告画像242bおよび透過領域241aの設定、ならびに部分広告画像242bの再生開始条件の設定に関する実施例である。
第14実施例では、限定ではなく例として、ページ表示領域、部分広告画像242b、透過領域241aの関係(限定ではなく例として、これらの縦幅の関係)に基づく、部分広告画像242bの再生開始条件の設定方法を例示する。
<14th embodiment>
The 14th embodiment relates to setting of the partial advertisement image 242b and the transparent area 241a, and setting of the reproduction start condition of the partial advertisement image 242b, by way of example and not limitation.
In the 14th embodiment, as a non-limiting example, 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 limitation, the vertical width relationship of these). Here is an example of how to set conditions.

第14実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the fourteenth embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

<機能構成>
(1)サーバの機能構成
図14-1に示すメインコンテンツデータベース152には、限定ではなく例として、メインコンテンツIDと、メインコンテンツデータの記憶領域と、広告番号と、広告主IDと、その広告番号の広告に関する部分広告画像を識別する画像IDと、その部分広告画像(部分動画像)の再生開始条件(この例では透過領域の部分広告画像に対する重畳割合)と、その広告番号の広告に関する全体広告画像を識別する画像IDと、透過領域の設定範囲と、が関連付けて記憶されている。
<Functional configuration>
(1) Functional configuration of the server In the main content database 152 shown in FIG. 14-1, for example and not limitation, main content ID, main content data storage area, advertisement number, advertiser ID, advertisement of the advertisement number An image ID that identifies a partial advertisement image for the advertisement, a playback start condition for the partial advertisement image (partial video image) (in this example, the ratio of the transparent area superimposed on the partial advertisement image), and an entire advertisement image for the advertisement with 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 above-described case in which the reproduction start condition is that a predetermined ratio of the transparent region is superimposed on the partial advertisement image is illustrated, and the superimposition ratio corresponding to the predetermined ratio is stored in the reproduction start condition column. ing.
As a non-limiting example, if the reproduction start condition (overlapping ratio) is 33%, when 33% of the vertical width of the transparent area overlaps the partial advertisement image, reproduction of the partial moving image of the partial advertisement image is started. be.

(2)広告主による部分広告画像の設定
部分広告画像を全体広告画像の何れの領域とするかは、前述したように、広告主が任意に設定することが可能である。また、この場合、広告主は、限定ではなく例として、前述した設定装置を操作することによって、部分広告画像を設定することが可能である。
本実施例では、部分広告画像が、デフォルトで端末20のページ表示領域の下側に配置される場合を例示する。
また、本実施例では、ページ表示領域の縦幅の略1/3の縦幅を有する部分広告画像が設定される場合を例示する。
(2) Setting of Partial Advertisement Image by Advertiser As described above, the advertiser can arbitrarily set which region of the entire advertisement image is to be the partial advertisement image. Also, in this case, the advertiser can set the partial advertisement image by operating the setting device described above, by way of example and not limitation.
In this embodiment, the case where the partial advertisement image is arranged on the lower side of the page display area of the terminal 20 by default is exemplified.
Also, in this embodiment, a case where a partial advertisement image having a vertical width of approximately ⅓ 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 to the server 10 a registration request including the data of the entire advertisement image and the data of the partial advertisement image based on the advertiser's operation.
When the server 10 receives the registration request from the setting device through the communication I/F 14, the server 10 stores the full advertisement image data and the partial advertisement image data included in the received registration request in the full advertisement database 153a (see FIG. 4-2) and the full advertisement image data, respectively. It is stored in the partial advertisement database 153b (see FIG. 4-3).
In addition, as an example and not a limitation, the server 10 identifies the advertiser ID from the unique address of the setting device that is the transmission source, assigns a unique advertisement number, the advertisement number, the advertiser ID, the image ID of the partial advertisement image, And the image ID of the entire 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 as an example and not as a limitation.

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

また、サーバ10は、透過領域の位置を決定する。具体的には、サーバ10は、限定ではなく例として、ウェブページが初期位置にある状態で、ウェブページにおける先頭部分から透過領域までの縦幅が、ページ表示領域の縦幅よりも大きくなるように、メインコンテンツ情報における透過領域の位置を決定する。つまり、ユーザは、ウェブページが初期位置にある状態では部分広告画像を視認できないが、スクロール操作によってウェブページを上側に移動させることで部分広告画像を視認できるようになる。サーバ10は、決定した透過領域の位置をメインコンテンツIDと関連付けてメインコンテンツデータベース152に記憶させる。 The server 10 also determines the position of the transmissive area. Specifically, as a non-limiting example, the server 10 may set the vertical width from the beginning of the web page to the transparent area to be larger than the vertical width of the page display area when the web page is in the initial position. First, determine the position of the transparent area in the main content information. In other words, 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 scrolling. The server 10 associates the determined position of the transparent region with the main content ID and stores it in the main content database 152 .

(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 determines that a predetermined ratio (33% as an example, not a limitation) of the vertical width of the transparent area is the partial advertisement image. A reproduction start condition is set so that the reproduction of the partial moving image of the partial advertisement image is started when the partial advertisement image is superimposed with . The server 10 stores the set reproduction start condition in the main content database 152 in association with the main content ID.
In other words, when a transparent area with 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 video 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, reproduction of the partial moving image is started at the timing when the area desired to attract the user's attention becomes visible. be able to.

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

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

<第14変形例(1)>
第14実施例では、透過領域の縦幅が大きい(端末20のページ表示領域の縦幅の略2/3)例を示したが、このような形態に限られない。透過領域の縦幅が小さくてもよい。
本変形例では、透過領域の縦幅および横幅の設定は、サーバの運営者または広告主などによって変更可能である。
<Fourteenth Modification (1)>
In the 14th embodiment, an example in which the vertical width of the transmissive area is large (approximately ⅔ of the vertical width of the page display area of the terminal 20) has been shown, but the configuration is not limited to this. The vertical width of the transmissive region may be small.
In this modification, the setting of the vertical width and horizontal width 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 reproduction start conditions.
In this table, the vertical width of the transmissive area and the reproduction start condition (overlapping ratio of the transmissive area to the partial advertisement image) are defined in association with each other.

透過領域の縦幅には、ページ表示領域の縦幅に対する割合に基づく透過領域の縦幅として、限定ではなく例として、「ページ表示領域の2/3」と、「ページ表示領域の1/3」と、「ページ表示領域の1/6」との3つが定められている。 For the vertical width of the transparent area, the vertical width of the transparent area based on the ratio to the vertical width of the page display area may be, for example without limitation, "2/3 of the page display area" and "1/3 of the page display area." ” 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 the playback start condition. This is the same condition as the above example.

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

「ページ表示領域の1/6」には、再生開始条件として「100%」が定められている。これは、透過領域の縦幅の全部(100%)が部分広告画像と重畳したときに、その部分広告画像の部分動画像の再生が開始されることを示す条件である。 "100%" is set as the playback start condition for "1/6 of the page display area". This is a condition indicating that when the entire vertical width (100%) of the transmissive area 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 transmissive area (the smaller the ratio to the vertical width of the page display area), the higher the superimposition ratio required to reproduce the partial moving image (that is, the more severe the conditions for reproduction). 2), the relationship between the vertical width of the transmissive region and the reproduction start condition is defined.

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

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

なお、部分動画像の再生開始条件は、部分広告画像と重畳する透過領域の縦幅と、透過領域の縦幅との割合で定められる例を示したが、このような形態に限られない。部分動画像の再生開始条件は、部分広告画像と重畳する透過領域の面積と、透過領域全体の面積との割合で定められてもよい。 Although an example in which the playback start condition of the partial moving image is determined by the ratio of the vertical width of the transparent area superimposed on the partial advertising image to the vertical width of the transparent area has been described, 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 area overlapping the partial advertisement image and the area of the entire transparent area.

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

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

図14-3は、透過領域の縦幅を設定するためのテーブルの一例を示す図である。
このテーブルには、部分広告画像の縦幅と透過領域の縦幅とが関連付けて定められている。
部分広告画像の縦幅には、「ページ表示領域の1/4以下」と、「ページ表示領域の1/4超」とが含まれる。
FIG. 14C is a diagram showing an example of a table for setting the vertical width of a transmissive area.
In this table, the vertical width of the partial advertisement image and the vertical width of the transmissive 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", "same as the vertical width of the partial advertisement image" is defined as the vertical width of the transmissive area. This indicates that when the vertical width of the partial advertisement image is 1/4 or less of the length 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 transmissive area. This indicates that when the vertical width of the partial advertisement image exceeds 1/4 of the page display area, the vertical width of the transparent area is set to 1/4 of the page display area. .

このようにしているのは、限定ではなく例として、透過領域の縦幅がおよそページ表示領域の1/4を超えてしまうと、透過領域が大き過ぎることにより、ニュース記事等のユーザが閲覧したい情報を阻害する可能性があるためである。そこで、この例では、透過領域の縦幅の上限がページ表示領域の1/4となるように、部分広告画像の縦幅に基づいて透過領域の縦幅を設定するようにしている。 This is not a limitation, but for example, if the vertical width of the transparent area exceeds about 1/4 of the page display area, the transparent area will be too large and the user will not be able to read news articles, etc. This is because there is a possibility of obstructing 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 a non-limiting example, the horizontal width of the transparent area is set to be substantially the same as the horizontal width of the page display area (as an example, not a limitation, 90% to 100% of the horizontal width of the page display area). be able to.

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

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

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

本変形例では、透過領域241aの大きさ、または透過領域241aの辺の長さが、部分動画像の部分広告画像242bに基づいて決定される構成を示している。
このような構成により得られる効果の一例として、第1部分動画像に応じた大きさまたは辺の長さを有する透過領域を設定することができるため、適切なタイミングで第1部分動画像を再生制御することができる。
This modification shows a configuration in which the size of the transmissive area 241a or the length of the side of the transmissive area 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 it is possible to set a transmissive area having a size or a side length corresponding to the first partial moving image, the first partial moving image can be reproduced at an appropriate timing. can be controlled.

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

第15実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the fifteenth embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

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

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

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

なお、広告配置領域のサイズは、必ずしも部分広告画像と同じサイズである必要はなく、広告配置領域のサイズは、部分広告画像のサイズよりも大きくてもよい。
また、広告配置領域には、必ずしも部分広告画像を配置しなければならないわけではなく、限定ではなく例として、注目領域の画像が広告配置領域243に配置されるようにしてもよいし、そのようにしなくてもよい。
Note that 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.
In addition, it is not always necessary to place a partial advertisement image in the advertisement placement area. does not have to be

広告配置領域に配置される部分広告画像(部分動画像)は、再生開始条件の成立に基づいて再生される。再生開始条件は、限定ではなく例として、
(C-1)部分広告画像(部分広告画像の縦幅)の所定割合がページ表示領域に表示されたこと。
として定めておくことができる。
The partial advertisement image (partial moving image) placed in the advertisement placement area is reproduced based on the fulfillment of the reproduction start condition. Play start conditions are, by way of example and not limitation,
(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)注目領域(注目領域の縦幅)の所定割合がページ表示領域に表示されたこと。
となる。
Note that, as described above, as a non-limiting example, the image of the attention area may be the partial advertisement image, and the image of the attention area may be arranged in the advertisement placement area. In this case, the playback start condition above is
(C-2) A predetermined proportion of the attention area (vertical width of the attention area) is displayed in the page display area.
becomes.

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

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

限定ではなく例として、ウェブページの縦幅がページ表示領域の縦幅よりも大きく、ウェブページが初期位置にある状態において、部分広告画像がページ表示領域に表示されておらず、ウェブページを上方向にスクロールすることで、部分広告画像がページ表示領域に出現するとする。
この場合、限定ではなく例として、その部分広告画像に対応する全体広告画像のうちの下半分の領域が部分広告画像として設定される場合、部分広告画像の50%がページ表示領域に表示されることは、全体広告画像の75%がページ表示領域に表示されることに相当する。
これは、広告配置領域に注目領域の画像が配置される場合についても同様である。
As a non-limiting example, when the vertical width of the web page is greater than the vertical width 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 lifted up. Suppose that a partial advertisement image appears in the page display area by scrolling in the direction.
In this case, as an example and not a limitation, when the lower half area of the full 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 displaying 75% of the entire advertisement image in the page display area.
This is also the case when the image of the attention area is placed in the advertisement placement area.

なお、ウェブページが横方向にスクロールされる場合を想定し、限定ではなく例として、部分広告画像(または注目領域)の横幅に基づいて、上記の再生開始条件の成否を判定するようにしてもよいし、そのようにしなくてもよい。
また、部分動画像の再生を開始した後、再生開始条件を満たさなくなった場合に、部分動画像の再生を停止するようにしてもよいし、そのようにしなくてもよい。
Assuming that the web page is scrolled in the horizontal direction, as an example and not as a limitation, whether or not the above reproduction start condition is met may be determined based on the width of the partial advertisement image (or the attention area). OK, you don't have to.
Further, after starting the reproduction of the partial moving image, if the reproduction start condition is no longer satisfied, the reproduction of the partial moving image may be stopped 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, a web page 241 of a business news site is used as main content information based on main content data, and a partial advertisement is used as advertisement content information based on advertisement content data distributed in association with the main content data. and the image 242b are arranged in the same layer. The web page 241 contains documents (not limited, but an example of character information included in the second content information) and images (not limited, but an example of image information included in the second content information) that constitute news articles. included.

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

なお、図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 horizontal width is greater than its vertical width.

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

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

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

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

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

動画像の全体広告画像242aは、部分動画像の部分広告画像242bの全領域を含み、部分広告画像242bに含まれない領域も含む動画像である。この例では、部分動画像の部分広告画像242bは、山などを背景にして道路上を走行する自動車である。これに対して、動画像の全体広告画像242aは、部分動画像の部分広告画像242bの背景が上部に拡大された背景を有し、その背景には、空と空を飛翔する5羽の鳥とが含まれる。
言い換えると、部分広告画像は、動画像の全体広告画像の所定領域がトリミングされたものによって構成される部分動画像である。すなわち、この例では、部分広告画像242bは、動画像の全体広告画像242aの下側が、トリミングされたものによって構成される部分動画像である。本例では、部分広告画像の横幅は、全体広告画像の横幅より小さく、部分広告画像の縦幅は、全体広告画像の縦幅より小さい。
The full advertisement image 242a of the moving image is a moving image that includes the entire area of the partial advertisement image 242b of the partial moving image and also includes areas that are not included in the partial advertisement image 242b. In this example, the partial advertisement image 242b of the partial moving image is an automobile traveling on a road with mountains in the background. On the other hand, the full advertisement image 242a of the moving image has a background obtained by enlarging the background of the partial advertisement image 242b of the partial moving image. and are included.
In other words, the partial advertisement image is a partial moving image formed by trimming a predetermined area of the entire advertisement image of the moving image. That is, in this example, the partial advertising image 242b is a partial moving image formed by trimming the lower side of the full advertising image 242a of the moving image. In this example, the horizontal width of the partial advertisement image is smaller than the horizontal width of the entire advertisement image, and the vertical width of the partial advertisement image is smaller than the vertical width of the entire advertisement image.

<処理>
図15-4は、本実施例における各装置が実行する処理の流れの一例を示すフローチャートである。
この図では、サーバ10の配信処理部111が実行する配信処理、端末20の表示処理部211が実行する表示処理、をそれぞれ示している。
なお、先に説明したフローチャートと同一のステップには同一の符号を付して再度の説明を省略し、異なるステップに着目して説明する。
<Processing>
FIG. 15-4 is a flow chart showing an example of the flow of processing executed by each device in this embodiment.
This drawing shows the distribution processing 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 .
The steps that are the same as those in the previously described flowchart are denoted by the same reference numerals, and the repetitive description thereof is omitted, and the description will focus on the different steps.

以下説明するフローチャートは、あくまでも本実施例における処理を例示するものに過ぎず、以下説明するフローチャートにおいて、一部のステップを実行しなくてもよいし、追加のステップを挿入してもよい。 The flowcharts described below are merely examples of the processing in this embodiment, and in the flowcharts 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 steps of superimposition display processing for superimposing the web page 241 on the partial advertisement image 242b in the flowchart of FIG. When the target area and the transparent area 241a are superimposed, the transparent area for the partial advertisement image 242b is replaced with the step of the synthesis display process for synthesizing the partial advertisement image 242b on the page 241 (as an example, not as a limitation, the step of A4b). 241a (steps A7b to A12a as an example and not a limitation) of fixing the relative position of the advertising image 241a by way of example and not a limitation to a predetermined percentage of the vertical width of the partial advertising image 242b (70 as an example and not a limitation). %) is displayed in the page display area of the terminal 20, the flowchart is replaced with the steps of the process of starting the reproduction of the partial advertisement image 242b of the partial moving image (as a non-limiting example, steps A7c to A12d) be.

端末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 composite display processing (A4b).
Specifically, by way of example and not limitation, the size of the partial advertisement image 242b is obtained based on the partial advertisement data. Then, the terminal 20 lays out the web page 241 in which the advertisement placement area 243 is formed in layers 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 composites and displays the web page 241 and the partial advertisement image 242b.

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

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

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

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

なお、ユーザが部分広告画像242bに対してタッチ操作したときに、動画像の全体広告画像242aがページ表示領域に表示される例を示したが、このような構成に限定されず、ユーザが部分広告画像242bに対してタッチ操作したときに、静止画像の全体広告画像242aがページ表示領域に表示されるようにしてもよいし、そのようにしなくてもよい。 Although an example has been shown in which the full advertising image 242a of the moving image is displayed in the page display area when the user touches the partial advertising image 242b, the configuration is not limited to this, and the user can touch the partial advertising image 242b. When the advertisement image 242b is touch-operated, the static overall advertisement image 242a 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 placement area 243 of the web page 241 is shown, the configuration is not limited to such a configuration, and the partial advertisement image 242b of the still image is placed on the web page. 241 may be placed in the advertisement placement area 243 . In this case, as an example and not a limitation, when the user touches the partial advertisement image 242b, the full advertisement image 242a as a still image or the full advertisement image 242a as a 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コンテンツ情報に誘導することができる。
<Effects of the fifteenth embodiment>
In the fifteenth embodiment, the page display area of the display unit 24 is a vertical area longer than the horizontal direction, and the overall advertisement image 242a based on the overall 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 full advertisement image 242a (not limited to, but an example of the first information ) is displayed in the page display area of the terminal 20 (not a limitation, but an example of the display area of the terminal), and the main content information (This is not a limitation, but an example of second content information), and based on the user's scrolling operation on the page display area (not a limitation, but an example of first input), the control to move on the page display area is partially controlled. The advertisement image 242b and the main content information are executed.
Then, the full advertisement image 242a is arranged such that the first side is arranged along the longitudinal direction of the page display area and the second side is arranged based on the user's touch operation on the partial advertisement image 242b (an example of second input, not limitation). It shows a configuration in which the sides are arranged along the short direction of the page display area and displayed in the page display area.
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 that is small in size and easy to see is moved together with the second content information. Thus, the first information can be visually recognized by the user so as not to interfere with the viewing of the second content information. Then, as an example and not as a limitation, a user who has shown an interest in the first information and has performed the second input for the first information can be allowed to visually recognize the vertically long first content information. In other words, the user who is interested in the first information is guided to the vertically long first content information while preventing the visibility of the second content information from being impaired by suddenly displaying the vertically long first content information in the display area. can do.

また、第15実施例は、全体広告画像242aが、全体広告データ(限定ではなく、第1動画像データの一例)に基づく動画像(限定ではなく、第1動画像の一例)であり、部分広告画像242bが、全体広告画像242aの一部の領域の部分動画像(限定ではなく、第1部分動画像の一例)である構成を示している。
このような構成により得られる効果の一例として、第1情報から第1コンテンツ情報に切り替わる際、第1部分動画像の内容の続きを第1動画像に表示することで、ユーザに違和感を抱かせることなく、第1部分動画像に興味を示したユーザを第1動画像に誘導することができる。
Further, in the fifteenth embodiment, the full advertisement image 242a is a moving image (not limited, but an example of the first moving image) based on the full advertisement data (not limited, but an example of the first moving image data). The advertisement image 242b shows a configuration in which a partial moving image (not limited to, but an example of a first partial moving image) of a partial area of the full advertisement 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, thereby making the user feel uncomfortable. A user who has shown an interest in the first partial moving image can be guided to the first moving image without the need to.

また、第15実施例は、ページ表示領域に表示されている部分広告画像242bのうち、少なくとも部分広告画像242bのいずれか一辺の長さに基づいて、制御部21による部分動画像の部分広告画像242bの再生の制御が実行される構成を示している。
このような構成により得られる効果の一例として、表示領域に表示された第1部分動画像の視認性に応じた第1部分動画像の再生開始または再生停止などを実行することができる。
Further, in the fifteenth embodiment, of the partial advertisement image 242b displayed in the page display area, based on the length of at least one side of the partial advertisement image 242b, the partial advertisement image of the partial moving image is displayed by the control unit 21. 242b shows a configuration in which playback control is executed.
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 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辺よりも短い横長の動画像とすることで、コンテンツ情報の表示領域が広告等によって過度に制約されないようにすることができる。その結果、ユーザが広告等を不快に感じることを防止することができる。
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 full advertisement image 242a and a fourth side shorter than the second side of the full advertisement image 242a. The third side is arranged along the longitudinal direction of the page display area, the fourth side is arranged along the short direction of the page display area, and 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 its fourth side, the display area of the content information is not excessively restricted by advertisements or the like. can be made As a result, it is possible to prevent the user from feeling uncomfortable with advertisements and the like.

また、第15実施例は、第1入力は、ユーザのスクロール操作であり、部分広告画像242bとウェブページ241とは、スクロール操作に基づく方向に移動される構成を示している。
このような構成により得られる効果の一例として、ユーザの意図する方向に第1情報と第2コンテンツ情報とが移動することにより、ユーザが第1情報に注目する可能性を高めることができる。
In addition, the fifteenth embodiment shows a configuration in which the first input is the user's scrolling operation, and the partial advertisement image 242b and the web page 241 are moved in the direction based on the scrolling operation.
As an example of the effect obtained by such a configuration, it is possible to increase the possibility that the user will pay attention to the first information 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 for 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, if the user is interested in the first information, the first content information can be displayed by touching the display area.

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

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

具体的には、第1入力に基づく部分動画像の部分広告画像242bのページ表示領域への表示に基づいて、部分動画像の部分広告画像242bの再生の制御が実行されるようにしてもよいし、そのようにしなくてもよい。
限定ではなく例として、端末20は、ユーザのスクロール操作によって部分広告画像242bの全部がページ表示領域に出現したときに、部分動画像の部分広告画像242bの再生を開始する。
このような構成により得られる効果の一例として、第1情報を視認することが良好な状態で、第1部分動画像の再生開始または再生停止などを実行することができる。
Specifically, the reproduction of the partial advertising image 242b of the partial moving image may be controlled based on the display of the partial advertising image 242b of the partial moving image in the page display area based on the first input. and do not have to.
As an example and 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 due to the user's scrolling operation.
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 in which the first information can be visually recognized.

また、部分広告画像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 doesn't have to be.
As an example and not a limitation, the terminal 20 starts playing the partial advertisement image 242b of the partial moving image when a predetermined percentage of the area of the partial advertisement image 242b appears in the page display area due to the user's scrolling operation.
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 while the first information having a size sufficient for visual recognition appears in the display area.

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

また、端末20のユーザによる部分広告画像242bにタッチ操作に基づいて、全体広告画像242aがページ表示領域に表示される例を示したが、このような構成に限定されない。端末20のユーザによる部分広告画像242bに対するピンチアウトの操作に基づいて、全体広告画像242aがページ表示領域に表示されてもよいし、そのようにしなくてもよい。また、端末20のユーザによる「広告を見たい」という音声の入力操作に基づいて、全体広告画像242aがページ表示領域に表示されてもよいし、そのようにしなくてもよい。 Also, an example has been shown in which the full 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. Based on the pinch-out operation on the partial advertisement image 242b by the user of the terminal 20, the entire advertisement image 242a may or may not be displayed in the page display area. In addition, the full 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. FIG.

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

第16実施例に記載の内容は、他の各実施例のいずれにも適用可能である。
また、既出の構成要素と同一の構成要素については同一の符号を付して、再度の説明を省略する。
The content described in the sixteenth embodiment can be applied to any of the other embodiments.
Moreover, the same code|symbol is attached|subjected about the component same as an already-appearing component, and description for the second time is abbreviate|omitted.

<機能構成>
(1)サーバの機能構成
図16-1に示すメインコンテンツデータベース152には、限定ではなく例として、メインコンテンツIDと、そのメインコンテンツデータの記憶領域と、広告番号と、広告主IDと、部分広告画像を識別する画像IDと、部分動画像の再生開始条件と、全体広告画像を識別する画像IDと、そのメインコンテンツ情報における広告配置領域の設定範囲と、が関連付けて記憶されている。
<Functional configuration>
(1) Functional Configuration of Server The main content database 152 shown in FIG. 16-1 contains, for example and not limitation, a main content ID, a storage area for the main content data, an advertisement number, an advertiser ID, and a partial advertisement image. An image ID for identification, conditions for starting playback of a partial moving image, an image ID for identifying a full advertisement image, and a setting range of an advertisement placement 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, if the playback start condition for the partial video image is 70%, playback of the partial video image of the partial advertising image starts when 70% of the vertical width of the partial advertising image is displayed in the page display area. be done.

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

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

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

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

なお、限定ではなく例として図6-8で説明した手法と同様に、部分広告画像の縦幅ばかりでなく、部分広告画像の横幅も考慮して課金額を決定するようにしてもよいし、そのようにしなくてもよい。 Incidentally, as a non-limiting example, similar to the method described with reference to FIGS. 6-8, not only the vertical width of the partial advertisement image but also the horizontal width of the partial advertisement image may be taken into consideration when determining the billing amount. You don't have to do it that way.

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

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

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

また、サーバ10は、広告配置領域の位置を決定する。具体的には、サーバ10は、限定ではなく例として、ウェブページが初期位置にある状態で、ウェブページにおける先頭部分から広告配置領域までの縦幅が、ページ表示領域の縦幅よりも大きくなるように、メインコンテンツ情報における広告配置領域の位置を決定する。つまり、ユーザは、ウェブページが初期位置にある状態では部分広告画像を視認できないが、スクロール操作によってウェブページを上側に移動させることで部分広告画像を視認できるようになる。サーバ10は、決定した広告配置領域の位置をメインコンテンツIDと関連付けてメインコンテンツデータベース152に記憶させる。 The server 10 also determines the position of the advertisement placement area. Specifically, as a non-limiting example, the server 10 makes the vertical width from the top portion of the web page to the advertisement placement area larger than the vertical width of the page display area when the web page is in the initial position. , determine the position of the advertisement placement area in the main content information. In other words, 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 scrolling. The server 10 stores the position of the determined advertisement placement area in the main content database 152 in association with the main content ID.

(4)サーバによる再生開始条件の設定
広告配置領域が設定されると、サーバ10の制御部11は、広告配置領域の縦幅に基づいて、部分動画像の再生開始条件を設定する。
(4) Setting 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 for 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 (70% as an example, not limitation) of the vertical width of the advertisement placement area is A reproduction start condition is set so that reproduction 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 reproduction start condition in the main content database 152 in association with the main content ID.
In other words, when an advertisement placement area with a vertical width of 70% of the vertical width of the advertisement placement area appears from below the page display area of the terminal 20, the portion of the partial advertisement image placed in the advertisement placement area Playback of moving images is started. In this example, the size of the advertisement placement area and the size of the partial advertisement image are the same. Reproduction 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, reproduction of the partial moving image can be started at the timing when the area desired to attract the user's attention becomes visible.

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

また、第16実施例は、部分広告画像の辺の長さ、または部分広告画像の大きさに基づいて、全体広告画像の端末20への送信に基づく課金額が設定される構成を示している。
このような構成により得られる効果の一例として、限定ではなく例として広告効果が高く第1コンテンツ情報への表示につながりやすい第1情報に対して、適切な課金額が設定される。
Further, the 16th embodiment shows a configuration in which the billing amount based on the transmission of the full advertisement image to the terminal 20 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 an 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 and not as a limitation.

また、第16実施例は、全体広告データには全体広告画像のデータが含まれており、全体広告画像は広告番号によって部分広告画像と関連付けられている構成を示している。
このような構成により得られる効果の一例として、端末において、まず第1情報を表示させて、その後に、第1情報に対応した第1コンテンツ情報を表示させることができる。
Further, the 16th embodiment shows a configuration in which the overall advertisement data includes the data of the overall advertisement image, and the overall advertisement image 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 the billing amount based on the transmission of the full advertisement image to the terminal 20 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 an 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 and not as a limitation.

また、第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 is associated with the billing information at the server 10 that transmits the overall advertisement data to the terminal 20. showing.
As an example of the effect obtained by such a configuration, the server side can manage information regarding billing based on the display of the first content information.

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

本変形例では、広告主は、限定ではなく例として、端末20のページ表示領域の縦幅の略1/6の縦幅を有する部分広告画像を設定する。 In this modified example, the advertiser sets 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 as an example and not as a limitation.

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

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

つまり、広告配置領域のすべてが端末20のページ表示領域の下側から現れたときに、その広告配置領域に配置された部分広告画像の部分動画像の再生が開始される。本例では、広告配置領域のサイズと部分広告画像のサイズとが同じであるので、部分広告画像のすべてが端末20のページ表示領域の下側から現れたときに、その現れた部分広告画像の部分動画像の再生が開始される。そして、その部分広告画像のすべてが視認可能な状態であるので、ユーザに注目させたい領域が視認可能となるタイミングで部分動画像の再生を開始することができる。 That is, when the entire advertisement placement area appears from below the page display area of the terminal 20, the partial moving image of the partial advertisement image placed in the advertisement placement area starts to be reproduced. In this example, the size of the advertisement placement area and the size of the partial advertisement image are the same. Playback of the partial moving image is started. 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 desired to attract the attention of the user becomes visible.

上記の例では、部分広告画像の縦幅がページ表示領域の縦幅の略1/2である場合は、部分広告画像の縦幅の70%程度がページ表示領域に表示された場合に部分動画像の再生が開始されるのに対し、広告配置領域の縦幅がページ表示領域の縦幅の略1/6である場合は、部分広告画像の縦幅の100%がページ表示領域に表示された場合に部分動画像の再生が開始される。 In the above example, if the vertical width of the partial advertisement image is approximately 1/2 of the vertical width of the page display area, the partial video will be displayed when about 70% of the vertical width of the partial advertisement image is displayed in the page display area. If 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. playback 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 reproduction start condition is that a part of the partial advertisement image is displayed in the page display area. If it is smaller than the reference, the reproduction start condition can be 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 reproduction start condition when the vertical width of the partial advertisement image is narrower than a certain reference value may not be set to 100%, but may be set to a value of about 80% to 90% as an example without limitation. You don't have to.

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

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

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

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

限定ではなく例として、サーバ10の制御部11は、全体広告画像が静止画像である場合には、全体広告画像を所定の閾値により2値化した2値化画像に基づいて、2値化画像における線分密度が高い領域を注目領域と認識して、その注目領域を含む矩形領域を部分広告画像として設定してもよい。 As an example and not a limitation, when the overall advertisement image is a still image, the control unit 11 of the server 10 generates a binarized image based on the binarized image obtained by binarizing the overall advertisement image using a predetermined threshold value. A region having a high line segment density in , 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は、全体広告画像が動画像である場合には、表示順序に基づく前後の画像間(またはフレーム間)で画素値の差分が大きい領域を注目領域と認識して、その注目領域を含む矩形領域を部分動画像として設定してもよい。 Also, as an example and not a limitation, when the full advertisement image is a moving image, the control unit 11 of the server 10 selects an area having a large difference in pixel value between the images (or between frames) before and after the image based on the display order. A region of interest may be recognized, and a rectangular region including the region of interest may be set as a partial moving image.

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

本変形例は、部分広告画像は、全体広告データを端末20に送信するサーバ10によって設定される構成を示している。
このような構成により得られる効果の一例として、事業者(限定ではなく例として広告主)による第1情報の設定操作を不要とすることができる。
This modification shows a configuration in which the partial advertisement image is set by the server 10 that transmits the full 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 setting operation of the first information by the business operator (as an example, not as a limitation, an advertiser).

<第16変形例(3)>
第16実施例では、端末20で、一のメインコンテンツ情報に関連付けて一の広告情報が表示される例を示したが、このような構成に限らず、一のメインコンテンツ情報に関連付けて複数の広告情報が表示されるようにしてもよい。
<Sixteenth modification (3)>
In the sixteenth embodiment, an example was shown in which one piece of advertisement information is displayed in association with one piece of main content information on the terminal 20. However, the present invention is not limited to such a configuration, and a plurality of pieces of advertisement information are displayed in association with one piece of 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 a non-limiting example, in the main content database 152, one main content ID is associated with two different advertisement numbers (hereinafter referred to as a first advertisement number and a second advertisement number), and the main content data of the main content ID is stored in the terminal. 20, the first advertising content data associated with the first advertising number (data of the first overall advertising image, data of the first partial advertising image that is part of the first overall advertising image); The second advertisement content data (data of the second full advertisement image, data of the second partial advertisement image that is part of the second full advertisement image) associated with the second advertisement number is distributed to the terminal 20. may

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

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

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

1 通信システム
10 サーバ
20 端末
30 ネットワーク
1 communication system 10 server 20 terminal 30 network

Claims (23)

端末によって実行されるプログラムであって、
第1動画データを前記端末の通信部を介して受信することと、
前記第1動画データに基づく第1動画像の一部の領域である第1部分動画像を少なくとも前記端末の表示領域に表示し、前記第1部分動画像の少なくとも一部に重畳し、少なくとも一部に透過領域を有するコンテンツを前記表示領域に表示することと、
前記端末のユーザによる前記表示領域に対する第1入力に基づいて、前記端末の制御部による前記表示領域上を移動させる制御を、前記コンテンツの少なくとも前記透過領域の一部に実行することと、
前記透過領域に基づいて、前記第1部分動画像の再生の制御を前記制御部によって実行することと
前記端末のユーザによる前記第1部分動画像に対する第2入力に基づいて、前記第1動画像を前記端末のユーザに対して視認可能にする制御を前記制御部によって実行することとが前記端末によって実行される。
A program executed by a terminal,
receiving the first video data via a communication unit of the terminal;
displaying a first partial moving image, which is a partial area of the first moving image based on the first moving image data, at least in a display area of the terminal, superimposing at least a portion of the first partial moving image, and at least one displaying content having a transmissive area in the display area;
Controlling at least part of the transmissive region of the content to move on the display region by a control unit of the terminal based on a first input to the display region by the user of the terminal;
executing control of reproduction of the first partial moving image by the control unit based on the transparent region ;
and executing, by the control unit, control to make the first moving image visible to the user of the terminal based on a second input to the first partial moving image by the user of the terminal. executed.
端末によって実行されるプログラムであって、A program executed by a terminal,
第1動画データを前記端末の通信部を介して受信することと、receiving the first video data via a communication unit of the terminal;
前記第1動画データに基づく第1動画像の一部の領域である第1部分動画像を少なくとも前記端末の表示領域に表示し、前記第1部分動画像の少なくとも一部に重畳し、少なくとも一部に透過領域を有するコンテンツを前記表示領域に表示することと、displaying a first partial moving image, which is a partial area of the first moving image based on the first moving image data, at least in a display area of the terminal, superimposing at least a portion of the first partial moving image, and at least one displaying content having a transmissive area in the display area;
前記端末のユーザによる前記表示領域に対する第1入力に基づいて、前記端末の制御部による前記表示領域上を移動させる制御を、前記コンテンツの少なくとも前記透過領域の一部に実行することと、Controlling at least part of the transmissive region of the content to move on the display region by a control unit of the terminal based on a first input to the display region by the user of the terminal;
前記透過領域に基づいて、前記第1部分動画像の再生の制御を前記制御部によって実行することとが前記端末によって実行され、executing control of reproduction of the first partial moving image by the control unit based on the transparent region,
前記第1部分動画像の前記再生の制御は、前記第1部分動画像に基づいて決定される、前記透過領域の大きさ、または前記透過領域の1辺の長さに基づいて、変更される。The control of the reproduction of the first partial moving image is changed based on the size of the transparent area or the length of one side of the transparent area, which is determined based on the first partial moving image. .
請求項に記載のプログラムであって、
前記第2入力に基づいて、前記コンテンツを透過にする処理を前記制御部によって実行することが前記端末によって実行される。
The program according to claim 1 ,
Based on the second input, the terminal executes a process of making the content transparent by the control unit.
請求項1または請求項3に記載のプログラムであって、
前記第2入力に基づいて、前記表示領域に表示された前記コンテンツから前記第1動画像に変更する処理を前記制御部によって実行することが前記端末によって実行される。
The program according to claim 1 or claim 3 ,
Based on the second input, the terminal executes a process of changing the content displayed in the display area to the first moving image by the control unit.
請求項1、請求項3、請求項4のいずれか一項に記載のプログラムであって、
前記第2入力は、前記端末のユーザによる前記第1部分動画像をタッチする操作による入力である。
The program according to any one of claims 1, 3, and 4,
The second input is input by an operation of touching the first partial moving image by the user of the terminal.
請求項1から請求項5のいずれか一項に記載のプログラムであって、
前記第1部分動画像の前記再生の制御は、前記透過領域が前記表示領域に表示されたことに基づいて実行される。
The program according to any one of claims 1 to 5 ,
The control of the reproduction of the first partial moving image is performed based on the transmissive area being displayed in the display area.
請求項1から請求項6のいずれか一項に記載のプログラムであって、
前記第1部分動画像の前記再生の制御は、前記透過領域が前記表示領域に表示されている大きさに基づいて実行される。
The program according to any one of claims 1 to 6 ,
The control of the reproduction of the first partial moving image is performed based on the size of the transmissive area displayed in the display area.
請求項1から請求項6のいずれか一項に記載のプログラムであって、
前記第1部分動画像の前記再生の制御は、前記表示領域に表示されている前記透過領域のうち、少なくとも前記透過領域のいずれか一辺の長さに基づいて実行される。
The program according to any one of claims 1 to 6 ,
The control of the reproduction of the first partial moving image is performed based on the length of at least one side of the transmissive area displayed in the display area.
請求項1から請求項6のいずれか一項に記載のプログラムであって、
前記第1部分動画像の前記再生の制御は、前記透過領域のうちの一部の領域が前記表示領域に表示されたことに基づいて実行される。
The program according to any one of claims 1 to 6 ,
The control of the reproduction of the first partial moving image is performed based on display of a part of the transmissive area in the display area.
請求項1から請求項のいずれか一項に記載のプログラムであって、
前記第1部分動画像の前記再生の制御は、前記透過領域と、前記第1部分動画像との前記表示領域上での位置関係に基づいて実行される。
The program according to any one of claims 1 to 9 ,
The control of the reproduction of the first partial moving image is performed based on the positional relationship between the transmissive area and the first partial moving image on the display area.
請求項10に記載のプログラムであって、
前記第1部分動画像の前記再生の制御は、前記透過領域が前記第1部分動画像の少なくとも一部に重畳したことに基づいて実行される。
A program according to claim 10 ,
The control of the reproduction of the first partial moving image is performed based on superimposition of the transparent region on at least part of the first partial moving image.
請求項11に記載のプログラムであって、
前記第1部分動画像の前記再生の制御は、前記透過領域が前記第1部分動画像を重畳した大きさに基づいて実行される。
A program according to claim 11 ,
The control of the reproduction of the first partial moving image is performed based on the size of the transmissive area superimposed on the first partial moving image.
請求項1から請求項12のいずれか一項に記載のプログラムであって、
前記第1動画データに基づく第1動画像を前記表示領域に表示し、前記第1動画像の少なくとも一部に重畳する前記コンテンツを前記表示領域に表示することが前記端末によって実行される。
The program according to any one of claims 1 to 12 ,
Displaying in the display area a first moving image based on the first moving image data, and displaying in the display area the content superimposed on at least a part of the first moving image are executed by the terminal.
請求項1から請求項12のいずれか一項に記載のプログラムであって、
第2動画データを前記通信部を介して受信することと、
前記第2動画データに基づく第2動画像の一部の領域である第2部分動画像を少なくとも前記表示領域に表示することと、
前記透過領域に基づいて、前記第2動画像の再生の制御を前記制御部によって実行することとが前記端末によって実行される。
The program according to any one of claims 1 to 12 ,
receiving the second video data via the communication unit;
displaying, in at least the display area, a second partial moving image that is a partial area of the second moving image based on the second moving image data;
Based on the transmissive area, the terminal controls reproduction of the second moving image by the control unit.
請求項14に記載のプログラムであって、
前記表示領域は、長手方向と短手方向とを有し、
前記第1動画像は、第1辺と、前記第1辺よりも短い第2辺とを有し、
前記第1部分動画像は、第3辺と、前記第3辺よりも長い第4辺とを有し、
前記第3辺が前記長手方向に沿って配置され、前記第4辺が前記短手方向に沿って配置され、前記第1部分動画像が前記表示領域に表示される。
15. The program according to claim 14 ,
The display area 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.
請求項15に記載のプログラムであって、
前記第1部分動画像の前記再生の制御は、前記透過領域が前記第1部分動画像の少なくとも一部に重畳したことに基づいて実行され、
前記第2部分動画像の前記再生の制御は、前記透過領域が前記第2部分動画像の少なくとも一部に重畳したことに基づいて実行され、
前記第1部分動画像は、前記透過領域が前記第2部分動画像の少なくとも一部に重畳したことに基づいて、前記第1部分動画像の前記再生を停止する制御が前記制御部によって実行される。
16. The program according to claim 15 ,
the control of the reproduction of the first partial moving image is performed based on the fact that the transparent region overlaps at least part of the first partial moving image;
the control of the reproduction of the second partial moving image is performed based on the fact that the transparent region overlaps at least part of the second partial moving image;
The first partial video image is controlled by the control unit to stop the reproduction of the first partial video image based on the transparent region being superimposed on at least a part of the second partial video image. be.
請求項1から請求項16のいずれか一項に記載のプログラムであって、
前記第1動画データは、事業者によって前記端末への送信が依頼され、
前記第1部分動画像の領域は、前記事業者によって設定される。
The program according to any one of claims 1 to 16 ,
the transmission of the first video data to the terminal is requested by a business operator;
The area of the first partial moving image is set by the operator.
請求項1から請求項17のいずれか一項に記載のプログラムであって、
前記第1動画データは、広告に関するデータである。
The program according to any one of claims 1 to 17 ,
The first moving image data is data related to advertisement.
請求項1から請求項18のいずれか一項に記載のプログラムであって、
前記第1入力は、前記端末のユーザによるスクロール操作であり、
前記透過領域は、前記スクロール操作に基づく方向に移動される。
The program according to any one of claims 1 to 18 ,
the first input is a scroll operation by a user of the terminal;
The transmissive area is moved in a direction based on the scroll operation.
端末の制御方法であって、
第1動画データを前記端末の通信部を介して受信することと、
前記第1動画データに基づく第1動画像の一部の領域である第1部分動画像を少なくとも前記端末の表示領域に表示し、前記第1部分動画像の少なくとも一部に重畳し、少なくとも一部に透過領域を有するコンテンツを前記表示領域に表示することと、
前記端末のユーザによる前記表示領域に対する第1入力に基づいて、前記端末の制御部による前記表示領域上を移動させる制御を、前記コンテンツの少なくとも前記透過領域の一部に実行することと、
前記透過領域に基づいて、前記第1部分動画像の再生の制御を前記制御部によって実行することと
前記端末のユーザによる前記第1部分動画像に対する第2入力に基づいて、前記第1動画像を前記端末のユーザに対して視認可能にする制御を前記制御部によって実行することとを含む。
A terminal control method comprising:
receiving the first video data via a communication unit of the terminal;
displaying a first partial moving image, which is a partial area of the first moving image based on the first moving image data, at least in a display area of the terminal, superimposing at least a part of the first partial moving image, and at least one displaying content having a transmissive area in the display area;
Controlling at least part of the transmissive region of the content to move on the display region by a control unit of the terminal based on a first input to the display region by the user of the terminal;
executing control of reproduction of the first partial moving image by the control unit based on the transparent region ;
and executing control by the control unit to make the first moving image visible to the user of the terminal based on a second input to the first partial moving image by the user of the terminal.
端末の制御方法であって、A terminal control method comprising:
第1動画データを前記端末の通信部を介して受信することと、receiving the first video data via a communication unit of the terminal;
前記第1動画データに基づく第1動画像の一部の領域である第1部分動画像を少なくとも前記端末の表示領域に表示し、前記第1部分動画像の少なくとも一部に重畳し、少なくとも一部に透過領域を有するコンテンツを前記表示領域に表示することと、displaying a first partial moving image, which is a partial area of the first moving image based on the first moving image data, at least in a display area of the terminal, superimposing at least a portion of the first partial moving image, and at least one displaying content having a transmissive area in the display area;
前記端末のユーザによる前記表示領域に対する第1入力に基づいて、前記端末の制御部による前記表示領域上を移動させる制御を、前記コンテンツの少なくとも前記透過領域の一部に実行することと、Controlling at least part of the transmissive region of the content to move on the display region by a control unit of the terminal based on a first input to the display region by the user of the terminal;
前記透過領域に基づいて、前記第1部分動画像の再生の制御を前記制御部によって実行することとを含み、executing control of reproduction of the first partial moving image by the control unit based on the transparent region;
前記第1部分動画像の前記再生の制御は、前記第1部分動画像に基づいて決定される、前記透過領域の大きさ、または前記透過領域の1辺の長さに基づいて、変更される。The control of the reproduction of the first partial moving image is changed based on the size of the transparent area or the length of one side of the transparent area, which is determined based on the first partial moving image. .
動画像の制御を行う端末であって、
第1動画データを受信する通信部と、
前記第1動画データに基づく第1動画像の一部の領域である第1部分動画像を少なくとも表示し、前記第1部分動画像の少なくとも一部に重畳し、少なくとも一部に透過領域を有するコンテンツを表示する表示部と、
前記端末のユーザによる前記表示部の表示領域に対する第1入力に基づいて、前記表示領域上を移動させる制御を、前記コンテンツの少なくとも前記透過領域の一部に実行する制御部とを備え、
前記制御部は、前記透過領域に基づいて、前記第1部分動画像の再生の制御を実行し、前記端末のユーザによる前記第1部分動画像に対する第2入力に基づいて、前記第1動画像を前記端末のユーザに対して視認可能にする制御を実行する。
A terminal for controlling moving images,
a communication unit that receives the first moving image data;
displaying at least a first partial moving image that is a partial area of the first moving image based on the first moving image data, superimposed on at least a portion of the first partial moving image, and having a transmissive area at least partially; a display for displaying content;
a control unit that controls at least part of the transmissive area of the content to move on the display area based on a first input to the display area of the display unit by the user of the terminal;
The control unit controls reproduction of the first partial video image based on the transparent region , and controls the reproduction of the first video image portion based on a second input to the first partial video image by the user of the terminal. is visible to the user of the terminal.
動画像の制御を行う端末であって、A terminal for controlling moving images,
第1動画データを受信する通信部と、a communication unit that receives the first moving image data;
前記第1動画データに基づく第1動画像の一部の領域である第1部分動画像を少なくとも表示し、前記第1部分動画像の少なくとも一部に重畳し、少なくとも一部に透過領域を有するコンテンツを表示する表示部と、displaying at least a first partial moving image that is a partial area of the first moving image based on the first moving image data, superimposed on at least a portion of the first partial moving image, and having a transmissive area at least partially; a display for displaying content;
前記端末のユーザによる前記表示部の表示領域に対する第1入力に基づいて、前記表示領域上を移動させる制御を、前記コンテンツの少なくとも前記透過領域の一部に実行する制御部とを備え、a control unit that controls at least part of the transmissive area of the content to move on the display area based on a first input to the display area of the display unit by the user of the terminal;
前記制御部は、前記透過領域に基づいて、前記第1部分動画像の再生の制御を実行し、The control unit controls reproduction of the first partial video image based on the transparent area,
前記第1部分動画像の前記再生の制御は、前記第1部分動画像に基づいて決定される、前記透過領域の大きさ、または前記透過領域の1辺の長さに基づいて、変更される。The control of the reproduction of the first partial moving image is changed based on the size of the transparent area or the length of one side of the transparent area, which is determined based on the first partial moving image. .
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 JP2021056781A (en) 2021-04-08
JP2021056781A5 JP2021056781A5 (en) 2022-10-11
JP7336341B2 true 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)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160274780A1 (en) 2015-03-20 2016-09-22 Yahoo Japan Corporation Information display apparatus, distribution apparatus, information display method, and non-transitory computer readable storage medium
JP2017027032A (en) 2015-07-17 2017-02-02 ヤフー株式会社 Information display device, information display method, information display program and distribution device
JP2017146430A (en) 2016-02-16 2017-08-24 ヤフー株式会社 Information display program, information display device, information display method and distribution device
JP2018197828A (en) 2017-05-24 2018-12-13 ロカリサーチ株式会社 Computer program
JP2019133606A (en) 2018-02-02 2019-08-08 ヤフー株式会社 Information display program, information display method, information display device, and distribution device

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160274780A1 (en) 2015-03-20 2016-09-22 Yahoo Japan Corporation Information display apparatus, distribution apparatus, information display method, and non-transitory computer readable storage medium
JP2017027032A (en) 2015-07-17 2017-02-02 ヤフー株式会社 Information display device, information display method, information display program and distribution device
JP2017146430A (en) 2016-02-16 2017-08-24 ヤフー株式会社 Information display program, information display device, information display method and distribution device
JP2018197828A (en) 2017-05-24 2018-12-13 ロカリサーチ株式会社 Computer program
JP2019133606A (en) 2018-02-02 2019-08-08 ヤフー株式会社 Information display program, information display method, information display device, and distribution device

Also Published As

Publication number Publication date
JP2021056781A (en) 2021-04-08

Similar Documents

Publication Publication Date Title
JP5752708B2 (en) Electronic text processing and display
KR101688942B1 (en) Method for providing user interface based on multiple display and mobile terminal using this method
KR102478011B1 (en) Display controlling method, terminal, information processing apparatus, and program
US20130311561A1 (en) Authoring, archiving, and delivering interactive social media videos
US20170220591A1 (en) Modular search object framework
US20220207563A1 (en) Control method, program, and terminal
US20220207570A1 (en) Control method, program, and terminal
US20150317319A1 (en) Enhanced search results associated with a modular search object framework
JP6482501B2 (en) Information display program, information display method, information display device, and distribution device
CN110971953B (en) Video playing method, device, terminal and storage medium
JP2023551670A (en) Page switching display method, device, storage medium and electronic equipment
US20230419366A1 (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
JP5941568B1 (en) Information display program, information display apparatus, information display method, distribution apparatus, and distribution method
WO2022161022A1 (en) Page display method and apparatus, and computer device and storage medium
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
JP7336341B2 (en) program, control method, terminal
JP7353897B2 (en) Program, control method, terminal
CN115967831B (en) Video display method, device, electronic equipment and storage medium
JP2017228845A (en) Information display program, information display device, information display method, and distribution device
JP2017027032A (en) Information display device, information display method, information display program and distribution device
CN110879684A (en) Content display method and device
JP7137984B2 (en) Information display program, information display method, and information processing device
JP6761839B2 (en) Information display program, information display device, information display method 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