AI副業の売る導線を全公開した私が、その後28日で売上0円を記録して商品を止めた話

この記事に書いた導線の実装手順は本物です。Claude Codeで実際に作りました。ただし「これを作れば稼げる」という前提で読まないでください。私はこの導線を作り、商品を用意し、28日間で売上0円・購入者0人という結果を出した後、すべての有料商品を非公開にしました。技術的な実装手順を残す理由はひとつ——Claude Codeの使い方として価値があるからです。売上への近道として期待するなら、先に転換の経緯を読んでください。

<!-- 結論サマリBOX -->
<div style="background:#f0f4ff;border-left:4px solid #1e40af;padding:20px 24px;border-radius:4px;margin:24px 0;">
<p style="font-weight:700;font-size:1.1em;margin:0 0 8px;">【結論】</p>
<p style="margin:0;">Claude Codeで「SNS集客 → LINE登録 → 低単価note → 本命商品」の導線を作る場合、<strong>最初にやるべきはLPではなく「LINE登録フォームページ」と「無料特典」の作成だ</strong>。逆から作ると導線が繋がらない。</p>
</div>

<p>「Claude Codeで稼ぐ」と聞いて、まず何を作ろうとしましたか？</p>
<p>多くの人はLPや記事から作り始める。でも実際に収益が動いた事例を見ると、<strong>最初に作るべきは「受け皿」</strong>だった。</p>
<p>この記事では、AI自動ハックが実際に構築したAI副業の売る導線と、Claude Codeをどう使ったかの手順を公開する。</p>

<h2>市場の声：導線なしで詰まっているパターン</h2>

<div style="background:#fff8f0;border:1px solid #f59e0b;border-radius:8px;padding:16px 20px;margin:16px 0;">
<p style="font-weight:700;color:#b45309;margin:0 0 6px;">💬 市場の声①</p>
<p style="margin:0;">「AIで副業を始めようとして、まずX投稿を頑張った。フォロワーが増えた。でも次に何をすればいいか分からなくてそこで止まった。LINE登録に誘導するページすら存在しなかった。」（副業系Xアカウント）</p>
</div>

<div style="background:#fff8f0;border:1px solid #f59e0b;border-radius:8px;padding:16px 20px;margin:16px 0;">
<p style="font-weight:700;color:#b45309;margin:0 0 6px;">💬 市場の声②</p>
<p style="margin:0;">「Claude Codeで綺麗なLPを作ったが、そこからnoteへのリンクが繋がっていなかった。ユーザーは購入画面に到達できない状態で2週間公開していた。」（AI副業コミュニティ投稿）</p>
</div>

<div style="background:#fff8f0;border:1px solid #f59e0b;border-radius:8px;padding:16px 20px;margin:16px 0;">
<p style="font-weight:700;color:#b45309;margin:0 0 6px;">💬 市場の声③</p>
<p style="margin:0;">「SNS→ブログ→商品ページ→LINE登録→note→本命商品。この順番で全部繋がって初めて導線と言える。自分は中間が全部欠けた状態で『なぜ売れないのか』と悩んでいた。」（note記事コメント）</p>
</div>

<h2>AI副業の「売る導線」とは何か</h2>
<p>売る導線とは、見込み客を「知らない」から「購入」まで段階的に移動させる仕組みのこと。</p>

<div style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px 24px;margin:24px 0;">
<p style="font-weight:700;margin:0 0 12px;">🔑 AI副業の標準導線（5ステップ）</p>
<ol style="margin:0 0 0 20px;line-height:2.4;">
<li><strong>SNS・ブログ</strong> — 認知・信頼形成（X投稿 / SEO記事 / Shorts）</li>
<li><strong>無料LP（/free）</strong> — LINE登録への変換装置</li>
<li><strong>LINE登録 + 無料特典配布</strong> — リスト取得・信頼深化</li>
<li><strong>低単価note（¥500〜980）</strong> — 初回購入者化・体験させる</li>
<li><strong>本命商品（¥4,980〜）</strong> — 主要収益</li>
</ol>
</div>

<p>Claude Codeはこの5ステップのうち「②無料LP」「③LINE登録ページ」「⑤商品LP」の実装に特に力を発揮する。</p>

<h2>実装手順：Claude Codeで導線を作る順番</h2>

