取り込み · Import
既存サイトを取り込んで、LP素材に変換する
ゼロから作る必要はありません。今あるコーポレートサイトやECページのHTMLと画像を読み込むと、見出し・本文・画像・配色をLP素材として抽出し、そのままAI生成へ引き継ぎます。
1
拡張ツールで取得対象ページでHTML・画像を保存
2
ここにドロップ保存したファイルを下へ
3
素材を自動抽出見出し・画像・配色を解析
4
AI生成へ抽出素材からLPを生成
サイトデータを読み込む
拡張ツール「Page Grabber」で保存した .html ファイルや画像をドラッグ&ドロップ、またはクリックで選択
ここにHTML・画像ファイルをドロップ
または クリックしてファイルを選択
対応形式:.html / .htm / png / jpg / webp / gif
まだ拡張ツールをお持ちでない場合は、Chrome拡張「Page Grabber」を使うと、対象サイトを開いてワンクリックでHTMLソースと画像を保存できます。保存したファイルをそのままここへ取り込めます。
抽出したテキスト素材
見出し・キャッチコピーを構造ごとに抽出しました
サイト名—
H1—
見出し—
本文抜粋—
抽出した配色
サイトから使用色を推定し、LPのテーマカラー候補にします
取り込んだ画像
画像ファイルをドロップすると表示されます
この素材でLPを作る
抽出した見出し・画像・配色を引き継いで、AI生成へ進みます
診断 · Diagnosis
LPが、AIに引用される準備ができているか診断します
URLを入力すると、見出し構造・FAQ・比較表・出典情報をAIが解析し、スコア化します。
診断対象のURL
現在運用中のLPを指定してください
生成 · Generate
診断結果をもとに、AIが引用されやすいコンテンツを生成
商品情報を入力すると、FAQ・比較表のブロックをAIが生成します。生成物はすべて薬機法メモのテンプレートをもとに作られます。
商品情報
箇条書きで構いません
プレビュー · Mobile Behavior
流入経路と滞在行動で、スマホの見え方がどう変わるか
このツールの中核機能です。縦の全部読みではなく、チャプターをスワイプして進む構成にすることで、情報を小分けにしつつ、どこでどれだけ迷ったか(比較表を何度も見返す/勢いよく読み飛ばす等)を検知しやすくしています。これ自体が「行動データが取りやすいUI」という独自性です。
① 流入経路を選ぶ
最初のチャプター(悩み提起)だけが切り替わります
広告経由:utm_source等のパラメータを自社で付与できるため、確実に判定できます。検索広告ならgclid等でキーワードまで追えます。
オーガニック検索経由:検索結果のリンクにはこちらからパラメータを付けられません。document.referrerのドメイン(google.co.jp等)で判定します。なお検索キーワード自体は暗号化によりほぼ取得不可です。
AI検索経由:同様にパラメータは付けられません。リファラーにサービスドメインが含まれる場合のみ判定できますが、ChatGPT等はリンクにreferrerを送らない設定になっているケースが多く、その場合は「直接流入」としてしか区別がつかない制約があります。まずはPerplexity等API連携可能な範囲から精度を上げていく想定です。
② 行動パターンを再生する
単純な経過秒数ではなく、複数シグナルの組み合わせで4パターンに分類しています
駆け足スキップ型
滞在 3秒未満スクロール速度 非常に速いCTA接近 なし
ざっと見て離脱しかけている。読ませる時間がないため、要点だけを先に見せます。
比較検討型
比較チャプター 再訪2回+前後スワイプ 3回+滞在 20秒前後
他製品と比較して迷っている。比較チャプターへ戻しつつ、後押しのオファーを添えます。
熟読後の離脱型
滞在 30秒以上閲覧深度 70%以上その後 操作停止
しっかり読んだが最後で迷っている、従来の離脱予兆にもっとも近い型。クーポンを提示します。
早期離脱型
滞在 5秒未満スワイプ ほぼゼロ1枚目のみ閲覧
訴求自体が刺さっていない可能性。値引きではなく、別の切り口(成分比較)へ誘導します。
ちょっと待って
初回限定10%OFFクーポン
CODE: LUMINA10
今回のご注文にかぎり、こちらのクーポンをご利用いただけます。
効果測定 · Analytics
このLP、どこで離脱されているか
チャプター単位のファネル、タップ・滞在のヒートマップ、そして行動パターン別の介入効果を1画面で確認できます。「作って終わり」にせず、次の改善につなげるための画面です。
LP訪問数
12,400人
↑ 8.2%(前週比)
CTAクリック率
9.0%
↑ 1.1pt
介入経由のCV構成比
27%
↓ 2.4pt
チャプター別ファネル(離脱数)
スワイプ型構成だからこそ「どのチャプターで何人減ったか」がそのまま出せます
① TOP
—
② STEP1 原因
▼ 2,728人離脱
③ STEP2 与える
▼ 2,108人離脱
④ FAQ
▼ 2,108人離脱
⑤ 比較・CTA
▼ 1,364人離脱
CTAクリック
▼ 2,976人離脱
- 🔸 ②→③(STEP1→STEP2)の離脱が最も大きい区間です。原因訴求が長すぎる可能性があります。
- 🔸 ⑤→CTAの離脱率も高め。比較チャプターの後にもう一段、後押しのオファーを検討する余地があります。
タップ・滞在ヒートマップ(推定)
チャプターごとの平均タップ密度・滞在時間を色の濃さで表示します
赤=タップ・注視が集中(見出し・バッジ周辺)
黄=比較表・FAQの開閉操作が集中
緑=スクロールのみで通過(読まれていない可能性)
下にいくほど(比較・CTA付近)緑が増えており、最後まで読み込まれずスワイプだけされている傾向があります。
行動パターン別の介入効果
どのパターンの介入が、実際にCVへつながっているか
| パターン | 発火回数 | 介入後の行動 | CVR |
|---|---|---|---|
| 熟読後の離脱型 | 320 | クーポン使用 96件 | 30.0% |
| 比較検討型 | 210 | クーポン使用 51件 | 24.3% |
| 駆け足スキップ型 | 180 | 要約バナーからの復帰 22件 | 12.2% |
| 早期離脱型 | 140 | 比較チャプターへの遷移 9件 | 6.4% |
「熟読後の離脱型」への介入が最も効果的です。一方「早期離脱型」はCVRが低く、値引き以外のアプローチ(訴求そのものの見直し)を検討する材料になります。
オプション · 業種別モジュール
薬機法メモ
化粧品・医薬部外品など、表現規制のある業種向けの参考情報です。マーケター全般への提供時は、業種に応じてこのモジュールごとON/OFFを切り替えられる想定です。
チェック対象のコピー(例)