JP2018197828A - Computer program - Google Patents

Abstract

To provide a computer program for controlling display advertisement contents capable of minimizing hindrance of switching to a main content and obstruction of browsing while displaying a piece of advertisement content on screen whole area.SOLUTION: The computer program is configured to cause a computer to execute the steps of: resizing a piece of advertisement content; detecting a scroll operation; calculating the display position and the display area where the advertisement content is displayed with respect to the touch display on the screen; and displaying the advertisement content in the screen whole area of the touch display on the basis of the display position and the display area calculated in the display area calculation step when a scroll operation by a user is detected in the scroll operation detection step.SELECTED DRAWING: Figure 7

Description

  The present invention relates to a control technique for displaying advertisement content in a web page on a terminal.

Various information is distributed on the Internet. In addition to the main content of the page (hereinafter referred to as “this content”), a distribution method for displaying “advertising content” intended for some kind of advertisement, so-called Internet advertisement distribution, is often performed in web pages. .
Further, in recent years, the market of Internet advertisements distributed on the assumption that output is performed on a portable information terminal (hereinafter simply referred to as “portable information terminal”) that is operated by a user touching the screen, represented by a smartphone, is increasing year by year. ing.

Various methods of expressing Internet advertisements have been born. When this content is a video, “in-stream ads” that display advertising content for a few seconds before, after, or during the video playback are popular (for advertisers) .
The in-stream advertisement is characterized in that the main content and the advertising content are not displayed at the same time but are switched and displayed.
The main functions that support in-stream advertisements include a minimum display time function for advertisement content and a skip function for switching to this content.

In order for a viewer (user of a portable information terminal) to view all or part of this content including in-stream advertisements, advertisement content must be displayed. It is evaluated by the advertisers who want to deliver.
However, for a viewer who wants to shorten the time during which the advertisement content is displayed, it is necessary to press a skip button for interrupting the display of the advertisement content. That is, for users who do not want to browse the advertising content, they felt that smooth browsing of this content would be hindered.
That is, the Internet advertisement expression method has a problem in that the usability is low for the user.

When browsing a web page in which the content is an article on a portable information terminal, the screen of the portable information terminal is small.
There are the following display methods.
For example, “interstitial type” displays advertising content on the entire screen before displaying all or part of the content, and the screen switches to the content when the user presses the skip button. It is a display technique.
The “overlay type” is a method in which, when the user browses the content while scrolling the web page, the advertising content is continuously displayed on a part of the screen without being affected by the scroll operation.

  Patent Document 1 exemplifies a technique for minimizing a decrease in usability with an overlay type.

Patent No. 5974241

The interstitial type described above is a method in which an in-stream advertisement is applied to an article, and the point that an operation for switching to this content is necessary is that the usability is low.
In addition, since the overlay type displays the main content and the advertising content at the same time, both display areas are small, and thus there is a drawback that the degree of gazing at the advertising content for the user is low.

  Considering the above, we applied an ad delivery method with a high degree of attention, such as in-stream ads, to articles, while maintaining a display method with a high advertising effect by the minimum display time mechanism, It seems that there is a need for technical means that do not reduce usability, such as the overlay type.

Therefore, the present invention provides a program having a display control function for advertising content that minimizes the trouble of switching to this content and preventing browsing while displaying the advertising content on the entire screen in the portable information terminal. The purpose is to do.
In addition, an object of the present invention is to provide a program having a function of controlling a display method for continuously displaying advertisement content over the entire area of the screen.

  In order to solve the above-described problems, the following inventions are provided.

(First invention)
The first invention is a wireless communication device that wirelessly communicates via a network, a processor, a storage device, a touch display that also serves as an output device, and a browsing that browses a web page including advertising content on the touch display. The present invention relates to a program and an advertisement display control program that operates on the provided portable information terminal.
The advertisement display control program includes an advertisement content resizing procedure for controlling a display position and a size so that an advertisement content on a web page is displayed on the entire screen of the touch display;
A scroll operation detection procedure for detecting a scroll operation in which a user of the portable information terminal touches the touch display and scrolls a display position;
A display area calculation procedure for calculating a display position and a display area where the advertising content is displayed on the screen with respect to the touch display;
When the scroll operation detection procedure detects a scroll operation by the user, the entire area for displaying the advertising content on the entire screen of the touch display based on the display position and display area calculated by the display area calculation procedure Display procedure,
Is a computer program that causes the portable information terminal to execute.

(Variation 1 of the first invention)
The first invention may be formed as follows.
That is, the above-mentioned whole area display procedure may be a computer program that causes the portable information terminal to execute a procedure of scrolling so that the whole area is gradually displayed regardless of the scroll operation of the user.