<h3>STEP 1: 無料特典の「中身」を先に決める</h3>
<div style="background:#f0fff4;border-left:4px solid #22c55e;padding:16px 20px;border-radius:4px;margin:16px 0;">
<p style="font-weight:700;color:#15803d;margin:0 0 8px;">⚡ なぜ最初に中身を決めるのか</p>
<p style="margin:0;">LP → フォーム → 特典 の順で作ると、「このLP、何を受け取れるか曖昧だな」と後から気づく。最初に「AI副業 月5万円導線チェックリスト（PDF20項目）」のように具体的に決めてからLPを作ると、LPのコピーが自然に書ける。</p>
</div>

<p>無料特典のフォーマット候補（Claude Codeで作りやすい順）:</p>
<ul style="line-height:2.2;margin-left:20px;">
<li>チェックリスト PDF（Google Docsで作成・共有リンク配布）</li>
<li>テンプレート集 MD（GitHubや Google Driveで配布）</li>
<li>ロードマップ画像（Claude Codeで SVG 生成、Canva貼り付け）</li>
</ul>

<h3>STEP 2: LINE登録ページ（/free）をClaude Codeで生成</h3>
<p>プロンプト例:</p>
<div style="background:#1e293b;color:#e2e8f0;padding:16px 20px;border-radius:8px;font-family:monospace;font-size:0.9em;overflow-x:auto;margin:16px 0;white-space:pre-wrap;">
「以下の仕様でWordPress用のLINE登録ランディングページのHTMLを作ってください。
- 無料特典: AI副業 月5万円導線チェックリスト（20項目・PDF）
- CTA: 緑のボタン「LINEで無料で受け取る」
- LINE登録URL: https://lin.ee/tGamtbg
- ターゲット: AI副業に興味ある非エンジニア・副業初心者
- 構成: ファーストビュー → 共感(3項目) → 特典の中身(3項目) → 向く人/向かない人 → CTA
- デザイン: クリーン・白基調・緑アクセント・スマホ対応必須
- 禁止: 「必ず稼げる」などの効果保証表現」
</div>

<p>出力されたHTMLをWordPressの固定ページに貼り付けるだけ。デザインの知識は不要。</p>

<h3>STEP 3: LINE公式アカウントを開設し、自動返信を設定</h3>
<p>LINE Official Account Manager で:</p>
<ol style="line-height:2.4;margin-left:20px;">
<li>友だち追加時の自動メッセージ（あいさつメッセージ）に無料特典のGoogle Docsリンクを設定</li>
<li>ステップ配信（2日後・4日後・7日後・10日後）を設定</li>
<li>リッチメニューにLP・商品ページへのリンクを設定</li>
</ol>

<p>LINE設定はClaude Codeでは自動化できないが、設定内容のテキストはClaude Codeで生成できる。</p>

<h3>STEP 4: 低単価noteを先に公開する</h3>
<div style="background:#fff8f0;border:1px solid #f59e0b;border-radius:8px;padding:16px 20px;margin:16px 0;">
<p style="font-weight:700;color:#b45309;margin:0 0 6px;">⚠️ 地雷：本命商品（¥4,980）から先に作ってはいけない</p>
<p style="margin:0;">高単価商品は「この人・このサービスを信頼できるか」の判断材料が少ない状態では売れない。まず低単価note（¥500〜980）で「買ってよかった」を体験させる。その後に本命商品を案内する。</p>
</div>

<p>低単価note の構成（Claude Codeで生成する場合のプロンプト）:</p>
<div style="background:#1e293b;color:#e2e8f0;padding:16px 20px;border-radius:8px;font-family:monospace;font-size:0.9em;overflow-x:auto;margin:16px 0;white-space:pre-wrap;">
「AI副業初心者向けの低単価note（¥500〜980）の販売ページ本文を作ってください。
- テーマ: LINE登録ページを1時間で作るチェックリスト
- 商品内容: チェックリスト30項目 + よくある失敗5パターン
- 価格: ¥680
- 対象: AI副業を始めたいが何から手をつけていいか分からない人
- 禁止表現: 収益保証・必ず稼げる」
</div>

<h3>STEP 5: 本命商品LP（/x-autoposter/）をClaude Codeで拡充</h3>
<p>本命商品のLPは「無料LP + 低単価note 購入後のユーザー」が主な訪問者。この時点では信頼が積み上がっているので、詳細な仕様を伝えることが有効。</p>

<p>LPに含める要素（Claude Codeで生成しやすい順）:</p>
<ul style="line-height:2.2;margin-left:20px;">
<li>ファーストビューの強コピー</li>
<li>9モジュールの Bento グリッド（モジュール一覧の視覚表示）</li>
<li>Before/After（導入前の課題 vs 導入後の状態）</li>
<li>FAQ（よくある質問5〜7問）+ JSON-LD</li>
<li>返金条件（「デジタル商品のため返金不可・サンプル全公開で代替」）</li>
<li>特定商取引法に基づく表記へのリンク</li>
</ul>

