PUBLIC GUIDE PRO TOP →
OJAPP PRO / PUBLIC GUIDE

ホーム画面を、
次の顧客接点に。

One Page. One App.というPWA設計と、
登録・通知に依存しないホーム画面マーケティング。

WHAT IS OJAPP PRO?

既存のWebページをホーム画面へ置ける入口に変え、ホーム画面からの起動を計測し、その起動時だけメッセージや画像を提示できるPWAマーケティングサービスです。

DESIGN1P1A / 1S1A
Manifest拡張
MEASUREHome Screen Launches
Offer View / Click
ENGAGEHome Screen Offer
Message / Image / Link
OJAPP PRO WHITEPAPER / PUBLIC EDITION / SEPTEMBER 2026

01 Webページは、ホーム画面に残せる

PWAの価値を「ネイティブアプリの代替」だけで考えない。

Webページは通常、検索・SNS・リンクから訪問され、閉じれば入口も消えます。OJappは、再訪してほしいページそのものをスマートフォンのホーム画面へ置くことで、次回の入口をWebの外側に残します。

One Page. One App.

サイト全体ではなく、商品、記事、ツール、店舗、イベント、予約ページなど「意味のある1ページ」を1つのアプリとして扱う。それが1P1Aです。

DIRECT

検索し直さない

ユーザーはホーム画面のアイコンから目的ページへ直接戻れます。

LOW FRICTION

登録を先に求めない

ホーム画面への追加に、OJapp側のユーザーアカウント登録は不要です。

QUIET

通知を前提にしない

事業者から追いかけるのではなく、ユーザーが必要な時に開きます。

WEB FIRST

既存Webを活かす

新しいアプリを一から作るのではなく、既存ページを入口として利用します。

1P1Aは、すべてのページを無理にアプリ化する考え方ではありません。ホーム画面に残す意味があるページを選び、そのページに専用の名前・アイコン・起動URLを持たせる設計です。

OJAPP PRO WHITEPAPER / PUBLIC EDITION / SEPTEMBER 2026

02 1S1Aと1P1A

どちらが正解ではなく、何を「1つのアプリ」と考えるかの違い。

1S1A
1P1A
考え方
One Site. One App.
サイト全体を1つのアプリとして設計
One Page. One App.
ページごとにアプリとして設計
入口
サイト全体への入口
商品・記事・ツール等への個別入口
Manifest
サイト単位で共有しやすい
ページ単位の情報が必要
向くケース
ブランド / サービス全体
用途や目的が明確な個別ページ

OJappの1P1Aスクリプトは、ページURL・タイトル・アイコン候補などからWeb App Manifestを動的に生成します。ページごとに静的なmanifest.jsonを作り分ける手間を減らし、1行のスクリプトを中心にページ単位のPWA設計を実現します。

FREE CORE + PRO

FREEはPWAの入口を作る層。PROはその入口に、Manifest拡張・ホーム画面起動の計測・起動時限定Offerを追加する層です。

OJAPP PRO WHITEPAPER / PUBLIC EDITION / SEPTEMBER 2026

03 OJapp PROでできること

ホーム画面に置いた「その後」を設計する。

BRAND

Manifest Extension

Theme Color / Background Colorを設定し、ブランドに合わせたManifestへ。

ACCESS

Shortcuts

最大2件のショートカットを追加し、予約・メニュー等へ短距離で接続。

ANALYTICS

Home Screen Launches

standalone起動を記録し、ホーム画面からの再訪を把握。

INSIGHT

Page / OS Analytics

ページ別、OS別などでホーム画面起動の傾向を確認。

OFFER

Home Screen Offer

ホーム画面から起動した時だけ、メッセージまたは画像を表示。

ACTION

Offer View / Click

Offerの表示とクリックを計測し、起動後の反応まで確認。

ホーム画面起動時だけ

Offerは通常のブラウザ閲覧ではなく、PWAとしてホーム画面から起動された時に表示する設計です。Web訪問者全員へ同じポップアップを出すのではなく、すでにホーム画面へ残してくれたユーザーへの接点として使います。

OJAPP PRO WHITEPAPER / PUBLIC EDITION / SEPTEMBER 2026

04 設置 → 起動 → おもてなし

通知を送る代わりに、ユーザーが戻ってきた瞬間を活かす。

1ページを見る
2ホームに追加
3自分で起動
4Offerを見る
5反応を計測

OJapp PROのマーケティング導線はシンプルです。まずホーム画面に置いてもらう。次に、ユーザーが必要な時に自分で起動する。その能動的な起動を計測し、その瞬間だけ限定情報や次の導線を提示します。