(Variation 2 of the first invention)
The first invention may be formed as follows.
That is, a touch detection procedure for detecting an operation in which the user touches the touch display to scroll the web page;
By the touch detection procedure, for the detected touch operation, the default operation of the browsing program is invalidated, and the scroll operation invalidation procedure for controlling the user so that the scroll operation of the web page cannot be performed,
A scroll invalidation procedure for invalidating a scroll operation by the scroll operation invalidation procedure when the advertising content is displayed on the entire screen with respect to the touch display by the whole area display procedure;
A scroll operation enabling procedure for stopping the touch detection procedure detected for the scroll operation disabling procedure after a certain time from the execution of the scroll operation disabling procedure and returning the web page to a state in which the user can perform the scroll operation;
It is good also as a computer program which made the said portable information terminal perform.

(Variation 3 of the first invention)
The above-described variation 2 in the first invention may be formed as follows.
That is, a skip button that can switch between displaying and not displaying in the advertising content is arranged,
Hide the skip button in the advertising content resizing procedure,
After the scroll operation valid means enables the user to scroll the web page,
When the skip button is displayed and the user taps the skip button,
A computer that causes the portable information terminal to execute an advertisement content skip procedure for displaying content following the advertisement content on the entire screen of the touch display based on the display position and display area calculated by the display area calculation procedure It may be a program.

(Variation 4 of the first invention)
Variation 3 in the first invention may be formed as follows.
That is, the procedure for scrolling the advertisement content skip procedure so as to gradually display the entire content following the advertisement content without depending on the user's scroll operation.
The computer program may be executed by the portable information terminal.

(Variation 5 of the first invention)
The first invention may be formed as follows.
That is, the advertising content is displayed including a video,
The video is automatically played at the same time as the whole area display procedure,
When a scroll operation is detected by the scroll operation detection procedure, a restart procedure for playing or pausing or resuming the moving image based on the display position and display area calculated by the display area calculation procedure,
The computer program may be executed by the portable information terminal.

(Variation 6 of the first invention)
Variation 5 in the first invention may be formed as follows.
In other words, the video included in the advertisement content is in a full screen playback state for playback of the video from the browsing mode of the web page held by the browsing program, and the playback function of the video player of the playback program to be played back is not used. ,
A pseudo-video playback procedure that the user feels as if the video is being played, by continuously setting the current playback position of the video player that the viewing program has,
At the same time as the pseudo-video playback procedure, use the audio player of the viewing program to play the audio,
The procedure to enable or disable the audio playback,
The computer program may be executed by the portable information terminal.

(Variation 7 of the first invention)
The first invention may be formed as follows.
That is, there is this content that is content other than the advertising content on the web page,
The content is displayed on the front and the advertising content is displayed on the back.
When the book content and the advertisement content are opaque display elements, the user cannot see the advertisement content on the rear side from the screen of the touch display so as to be hidden by the book content on the front side.
An advertising content resizing procedure for controlling the display position and size so that the advertising content on the rear surface is displayed on the entire screen of the touch display;
An advertising content fixing procedure for fixing the advertising content on the rear surface so as not to be affected by scrolling by the user's scrolling operation;
A transparent element insertion procedure for displaying an advertisement content, which inserts a transparent display element of the same size as the advertisement content set by the advertisement content resizing means at the beginning, end or middle of the main content;
A procedure for making the advertising content on the rear surface fixed when the transparent surface element is displayed on the screen of the touch display by the user's scrolling operation visible to the user,
The computer program may be executed by the portable information terminal.

  The computer program according to the present invention is executed using hardware resources such as a central processing unit (CPU), a memory, an output device, and a communication device provided in the portable information terminal.

The computer program according to the present invention can be provided by being stored in a recording medium.
Here, the “recording medium” is a medium that can carry a program that cannot occupy space by itself. For example, a flexible disk, hard disk, CD-R, CD-RW, MO (magneto-optical disk), DVD-R, DVD-RW, flash memory, and the like.
It is also possible to transmit from a computer (server) storing a program according to the present invention to another terminal (portable information terminal) through a communication line.

  Of course, it is possible to provide the second invention of the portable information terminal in which the computer program according to the first invention is installed.

(Glossary)
Hereinafter, the above terms will be explained.
The “moving image” is a concept in which moving images can be shown in a moving state by sequentially switching and outputting about 30 continuous shot still images per second. Various methods have been developed for moving image data depending on the means for reducing the data capacity by compressing the still image, which is defined as a moving image format. A video player that plays back video data generally has a video format that can be played back. In other words, the “video” is composed of continuous still images, and the effect obtained by continuously outputting the video is a visual element that appears to move.

The “predetermined web page” is a web page on which an application according to the present application, that is, an application capable of reproducing moving image data inline instead of full screen display can be operated.
A web page that is not the “predetermined web page” is referred to as a “general web page”.
The reproduction of moving image data in the “inline reproduction” is to reproduce a moving image within a moving image area prepared in advance on a web page. Execute without switching screens in full screen playback by native player.