<h2>AI自動ハック 実装ログ：実際にかかった時間</h2>
<div style="background:#f0fff4;border:1px solid #22c55e;border-radius:8px;padding:20px 24px;margin:24px 0;">
<p style="font-weight:700;color:#15803d;margin:0 0 12px;">🔧 実装ログ（AI自動ハック / aiautohack.com）</p>
<p>実際に導線全体を構築した際の作業時間記録:</p>
<table style="width:100%;border-collapse:collapse;margin:8px 0;">
<tr style="background:#dcfce7;">
<th style="padding:8px 12px;text-align:left;font-size:0.9em;">作業</th>
<th style="padding:8px 12px;text-align:center;font-size:0.9em;">所要時間</th>
<th style="padding:8px 12px;text-align:left;font-size:0.9em;">Claude Codeの使い方</th>
</tr>
<tr>
<td style="padding:8px 12px;font-size:0.9em;">無料特典（チェックリスト20項目）作成</td>
<td style="padding:8px 12px;text-align:center;font-size:0.9em;">30分</td>
<td style="padding:8px 12px;font-size:0.9em;">項目案を生成 → 精査</td>
</tr>
<tr style="background:#f0fff4;">
<td style="padding:8px 12px;font-size:0.9em;">/free LP（LINE登録ページ）</td>
<td style="padding:8px 12px;text-align:center;font-size:0.9em;">45分</td>
<td style="padding:8px 12px;font-size:0.9em;">HTML生成 → WP貼り付け</td>
</tr>
<tr>
<td style="padding:8px 12px;font-size:0.9em;">LINE 5通ステップ配信原稿</td>
<td style="padding:8px 12px;text-align:center;font-size:0.9em;">60分</td>
<td style="padding:8px 12px;font-size:0.9em;">全文草案生成 → 編集</td>
</tr>
<tr style="background:#f0fff4;">
<td style="padding:8px 12px;font-size:0.9em;">低単価note 販売ページ</td>
<td style="padding:8px 12px;text-align:center;font-size:0.9em;">40分</td>
<td style="padding:8px 12px;font-size:0.9em;">本文構成 → note貼り付け</td>
</tr>
<tr>
<td style="padding:8px 12px;font-size:0.9em;">本命LP 拡充（9モジュール+FAQ+特商法）</td>
<td style="padding:8px 12px;text-align:center;font-size:0.9em;">90分</td>
<td style="padding:8px 12px;font-size:0.9em;">HTML全文生成 → WP適用</td>
</tr>
<tr style="background:#f0fff4;">
<td style="padding:8px 12px;font-size:0.9em;font-weight:700;">合計（導線全体）</td>
<td style="padding:8px 12px;text-align:center;font-size:0.9em;font-weight:700;color:#15803d;">4.5時間</td>
<td style="padding:8px 12px;font-size:0.9em;"></td>
</tr>
</table>
<p style="margin:8px 0 0;">Claude Codeがなければ各工程の2〜3倍かかっていたと推定。特にHTML/CSS生成（LP制作）の工数を1/5以下に圧縮できた。</p>
</div>

<h2>導線を繋げる際の3つのチェックポイント</h2>

<h3>チェック①: 全てのリンクが実際に機能するか</h3>
<p>「無料で受け取る」ボタン → LINE公式アカウントのURL → 友だち追加完了 → 自動メッセージ受信 → 特典リンクが機能する、という全経路を自分でテストする。</p>

<h3>チェック②: 購入フローの最後まで繋がっているか</h3>
<p>LP → 購入ボタン → note（またはStripe/BOOTH）の購入ページ → 購入完了 → 商品アクセス、までの経路を実際に通る。購入ボタンが空URLのまま公開されているケースが多発している。</p>

<h3>チェック③: スマホで崩れていないか</h3>
<p>Chrome DevToolsでiPhone 14（幅390px）で全ページを確認。CTAボタンが画面外にはみ出ている、テキストが重なっている場合はClaude Codeに「スマホ表示を修正してください。現在の問題: ◯◯」と具体的に伝えて修正する。</p>