「Push」ではなく「Pull」の接点

ユーザーへ継続的にメッセージを送り続けるのではなく、ホーム画面に入口を残し、ユーザーが開いた時に価値を返す。OJappが重視するのは、この静かな関係性です。

Offerには短いメッセージ、画像、リンクURLを設定できます。リンク先は既存の予約ページ、EC、フォーム、決済、Notionなどでも構いません。OJappがすべての機能を抱え込むのではなく、ホーム画面と既存サービスをつなぐ接点として機能します。

OJAPP PRO WHITEPAPER / PUBLIC EDITION / SEPTEMBER 2026

05 Analyticsの考え方

PVだけでは見えない「ホーム画面との関係」を見る。

指標
何が分かるか
見る意味
Home Screen Launches
ホーム画面からPWAとして起動された回数
ホーム画面が再訪入口として使われているか
Page
どのページが起動されたか
どの1P1Aが残る価値を持つか
OS / Device
利用環境の傾向
実際の利用端末に合わせて改善
Offer View
Offerが実際に表示された回数
起動後の接触機会を把握
Offer Click
Offerからリンクへ進んだ回数
次の行動につながったかを確認

一般的なアクセス解析がWeb全体の流入や閲覧を扱うのに対し、OJapp PROはホーム画面という入口に焦点を当てます。「置かれたか」「そこから戻ったか」「戻った後に反応したか」という一連の行動を見るためのAnalyticsです。

OJapp PROの画面例
OJAPP PRO WHITEPAPER / PUBLIC EDITION / SEPTEMBER 2026

06 Home Screen Offer

ホーム画面に残してくれた人への、小さなおもてなし。

TEXT

MESSAGE

更新情報、限定案内、次に見てほしいページなどを短い文章で提示。

VISUAL

IMAGE

キャンペーン、イベント、商品、クーポン等を画像1枚で提示。

URL

LINK

予約、購入、フォーム、会員ページなど既存のURLへ接続。

UX

SESSION CONTROL

同じ訪問中に何度も大きく表示しないよう、接触頻度を制御。

広告枠ではなく、起動への返礼

ホーム画面から開くという行動は、通常の偶発的なWeb流入よりも明確な意思を伴います。Offerはその瞬間を利用して押し売りするのではなく、「戻ってきてくれた人に何を返すか」を設計する機能です。

表示後はコンパクトなボタンへ格納し、必要なら再表示できます。体験を邪魔し続けないことも、ホーム画面に長く残してもらうための重要な設計です。

OJAPP PRO WHITEPAPER / PUBLIC EDITION / SEPTEMBER 2026

Home Screen Offer in Action

ホーム画面起動後のおもてなしへ。

通常ブラウザでのホーム追加案内から、ホーム画面起動後の限定オファー表示までの流れ

ユーザーの状態に合わせて表示を切り替え、ホーム画面への追加と再訪後の体験をひとつの流れとして設計します。

OJAPP PRO WHITEPAPER / PUBLIC EDITION / SEPTEMBER 2026

07 想定ユースケース

「また開く理由」があるページほど、ホーム画面との相性がいい。

EVENT

EVENT / FESTIVAL

タイムテーブルや会場案内をホームへ。Offerで当日の更新や次回案内へ。

STORE

CAFE / RESTAURANT

メニュー・店舗ページを残し、予約や限定案内へ接続。

UTILITY

WEB TOOL

画像ツール、計算機、ジェネレーターなどを専用アイコンで直接起動。

COMMERCE

CREATOR / EC

商品・作品・販売ページを個別入口にし、新作や限定販売をOfferで案内。

ACCESS

FACILITY

施設案内、空席、Wi-Fi、利用方法など「その場でまた見る」ページを常駐。

CONTENT

MEDIA / BLOG

特定の記事・連載・まとめページをホームへ残し、次回の再訪導線に。

OJapp PROが向いているのは、毎日通知を送りたいケースだけではありません。「頻繁ではないが、次に必要になった時すぐ開けると便利」というページにも向いています。検索し直すコストが高いほど、ホーム画面の入口は価値を持ちます。

OJAPP PRO WHITEPAPER / PUBLIC EDITION / SEPTEMBER 2026

08 導入方法 / Quick Start

既存サイトを作り替えず、発行された1行を追加するところから始められます。