According to the present invention, on a portable information terminal, a program having a display control function for advertising content that minimizes the trouble of switching to this content and preventing browsing while displaying the advertising content on the entire screen. Could be provided.
In addition, it was possible to provide a program that also had a function to control the display method so that advertisement content could be continuously displayed on the entire screen for a certain period of time.

It is a conceptual diagram which shows the definition regarding the size of this content, advertising content, and a display area. It is a conceptual diagram which shows the arrangement | positioning relationship between this content and advertisement content. It is a figure which defines three types of display states. It is a conceptual diagram which shows the relationship between this content and a display area. It is a conceptual diagram which shows a whole area display procedure. It is a conceptual diagram which shows a resizing procedure. It is a conceptual diagram which shows a touch detection procedure and a scroll operation invalidation procedure. It is a conceptual diagram which shows the procedure which makes it non-display after displaying a skip button. It is a conceptual diagram which shows the relationship between a site operator, an advertisement provider, and a user. It is a flowchart which shows the reproduction | regeneration command of a moving image. It is a flowchart which shows the reproduction | regeneration command of a moving image with an audio | voice. It is a conceptual diagram which shows a mode that this content and advertisement content were arrange | positioned three-dimensionally. It is a conceptual diagram which shows an advertisement content fixing procedure. It is a flowchart which shows display area control. It is mainly a flowchart of the first embodiment. It is mainly a flowchart of the second embodiment.

Hereinafter, the present invention will be described in more detail based on embodiments.
The present invention relates to an advertisement display control program that is executed via a browsing program installed in a portable information terminal. Examples of the portable information terminal used for carrying out the present invention include a smartphone and a tablet terminal. The browsing program used to implement the present invention is a general-purpose web browser (for example, safari or chrome).
The portable information terminal is assumed to employ a touch display. Here, the touch display is an output device capable of performing an input operation depending on a position touched on the output screen and its movement by touching the output screen with a finger of a user of the portable information terminal (hereinafter simply “user”). It is a display that functions not only as an input device.

Below, as a form for implementing this invention, in the smart phone provided with the touch display, the user desires while the user is actively browsing (desiring) a predetermined web page. A case where advertising content that is not necessarily displayed is displayed as an example.
In the following description, content that the user wants to browse is referred to as “main content”, and content that is not desired is referred to as “advertisement content”.

Although the advertisement display control program according to the present embodiment is created by JavaScript (registered trademark), the present invention is not limited to this.
The advertisement display control program is executed by a web browser reading a web page in which the advertisement display control program is embedded or a web page instructed to read the web page. The advertisement display control program includes data or an identifier necessary for displaying advertisement content.

The display content posted on the web page includes the main content and the advertising content (see FIG. 1). This content is prepared by the site operator (the site operator may be different from the content creator), and the advertisement content is prepared by the advertisement provider (see FIG. 9).
When a user browses a web page using a web browser of a portable information terminal, the site operator selects whether or not advertisement content is displayed and the advertisement content to be displayed, and the display content is determined (see FIG. 9). That is, even if the web page is the same, different advertising content may be displayed when the user browses the web page depending on the selection of the advertising content by the site operator.

  Further, the advertisement provider can arbitrarily determine whether or not to display the skip button. This point will be described in an embodiment described later.

  FIG. 1 illustrates definitions of “pre-advertisement main content”, “post-advertisement main content”, and “advertisement content” according to five embodiments. The height of the screen output to the touch display is h, the height of the pre-advertisement main content is fh, and the height of the post-advertisement main content is bh (see FIGS. 1 and 2).

<First embodiment>
The advertisement display control program according to the first embodiment performs display control using an arbitrary display element as advertisement content.
An “arbitrary display element” is an arbitrary element that can be displayed by a browsing program, such as an HTML element or an SVG element. For example, one image may be displayed, a plurality of images may be arranged side by side, or a plurality of images may be displayed so as to be switched at regular intervals.
FIG. 15 shows a flowchart according to the first embodiment. FIG. 14 shows a flowchart relating to the display area control in FIG.

The advertisement display control program according to the first embodiment includes an “advertising content resizing procedure”, an “advertising content arrangement pattern”, a “screen display state”, a “scroll operation detection procedure”, a “display area calculation procedure”, and a “entire display”. "Procedure" is provided. These are described in detail below.
“Scroll operation detection procedure”, “display area calculation procedure”, and “entire area display procedure” correspond to the flowchart of FIG. 14, and the rest correspond to the flowchart of FIG. 15.

(Advertising content resizing procedure)
The function of the “advertisement content resizing procedure” will be described with reference to FIG.
The advertisement display control program of the first embodiment is read and executed by a web browser. First, data representing the display of advertising content (arbitrary display element) or data necessary for generating an arbitrary display element is downloaded to the portable information terminal. Then, the display element of the advertisement content is developed in the web page being browsed. At this time, the advertisement content resizing procedure is to resize the display size (height a) of the advertisement content so as to be the same as the size (height h) of the screen output to the touch display.
In addition, when the data or identifier required for advertisement display is invalid, the advertisement content resizing procedure cannot be executed if any display element cannot be normally arranged as the advertisement content.