<h2>よくある質問</h2>
<div style="border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin:24px 0;">
<div style="background:#f8fafc;padding:14px 18px;border-bottom:1px solid #e2e8f0;">
<p style="font-weight:700;margin:0;">Q. Claude Codeを使うには何が必要ですか？</p>
</div>
<div style="padding:14px 18px;border-bottom:1px solid #e2e8f0;">
<p style="margin:0;">Anthropicのアカウント（有料プランのClaude.ai Pro、月$20相当）が必要です。プログラミングの知識は不要で、プロンプト（指示文）を書けるスキルがあれば十分です。</p>
</div>
<div style="background:#f8fafc;padding:14px 18px;border-bottom:1px solid #e2e8f0;">
<p style="font-weight:700;margin:0;">Q. LPの作成にWordPressは必須ですか？</p>
</div>
<div style="padding:14px 18px;border-bottom:1px solid #e2e8f0;">
<p style="margin:0;">必須ではありません。noteの固定記事、Canva、STUDIOなどでも代替できます。ただしSEOとアナリティクス計測の観点からWordPressが最も管理しやすいです。</p>
</div>
<div style="background:#f8fafc;padding:14px 18px;border-bottom:1px solid #e2e8f0;">
<p style="font-weight:700;margin:0;">Q. Claude Codeで作った文章はそのまま使えますか？</p>
</div>
<div style="padding:14px 18px;">
<p style="margin:0;">LP・商品説明は使えますが、SNS投稿や note 記事はAI感のある文体（「これは重要なポイントです」等）をそのままにすると反応が下がります。必ず自分の実装ログや失敗談を追加してから公開してください。</p>
</div>
</div>

<!-- LINE CTA -->
<div style="background:linear-gradient(135deg,#22c55e,#16a34a);padding:32px 28px;border-radius:12px;text-align:center;margin:40px 0;color:#fff;">
<p style="font-size:1.2em;font-weight:700;margin:0 0 8px;">AI副業の売る導線を作る前に確認すべきチェックリストを無料配布中</p>
<p style="margin:0 0 20px;opacity:0.9;">AI副業 月5万円導線チェックリスト（20項目）をLINEで今すぐ受け取れます。</p>
<a href="https://lin.ee/tGamtbg"
   onclick="gtag('event','line_add_click',{'event_category':'line_cta','event_label':'claude_code_lab_03'})"
   style="display:inline-block;background:#fff;color:#16a34a;font-weight:700;padding:14px 36px;border-radius:50px;text-decoration:none;font-size:1.05em;">
  LINEで無料チェックリストを受け取る →
</a>
<p style="margin:12px 0 0;font-size:0.85em;opacity:0.8;">登録無料・いつでも解除可能</p>
</div>

<!-- 本命商品CTA -->
<div style="background:#0f172a;color:#e2e8f0;padding:32px 28px;border-radius:12px;margin:40px 0;">
<p style="font-size:1.1em;font-weight:700;color:#fff;margin:0 0 8px;">導線全体のテンプレートをまとめたパックがあります</p>
<p style="color:#94a3b8;margin:0 0 16px;">X投稿テンプレ30本・LINE5通ステップ配信原稿・商品LPテンプレ・アフィリ記事構成・X自動投稿システム（GAS+n8n）などを含む実装パック。「この記事で説明した導線全体」を効率的に作るためのテンプレート集。</p>
<p style="color:#f59e0b;font-size:1.4em;font-weight:700;margin:0 0 16px;">¥4,980（買い切り）</p>
<a href="https://aiautohack.com/x-autoposter/"
   onclick="gtag('event','note_click',{'event_category':'product_cta','event_label':'claude_code_lab_03'})"
   style="display:inline-block;background:#3b82f6;color:#fff;font-weight:700;padding:14px 32px;border-radius:8px;text-decoration:none;">
  AI自動ハック｜ひとり会社AI実装パック 詳細を見る →
</a>
<p style="margin:12px 0 0;font-size:0.8em;color:#64748b;">デジタル商品のため購入後返金不可。サンプルと収録内容は購入前に全て確認できます。</p>
</div>

<!-- 導線診断CTA -->
<div style="background:#f8fafc;border:1px solid #e2e8f0;padding:24px;border-radius:8px;margin:32px 0;text-align:center;">
<p style="font-weight:700;font-size:1.05em;margin:0 0 8px;">自分の導線を個別に診断してほしい方へ</p>
<p style="color:#64748b;margin:0 0 16px;">AI副業の導線診断（非同期レビュー）では、X・note・LP・LINE・商品ページの導線を個別にレビューします。</p>
<a href="https://aiautohack.com/ai-fukugyo-0to1-shindan/"
   onclick="gtag('event','diagnosis_click',{'event_category':'diagnosis_cta','event_label':'claude_code_lab_03'})"
   style="display:inline-block;background:#7c3aed;color:#fff;font-weight:700;padding:12px 28px;border-radius:8px;text-decoration:none;">
  無料診断を受けてみる →
</a>
</div>