OJapp PROの導入で、サイト側に必要な基本作業はシンプルです。登録後にサイトを設定すると、そのサイト専用のJavaScriptが発行されます。あとは対象サイトへ読み込ませます。

STEP
操作
1
OJapp PROに登録し、利用するサイトを登録する。
2
PWAの設計を 1P1A または 1S1A から選ぶ。
3
発行されたサイト専用の1行スクリプトをWebサイトへ追加する。
4
必要なページだけ、アプリ名やアイコンを個別に指定する。
5
DashboardでTheme Color / Background Color / Shortcuts / Offerを設定する。
6
Home Screen LaunchesやOfferの反応を確認しながら運用する。
<script src="https://ojapp.app/js/oj_xxxxx.js"></script>

※ oj_xxxxx.js は例です。実際には登録したサイトごとに専用のURLが発行されます。

導入に必要なコードは、基本この1行です。
PWA化の基本処理やPRO機能の読み込みをサイト側へ大量に書く必要はありません。設定はOJapp側で管理し、サイトには発行されたスクリプトを読み込ませます。

OJAPP PRO WHITEPAPER / PUBLIC EDITION / SEPTEMBER 2026

09 ページ・サイト・グループの指定

ページごとの指定は、必要な時だけ。

1P1Aでは、ページ固有のアプリ名やアイコンを指定したい場合だけ ojapp:title / ojapp:icon を追加できます。指定しない場合は、ページ側の情報を利用してManifestを生成します。

<meta name="ojapp:title" content="App Name">
<meta name="ojapp:icon" content="/icon.png">
1S1A — One Site. One App.

サイト全体を1つのアプリとして扱う場合は、1S1Aをモード選択します。

<meta name="ojapp:mode" content="1s1a">
1G1A — One Group. One App.

特定のディレクトリやハブ配下を1つのアプリにまとめたい場合は、id / start_url / scope を指定して1S1Aモードを使います。

<meta name="ojapp:id" content="/dashboard/">
<meta name="ojapp:start-url" content="/dashboard/">
<meta name="ojapp:scope" content="/dashboard/">
<meta name="ojapp:mode" content="1s1a">

Page / Site / Group。
PWAにする範囲を、ページ単位・サイト単位・グループ単位から選べます。

OJAPP PRO WHITEPAPER / PUBLIC EDITION / SEPTEMBER 2026

10 Manifest / Install Presentation

インストール画面に、専用の説明とビジュアルを。

DESCRIPTION

検索向けの説明と、インストール時の案内を分けられます。ojapp:description があればManifestへ優先して反映し、未指定の場合は通常の meta description を利用します。

<meta name="ojapp:description" content="インストールして、ホーム画面からすぐ使えます。">
SCREENSHOTS

1枚でも、複数枚でも、ページごとにインストール画面の紹介画像を指定できます。

SINGLE

従来の1枚指定

ojapp:screenshot を使用します。

MULTIPLE

最大5枚の複数指定

ojapp:screenshot-1〜5 を使用。番号付きがある場合はこちらを優先します。

<meta name="ojapp:screenshot" content="/images/install.png">

<meta name="ojapp:screenshot-1" content="/images/install-1.png">
<meta name="ojapp:screenshot-2" content="/images/install-2.png">
1:1 RECOMMENDED

スクリーンショットは正方形で統一。
複数枚は同じアスペクト比にそろえます。PCでは wide、Androidでは narrow としてManifestへ登録します。

OJAPP PRO WHITEPAPER / PUBLIC EDITION / SEPTEMBER 2026

11 Conclusion

Webを、閉じたら終わる場所にしない。

Webには、アプリストアを経由せずURLだけで誰でもアクセスできる強さがあります。1P1AはそのWebページをホーム画面へ持ち込み、OJapp PROはその入口に計測と起動時体験を加えます。

ホーム画面マーケティング

登録を増やすことでも、通知を増やすことでもない。「また来たい」と思ったページをホーム画面に残し、ユーザーが戻ってきた瞬間に価値を返す。OJapp PROは、そのためのPWAマーケティング基盤です。

MONTHLY¥1,280 / month

1契約 = 1ドメイン

YEARLY¥14,000 / year

1契約 = 1ドメイン

FEATURES

1P1A / 1S1A / 1G1A | Manifest Extension | Shortcuts | Home Screen Launches | Page / OS Analytics | Home Screen Offer | Offer View / Click

LIVE DEMO

このページ自体がOJapp PROのデモです。
ホーム画面に追加して起動を、ぜひお試しください。
※ ヘッダー・フッター非表示はデモ独自のCSSです。