(Ad content placement pattern)
The advertisement content arrangement pattern will be described with reference to FIG.
The advertisement content is arranged in the vertical direction in front of, behind, or in the middle of the content. As shown in FIG. 1, the main content arranged in the forward direction of the advertising content is referred to as “pre-advertising main content”, and the main content arranged in the backward direction of the advertising content is referred to as “post-advertising main content”.

When the advertising content is arranged in the middle of the main content, the arrangement in the web page is the main content before the advertisement, the advertising content, and the content after the advertisement from the top. This case corresponds to (1), (2) or (3) in FIG.
When the advertisement content is arranged before the main content, the arrangement in the web page is the advertisement content and the post-advertisement main content from the top, and fh = 0. This case corresponds to (4) or (5) in FIG.
When the advertisement content is arranged after the main content, the arrangement in the web page is the pre-advertisement content and the post-advertisement main content from the top, and bh = 0. This case corresponds to (6) or (7) in FIG.

(Screen display status)
For convenience of explanation in the embodiment, the display state of the screen is defined as follows according to the combination of contents displayed on the screen output to the touch display (see FIG. 3).
The state where the entire screen displays all or part of the content is “A1 state”, and the entire screen displays all or part of the content and part of the advertising content in the vertical direction at the same time. It is assumed that the state is “A2 state” and the state where the entire screen displays all of the advertising content is “A3 state”.

The main content in the A2 state does not distinguish the pre-advertisement main content and the post-advertisement main content. That is, in the A2 state, the pre-advertisement main content and the advertising content may be displayed simultaneously, or the post-advertisement main content and the advertising content may be displayed simultaneously.
However, since the height “a” of the advertising content is the same as the same height h as the screen by the “advertising content resizing procedure” described above, the pre-advertising main content, the post-advertising main content, and the advertising content are displayed simultaneously. There is nothing.

A combination of (advertising content arrangement pattern) and (screen display state) is shown in FIG.
(1) is h <= fh and h <= bh, (2) is 0 <fh and h <bh, (3) is h <= fh and 0 <bh <h, (4) is fh = 0 and h <= bh, (5) is fh = 0 and 0 <bh <h, (6) is h <= fh and bh = 0, and (7) is 0 <fh <h and bh = 0. (1) to (3) are arrangement patterns including advertisement content, pre-advertisement main content, and post-advertisement main content. (4) and (5) are arrangement patterns in which there is no pre-advertisement content and there are advertising content and post-advertisement main content. (6) and (7) are arrangement patterns in which there is no post-advertisement content and there are advertising content and pre-advertising content.

  When scrolling when browsing the content displayed on the screen that is output to the touch display installed on the smartphone, the user wants to browse the content that is currently displayed on the screen. Swipe in the direction to scroll down. Conversely, you can scroll up by swiping the screen from top to bottom. Let st be the distance from the position displayed at the top of the screen by the scroll operation to the top of the web page.

  In any state of (1) to (7) arranged by (Advertising Content Resize Procedure), the upper end of the web page is displayed on the screen of the touch display (st = 0), and (Screen Display State) is initial It becomes a state. The user changes (display state of the screen) by scrolling. During 0 <= st <= fh-h, it is in the A1 state (because it is in front of the advertising content, so it is defined as “A1 forward state”), and fh-h <st <fh is in the A2 state (behind the advertising content, Fh = st is in the A3 state, fh <st <fh + h is in the A2 state (because it is behind the advertising content, it is defined as “A2 backward state”), and fh + h <= st is in the A1 state (Defined as “A1 rear state”). Note that 0 <= st <= fh + bh is always satisfied because the web browser cannot be scrolled beyond the size of the content due to restrictions on browsing the web page.

(1), (3), and (6) are patterns (see FIG. 4) that can be in the A1 front state and the A2 front state by h <= fh (see FIG. 4), and the initial state (st = 0) is the A1 state. Since (2) and (7) cannot satisfy the A1 front state because 0 <fh <h, the A1 front state cannot occur and the A2 front pattern can be formed. The initial state (st = 0) Is in the A2 state. Since (4) and (5) cannot satisfy the A1 forward state and the A2 forward state from fh = 0, the A1 forward state and the A2 forward state cannot occur, and the initial state (st = 0) becomes the A3 state. .
In any of the states (1) to (7), the height of the advertising content is always h by the (advertising content resizing procedure), so that it can be in the A3 state.
(1), (2), and (4) can be in the A1 rear state and the A2 rear state by repeating the scroll operation through the initial state by h <= bh. Since (3) and (5) cannot satisfy the A1 rear state because 0 <bh <h, repeating the scroll operation through the initial state can result in the A2 rear state instead of the A1 rear state. Since (6) and (7) cannot satisfy the A1 rear state and the A2 rear state because bh = 0, the scroll operation is repeated through the initial state, so that the A1 rear state and the A2 rear state cannot be obtained. .

(Display area control scroll operation detection procedure and display area calculation procedure)
The advertisement display control program according to the present embodiment includes a display region control scroll operation detection procedure and a display region calculation procedure.
The display region control scroll operation detection procedure detects a scroll operation by the user via a web browser. The display area calculation procedure calculates the display position and display area of the advertisement content on the screen, and calculates the display ratio of the advertisement content with respect to the display area.
The display ratio of the advertisement content in the A2 front state is obtained by ah / h = (h + st−fh) / h. The display ratio of the advertising content in the A2 rear state is obtained by ah / h = (h−st + fh) / h.
The display ratio of the advertising content may be obtained by ah / h = min (h + st−fh, h−st + fh) / h without distinguishing the A2 front state and the A2 rear state (min (A, B) is Compare B and select the smaller one).

(Full display procedure for display area control)
The advertisement display control program according to the present embodiment includes a whole area display procedure for display area control. The function of the whole area display procedure of the display area control will be described with reference to FIG.
That is, when the user performs a scroll operation in the A2 state, the display area is set so that the display state of the advertisement content is more than a certain value, for example, 80% or more. The entire display procedure of control is scrolled.

The entire display procedure for this display area control is to set the A3 state to the A3 state at the moment when 80% or more of the display is detected, in addition to continuously displaying at the same speed as the user's scrolling speed. It may be displayed discontinuously.
Also, from the moment when a display of 80% or more is detected, after a state where there is no scroll operation by the user, a predetermined interval (for example, 0.5 seconds) is provided, and then the whole area display procedure functions (display to the A3 state). It may be changed).

  The display area control shown in FIG. 14 ends in the A3 state. In the first embodiment, as shown in FIG. 15, in order to browse this content, the scroll operation by the user is continued. Therefore, display area control is repeated as long as content browsing continues.

