- 使う時
- 冒頭A〜Dのような4案以上を比較する時。台本本文＋KPI＋判定など1案の情報量が多く、横並びだと画面に収まらない時。
- 使わない時
- 2〜3案で全部同時に見比べたい時（→横並び比較）。同時に一覧しながら1件ずつ精査したい時（→左右分割）。
- 差し替え
- タブの数・ラベル（冒頭A〜D）と、各パネルのCR名・台本テキスト・KPI3項目・判定チップを実データに置き換える。パネルは
role="tabpanel"の構造を保ったまま中身だけ差し替える。
冒頭案の切替比較
クリック、または左右矢印キーでタブを切り替える。パネルの位置と構造は毎回同じ。
demo_op_m12_p3
「そのシミ、実はレーザーだけじゃ消えないタイプかもしれません。」 「私も去年まで同じこと言われてて、結局ダウンタイムなしの施術に変えたら3回で変わりました。」 「今なら初診料が実質かからないので、まず相談だけでもどうぞ。」
CV
8
CPA
¥3,400
消化
¥27,200
判定継続
demo_op_s2_p8
「AIの勉強、独学だと何から手をつけていいか分からなくないですか。」 「私はロードマップだけ渡されて放置される講座で1回失敗してるので、今回は添削ありきで選びました。」 「無料相談で自分の状況だけ話してみてください。」
CV
3
CPA
¥6,800
消化
¥20,400
判定冒頭差し替え
demo_op_m9_p5
「二重整形、バレたくない人向けの腫れにくい方法があるって知ってました？」 「私は埋没からのステップアップで、周りには誰にも気づかれてません。」 「気になる方は無料カウンセリングで詳細だけ聞いてみてください。」
CV
1
CPA
¥14,900
消化
¥14,900
判定本日停止
demo_op_s3_p2
「動画編集、副業で始めたいけど機材が高そうで諦めてませんか。」 「私はスマホ1台と無料ソフトだけで最初の案件を受けました。」 「今の環境のまま始められるか、まず診断だけ受けてみてください。」
CV
6
CPA
¥4,100
消化
¥24,600
判定継続