According to the advertisement display control program according to the first embodiment described above, the present content and the advertisement content are switched only by the scroll operation by the user for browsing the content, and thus the usability is not greatly reduced. In the prior art, for example, a tap operation of a button for skipping advertisement display is necessary between scroll operations.
In addition, since the advertising content is displayed over the entire screen, the degree of gaze by the user can be increased, and the intention of the advertisement provider is easily achieved. That is, the advertising effect is enhanced as compared with an advertisement by switching to the entire screen unintended by the user or an advertisement display control that is a small advertisement display that is not the entire screen.

<Second embodiment>
A flowchart according to the second embodiment is shown in FIG.
The advertisement display control program according to the second embodiment implements processing for continuing to display advertisement content for a certain period of time in addition to the first embodiment.
The advertisement provider can select whether or not to place a skip button in the advertisement content. Here, the “skip button” is a button for the user to perform a tap operation to skip the advertisement content and display the content.

(Advertising content resizing procedure)
In the second embodiment, when a skip button is arranged in the advertising content, the skip button is hidden at the same timing as (advertising content resizing procedure) (see FIG. 8). After the advertisement content is continuously displayed for a certain period of time, the user can skip the operation.

(Touch detection procedure and scroll operation invalidation procedure)
The touch detection procedure and the scroll operation invalidation procedure will be described with reference to FIG.
When the user tries to scroll the web page by operating the touch display, the user touches the touch display. At this time, it is the “touch detection procedure” that detects the tap operation of the user touching the touch display via the web browser, and the “scroll operation invalidation” is to invalidate the default operation of the web browser for the user operation. Procedure ".

In a state where the scroll operation invalidation procedure is functioning, the user cannot scroll the web page.
If the detection function of the tap operation is stopped and the control is returned to the control state in which the default operation based on the web browser is not invalidated, the user can scroll the web page which is the default operation of the web browser. The detection function of the tap operation can be set to stop when a predetermined time elapses, for example.

  The scroll operation by the user is invalidated for a certain period of time, for example, 2 seconds after the display area control described above is completed for the first time, and the A3 state is maintained. While the scroll operation is disabled, st does not change even if the user performs a scroll operation. When the duration time elapses, the user can transition from the A3 state to the A2 or A1 state by returning the user's scroll operation to the valid state.

When the state transits to the A2 state, the display region calculation procedure and the scroll operation detection procedure return to a functioning state. Thereafter, when the state becomes the A3 state again, the scroll operation invalidation procedure may or may not be executed again.
In the flowchart shown in FIG. 16, the scroll operation invalidation is not executed when transitioning to the A3 state after the second time.
When the scroll operation is returned to the effective state, if the skip button is arranged in the advertisement content, the skip button is displayed.

(Ad content skip procedure)
The advertisement content skip procedure will be described with reference to FIG.
“Skip” refers to a transition from the A3 state to the A2 state or the A1 state, which may be based on a scroll operation by the user, or may be executed without the user's operation. In other words, “skip” is to switch from the display state of the advertisement content to the display state of the content.
The state in which the content can be browsed is resumed from the state where the advertising content is displayed in the entire area. Advertisement content can be skipped by the user's scrolling operation.
Further, even if the user does not perform a scrolling operation, the user can automatically scroll and skip the web page immediately below the advertising content by tapping the skip button arranged in the advertising content from the A3 state or the A2 state. That is, when the skip button is tapped from the A3 state where st = fh, st = fh + h.
This skip may be displayed discontinuously at the moment the skip button is tapped, in addition to being displayed continuously at the same speed as the user's scrolling operation.

According to the advertisement display control program according to the second embodiment described above, the scrolling operation by the user for browsing the content is switched so that the content and the advertising content do not give the user a sense of incongruity. It will not decline.
In addition, the advertising content is always displayed for a certain time without accepting the user's operation over the entire screen. Therefore, the advertising effect is enhanced as compared with an advertisement by switching to the entire screen unintended by the user or an advertisement display control that is a small advertisement display that is not the entire screen.

<Third embodiment>
The advertisement display control program according to the third embodiment implements display control for advertising content including moving images. The whole may be arranged in the moving image display area, or the moving image may be arranged in front of an arbitrary background image. Further, the advertisement provider can select whether or not to arrange the skip button and the replay button in the advertisement content.
The third embodiment is an embodiment in which moving image reproduction control is added to the first embodiment or the second embodiment. The flowchart is the same as FIG. 15 and FIG.

(Video loading procedure)
While the above-described advertisement content resizing procedure is being performed, reading of the moving image is started with respect to the portable information terminal. In addition, when a “replay button” is arranged inside the advertisement content, the “replay button is not displayed.

(Video playback control procedure)
In the A2 or A3 state, the user performs a scrolling operation to switch between reproducing and stopping the moving image according to the display ratio of the advertising content. For example, when the display ratio is 80% or more, the reproduction of the moving image is started, and when the display ratio is less than 80%, the reproduction of the moving image is stopped. Also, in the A2 state, when the transition to the A3 state is made by the whole area display procedure, the reproduction of the moving image is started, and then the moving image is stopped when the display ratio becomes less than 80%.
In any example, the stop of the moving image may be paused, and the next playback start may be resumed from the previous pause position.

  Similar to the “scroll operation invalidation control procedure” described in the second embodiment, the reproduction of the moving image is continued while invalidating the scroll operation by the user in the A3 state. The time for which the state in which the scroll operation by the user is invalidated may be the same as or different from the length of the moving image.

(Display procedure after video playback ends)
This program displays a replay button when the reproduction of the moving image is terminated by the above-described “moving image reproduction control procedure”. However, it is limited to the case where the advertisement provider arranges a replay button. When the user taps the displayed replay button, the process returns to the moving image reproduction control procedure, and reproduction of the moving image is started.
When the replay button is not arranged, the last frame of the moving image may be continuously displayed, the moving image area may be hidden, and the entire advertising content may be used as the background image.

(Skip procedure)
Similar to the “skip procedure” described in the second embodiment, the user makes a transition to the A2 state or the A1 state by a scroll operation. However, the moving image is stopped by the “moving image reproduction control procedure” described above. Thereby, advertisement content can be skipped.
In addition, when the user taps the skip button, the reproduction of the moving image is stopped, and the web page can be automatically scrolled and directly skipped immediately below the advertisement content.

According to the advertisement display control program according to the second embodiment described above, the content and the advertisement content are switched so as not to give a sense of incongruity to the user by a scroll operation for browsing the content. Therefore, viewing of moving images arranged as advertising content is started so as not to give the user a sense of incongruity, and usability is not greatly reduced.
In addition, the advertising content is always displayed on the entire screen for a certain time, and the moving image arranged in the advertising content is viewed by the user for the minimum time. For this reason, compared with the advertisement by the switching to the whole screen which a user does not intend, and the advertisement display control which was a small advertisement display which is not the whole screen, an advertising effect is improved.

<Fourth embodiment>
The advertisement display control program according to the fourth embodiment controls the third embodiment to make the user feel as if the video is being played without using the video player playback function of the web browser. To do.
The web browser has a built-in function of a video player that plays back a video arranged in a web page. Some web browsers installed on some smartphones (for example, iPhone (registered trademark) Safari equipped with iOS version 9 or earlier), when playing a video, due to the restrictions of the web browser, the browsing state of the web page The full-screen state in which the target moving image is displayed on the entire screen and played back. In the third embodiment, when the video player of the web browser enters the full screen state when starting the playback of the video, the user does not return to the web page browsing state unless the user taps the full screen release button, thus reducing usability. To do.
In the fourth embodiment, a method for avoiding the restriction of the web browser and preventing the usability from being greatly reduced in the third embodiment will be described in the web browser having such a restriction.

(Pseudo video playback procedure)
In the third embodiment, when a video is played back or resumed from a pause, the video is played back to the user by moving the current playback position in small increments without using the playback function of the video player of the web browser. Show as you do. The video player of the web browser can acquire or set a value “currentTime” indicating the current playback time (playback position) from the program. When currentTime is set by the program, the web browser displays a video frame at the position indicated by currentTime in the display area of the video player. That is, by setting the currentTime in small increments, the video frame is displayed in small increments, and as a result, the user looks as if the video is being reproduced.

FIG. 10 shows a flowchart of the pseudo moving image reproduction procedure. The current time at the start of reproduction and the current time are stored (S1), and the elapsed time of the reproduction start time is added to the current time in small increments (S2 to S7). Small increments are executed every 25 milliseconds, for example, using a setTimeout or setInterval instruction. Moreover, the timing at which redrawing of the screen is notified from the web browser using the requestAnimationFrame command may be used.
The pause of the movie moves like stopping the movie playback by stopping the periodic processing that is being executed in small increments.

(Audio-synchronous pseudo-video playback procedure)
In the pseudo-video playback procedure, only video (data with visual elements in video) can be played back. A description will be given of an audio-synchronized pseudo-moving image reproduction procedure for reproducing a moving image with sound (data having an auditory element in the moving image).
The web browser's audio player does not have a visual display element, so even if the normal playback function is used, it does not become full screen. The audio player can acquire or set a value “currentTime” indicating the current playback time (playback position) from the program, as with the video player.
FIG. 11 shows a flowchart of the procedure for reproducing the audio synchronized pseudo moving image. In the audio synchronous pseudo moving image reproduction procedure, audio reproduction is started using the reproduction command of the audio player, and the current time of the audio player is set to the current time of the moving image player (S4) and in small increments (S2 to S7). The small increments here are the same as in the (pseudo moving image playback procedure). By synchronizing the playback positions of the audio player and video player in small increments, the user appears to synchronize the video and audio of the video.
The pause of the movie is such that the playback of the movie is stopped by pausing the playback of the audio player and stopping the periodic processing that is being executed in small increments.

  According to the advertisement display control program according to the fourth embodiment described above, the web page browsing state is maintained and scrolled even in a web browser having a function of shifting to a full screen state during video playback. By this operation, the advertising content including the content and the moving image is naturally switched, and the usability is not greatly reduced.

<Fifth embodiment>
In all the first to fourth embodiments, the advertisement display control program according to the fifth embodiment is such that the display position of the advertisement content is not affected by the scroll operation by the user, and only the display area of the advertisement content is determined by the user. Implement a display method that is affected by the scrolling operation.

If the user wants to browse the content that is currently displayed on the screen, the user can swipe the screen from the bottom to the top to scroll the content displayed on the screen of the touch display installed on the smartphone. And scroll down.
Normally, when the advertising content is inserted between the main contents, if the scroll operation is repeated downward, the advertising content arranged subsequently starts to be displayed from the lower part of the screen and is displayed from the upper part of the advertising content. When the user repeatedly scrolls down, the entire area of the screen eventually becomes advertisement content. If scrolling continues further, the advertisement content is hidden from the top of the screen and the subsequent main content is displayed.
Thus, by scrolling up and down, the advertising content scrolls up and down, so that the advertising content itself moves up and down together with the display region of the advertising content and is viewed by the user. In the fifth embodiment, display is performed while suppressing the vertical movement of the advertisement content.

(Ad content resize procedure and ad content fix procedure)
The main content displayed on the web page is placed on the front, and the advertising content is arranged behind the main content (see FIG. 12). At this time, if the content is an opaque element, the advertisement content is not visible to the user.
In the “advertising content resizing procedure” in the first embodiment, the advertising content is set to the same size as the screen of the touch display. In the fifth embodiment, in addition to this, the entire screen of the touch display is fixed on the rear surface of the content. This is always fixed at the same display position so as not to be affected by the scrolling operation of the web page by the user (see FIG. 13).

(Transparent element insertion procedure for advertising content display)
Since this content is opaque, the advertisement content is invisible to the user. A transparent element having the same size as the advertising content (hereinafter referred to as a “transparent element for display”) is inserted in a place where the advertising content is to be displayed before, behind or in the middle of the content. Since the display transparent element is arranged on the same plane as the content, the display transparent element is displayed on the screen of the touch display or hidden under the influence of the scroll operation by the user.
When this transparent element for display is displayed on the screen of the touch display, it is a transparent element, so that the content on the rear surface is displayed. That is, the advertising content in a portion where the transparent element portion and the advertising content on the rear surface overlap is displayed on the screen.

  When the main content is displayed on the screen and the subsequent advertising content is browsed by scrolling down, the content is gradually displayed from the bottom of the screen of the touch display along with the scrolling down operation. Eventually, the advertising content is displayed over the entire screen of the touch display. When the scroll operation is further performed downward, the advertising content is hidden from the lower portion, and the subsequent main content is displayed from the lower portion. At the same time, the upper part of the advertising content becomes smaller and eventually the main content corresponding to the subsequent portion of the advertising content is displayed (see FIG. 13).

  According to the advertisement display control program according to the fifth embodiment described above, the scroll operation by the user affects only the display area of the advertisement content. Since the advertising content does not move up and down and is fixedly displayed, the user's gaze rate can be increased.

  The invention of the present application is in the manufacturing industry of information terminals, the production work of applications used in information terminals, the information communication service industry that provides various information services to the information terminals, the production work of video data, the advertising industry using video data, etc. Has availability.

Claims (8)

A wireless communication device that wirelessly communicates via a network, a processor, a storage device, a touch display that also serves as an output device, a browsing program for browsing a web page that includes advertisement content on the touch display, and a mobile phone provided An advertisement display control program that operates on an information terminal,
The advertisement display control program includes an advertisement content resizing procedure for controlling a display position and a size so that an advertisement content on a web page is displayed on the entire screen of the touch display;
A scroll operation detection procedure for detecting a scroll operation in which a user of the portable information terminal touches the touch display and scrolls a display position;
A display area calculation procedure for calculating a display position and a display area where the advertising content is displayed on the screen with respect to the touch display;
When the scroll operation detection procedure detects a scroll operation by the user, the entire area for displaying the advertising content on the entire screen of the touch display based on the display position and display area calculated by the display area calculation procedure Display procedure,
Is a computer program that causes the portable information terminal to execute the program. The computer program according to claim 1, wherein the portable information terminal is caused to execute a procedure of scrolling so that the whole area display step is gradually displayed regardless of the scroll operation of the user. A touch detection procedure for detecting an operation in which the user touches the touch display to scroll the web page;
By the touch detection procedure, for the detected touch operation, the default operation of the browsing program is invalidated, and the scroll operation invalidation procedure for controlling the user so that the scroll operation of the web page cannot be performed,
A scroll invalidation procedure for invalidating a scroll operation by the scroll operation invalidation procedure when the advertising content is displayed on the entire screen on the touch display by the whole area display procedure;
A scroll operation enabling procedure for stopping the touch detection procedure detected for the scroll operation disabling procedure after a certain time from the execution of the scroll operation disabling procedure and returning the web page to a state in which the user can perform the scroll operation;
The computer program according to claim 1, wherein the portable information terminal is executed. Place a skip button that can be displayed and hidden in the advertising content,
Hide the skip button in the advertising content resizing procedure,
After the scroll operation valid means enables the user to scroll the web page,
When the skip button is displayed and the user taps the skip button,
The mobile information terminal is caused to execute an advertisement content skip procedure for displaying content following the advertisement content on the entire screen of the touch display based on the display position and display area calculated by the display area calculation procedure. Item 4. The computer program according to Item 3. 5. The mobile information terminal according to claim 4, wherein the mobile information terminal executes a procedure of scrolling so that the advertisement content skip procedure gradually displays the entire content following the advertisement content without depending on the scroll operation of the user. The computer program described. The advertising content is displayed including a video,
The video is automatically played at the same time as the whole area display procedure,
When a scroll operation is detected by the scroll operation detection procedure, a restart procedure for playing or pausing or resuming the moving image based on the display position and display area calculated by the display area calculation procedure,
The computer program according to any one of claims 1 to 5, wherein the computer program is executed by the portable information terminal. The video included in the advertisement content is in a full screen playback state for playback of the video from the browsing mode of the web page that the browsing program has, and does not use the playback function of the video player of the browsing program to be played back,
A pseudo-video playback procedure that the user feels as if the video is being played, by continuously setting the current playback position of the video player that the viewing program has,
At the same time as the pseudo-video playback procedure, use the audio player of the viewing program to play the audio,
The procedure to enable or disable the audio playback,
The computer program according to claim 6, which is executed by the portable information terminal. There is this content that is content other than the advertising content on the web page,
The content is displayed on the front and the advertising content is displayed on the back.
When the book content and the advertisement content are opaque display elements, the user cannot see the advertisement content on the rear side from the screen of the touch display so as to be hidden by the book content on the front side.
An advertising content resizing procedure for controlling the display position and size so that the advertising content on the rear surface is displayed on the entire screen of the touch display;
An advertising content fixing procedure for fixing the advertising content on the rear surface so as not to be affected by scrolling by the user's scrolling operation;
A transparent element insertion procedure for displaying an advertisement content, which inserts a transparent display element of the same size as the advertisement content set by the advertisement content resizing means at the beginning, end or middle of the main content;
Causing the portable information terminal to execute a procedure for making the advertising content on the rear surface fixed when the transparent surface element is displayed on the screen of the touch display by the user's scroll operation visible to the user. The computer program according to any one of claims 1 to 7.

Images