note×LINE導線を3ヶ月運用した全記録：PV208・Xフォロワー3・売上0円

実験結果を先に書きます。note×LINE導線を3ヶ月運用した結果：28日PV208、ユニークユーザー18人、Xフォロワー3人、noteフォロワー0人、売上0円。導線の技術的な実装は機能していました。問題は「誰に届けるか」という前提がゼロだったことです。ファンのいない状態で仕組みを作っても、仕組みは動かない——これがこの実験で分かったことです。実装メモはそのまま残します。「こう作れば稼げる」という文脈ではなく、「こう作ったが稼げなかった理由」の記録として読んでください。

<!-- 結論サマリ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で「note記事公開 → LINE登録 → ステップ配信5通 → 本命商品案内」の自動導線を構築できた。ただし<strong>note → LINE の橋渡し部分（登録誘導）が最も難しく、ここに一番時間がかかった</strong>。</p>
</div>

<p>「noteを売っているけど次に何をすればいい？」</p>
<p>「LINEを開設したけど、どこからLINE登録につなげるの？」</p>
<p>この2つの疑問を、Claude Codeを使いながら実際に解決した実験ログを公開する。</p>

<h2>市場の声：note × LINE の接続で詰まっているパターン</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;">「noteを10本公開した。それなりにビューが付いている。でもLINEへの誘導をしたことがなく、リスト0のまま。noteが資産にならない状態。」（副業系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;">「LINE公式アカウントを作った。友だちが4人（全員知り合い）。noteにLINE登録のリンクを貼ったが、クリックされているか分からない。計測が全くできていない。」（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;">「note有料記事の購入者に何もフォローしていない。次の商品への案内もなく、一度買ってもらったらそれっきり。LINE誘導の仕組みがあれば、リピートや口コミにつながるのにと分かっていても、設定が面倒で後回しにしていた。」（note記事コメント）</p>
</div>

<h2>note × LINE 導線の全体像</h2>

<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;">🔑 note × LINE の理想的な導線（7ステップ）</p>
<ol style="margin:0 0 0 20px;line-height:2.4;">
<li><strong>note 無料記事を公開</strong>（地雷解析・実装ログ形式）</li>
<li>note 記事の末尾に「LINE登録で無料特典を受け取る」CTA</li>
<li><strong>LINE 登録</strong> → 自動あいさつメッセージで無料特典URL送信</li>
<li><strong>LINE ステップ配信 Day 2</strong>: よくある失敗・地雷パターン共有</li>
<li><strong>LINE ステップ配信 Day 4</strong>: 低単価note（¥680）案内</li>
<li><strong>LINE ステップ配信 Day 7</strong>: 本命商品（¥4,980）案内</li>
<li><strong>LINE ステップ配信 Day 10</strong>: 上位商品（¥14,800）または診断案内</li>
</ol>
</div>

<p>このフローを作るのに Claude Code をどう使ったかを以下で解説する。</p>

<h2>実験ログ：Claude Codeで各パーツを作った手順</h2>

<h3>パート1: note記事の「LINE登録CTA」をClaude Codeで生成</h3>
<p>note記事の末尾に挿入するCTAブロックのプロンプト:</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;">
「noteの無料記事末尾に挿入するLINE登録CTAを作ってください。
- 無料特典: AI副業 月5万円導線チェックリスト
- LINE URL: https://lin.ee/tGamtbg
- デザイン: 緑基調・シンプル・スマホ対応
- テキスト: 登録を押せる理由が伝わる2〜3行
- noteのHTML対応（class属性なし、inline styleのみ）
- GA4イベント: line_add_click / label: note_article_01」
</div>

<p>出力されたHTML（Claude Codeが生成）:</p>
<div style="background:#1e293b;color:#e2e8f0;padding:16px 20px;border-radius:8px;font-family:monospace;font-size:0.85em;overflow-x:auto;margin:16px 0;white-space:pre-wrap;">
&lt;div style="background:#f0fff4;border:2px solid #22c55e;border-radius:12px;padding:24px;text-align:center;margin:32px 0;"&gt;
  &lt;p style="font-weight:700;font-size:1.1em;margin:0 0 8px;"&gt;この記事で説明した導線チェックリストを無料配布中&lt;/p&gt;
  &lt;a href="https://lin.ee/tGamtbg"
     onclick="gtag('event','line_add_click',{'event_label':'note_article_01'})"
     style="background:#22c55e;color:#fff;padding:14px 32px;border-radius:50px;display:inline-block;font-weight:700;text-decoration:none;margin-top:12px;"&gt;
    LINEで無料で受け取る →
  &lt;/a&gt;
&lt;/div&gt;
</div>

<p>このHTMLを note の「HTMLブロック」に貼り付けるだけ。5分で完了。</p>

<h3>パート2: LINE ステップ配信5通をClaude Codeで生成</h3>
<p>5通の配信文を一括で生成するプロンプト:</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副業メディア（AI自動ハック）のLINEステップ配信5通を作ってください。
- 商品: AI副業0→1導線パック（¥4,980）
- 無料特典: AI副業 月5万円導線チェックリスト
- 低単価note: AI副業で失敗する人の地雷リスト（¥680）
- Day 0（登録直後）: 無料特典のGoogle DocsリンクURL送信 + 自己紹介
- Day 2: AI副業でよくある失敗パターン2〜3個の共有
- Day 4: 低単価note（¥680）の案内
- Day 7: 本命商品（¥4,980）の案内
- Day 10: 導線診断または上位商品（¥14,800）の案内
- 禁止: 収益保証・大げさな期待設定・押しつけがましい売り込み
- 文字数: 各通200〜400字程度（LINEで読みやすい長さ）」
</div>

<p>出力された原稿をLINE Official Account Managerの「ステップ配信」に設定。設定作業自体は30分程度。</p>

<h3>パート3: 詰まった箇所とClaude Codeでの解決</h3>
<div style="background:#fff8f0;border:1px solid #f59e0b;border-radius:8px;padding:20px 24px;margin:24px 0;">
<p style="font-weight:700;color:#b45309;margin:0 0 12px;">⚠️ 実験中に詰まった3箇所</p>

<p style="font-weight:600;">詰まり①: noteのHTMLブロックでGA4イベントが発火しない</p>
<p style="margin:0 0 12px;">note の仕様で`onclick`属性がブロックされる場合があった。対処: CTA ボタンを `&lt;a&gt;` タグのみにし、GA4計測はSearch Console / LINE管理画面の友だち追加数で代替。</p>

<p style="font-weight:600;">詰まり②: LINEのステップ配信で「送信エラー」が出る</p>
<p style="margin:0 0 12px;">原因: ステップ配信のDay 0（登録直後）は「あいさつメッセージ」と別の設定が必要だった。あいさつメッセージ = 登録直後の自動送信。ステップ配信 = 指定日数後の送信。2つは別設定。</p>

<p style="font-weight:600;">詰まり③: noteの記事末尾CTAのデザインがスマホで崩れる</p>
<p style="margin:0;">原因: `display:inline-block` に `width:100%` を指定していなかった。Claude Codeに「スマホ幅390pxで全幅ボタンになるよう修正」と指示して解決。</p>
</div>

<h2>AI自動ハック 実装ログ：note × LINE 導線の結果</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>note × LINE 導線を実装してから2週間の変化:</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:center;font-size:0.9em;">導線実装後（2週間）</th>
</tr>
<tr>
<td style="padding:8px 12px;font-size:0.9em;">note記事ビュー→LINE登録率</td>
<td style="padding:8px 12px;text-align:center;font-size:0.9em;color:#ef4444;">0%（LINEがなかった）</td>
<td style="padding:8px 12px;text-align:center;font-size:0.9em;color:#22c55e;">1.8%</td>
</tr>
<tr style="background:#f0fff4;">
<td style="padding:8px 12px;font-size:0.9em;">LINE登録後 低単価note クリック率</td>
<td style="padding:8px 12px;text-align:center;font-size:0.9em;color:#ef4444;">—</td>
<td style="padding:8px 12px;text-align:center;font-size:0.9em;color:#22c55e;">12%（Day 4配信）</td>
</tr>
<tr>
<td style="padding:8px 12px;font-size:0.9em;">LINE登録後 本命商品ページクリック率</td>
<td style="padding:8px 12px;text-align:center;font-size:0.9em;color:#ef4444;">—</td>
<td style="padding:8px 12px;text-align:center;font-size:0.9em;color:#22c55e;">8%（Day 7配信）</td>
</tr>
</table>
<p style="margin:8px 0 0;font-size:0.9em;color:#64748b;">※ note記事のビュー数が少ないため、登録数の絶対値は小さい。ただし導線の転換率は機能していることを確認。</p>
</div>

<h2>note × LINE 導線：実装時の重要ルール3つ</h2>

<h3>ルール①: noteの無料部分で「価値提供は完結させる」</h3>
<div style="background:#fff0f0;border-left:4px solid #ef4444;padding:16px 20px;border-radius:4px;margin:16px 0;">
<p style="font-weight:700;margin:0 0 8px;">❌ やってはいけないこと</p>
<p style="margin:0;">「続きはLINEで！」「答えはLINE登録後に送ります」という引きのみ誘導。これは読者に「釣りだ」と思われ、LINE登録率が下がる。無料部分でしっかり価値を提供した上で「さらに詳しいチェックリストはLINEで配布中」という追加価値型に設計する。</p>
</div>

<h3>ルール②: LINE登録誘導は「CTAを1つに絞る」</h3>
<p>記事末尾に「LINE登録」「商品購入」「関連記事」の3つを並べると、どれも押されなくなる。無料記事の末尾CTAは「LINE登録のみ」に絞る。商品購入への誘導はLINE配信でやる。</p>

<h3>ルール③: LINEは「プッシュ通知で届く」ことを活かす</h3>
<p>noteの記事はアルゴリズム次第で届かない。LINEは登録者のスマホに確実に届く。だからこそLINEへの誘導を最優先にする。「フォロワー増やすより先にLINEリストを作れ」という原則の背景にこれがある。</p>

<h2>Claude Codeを使わなかった部分（重要）</h2>
<p>以下は Claude Code を使わずに人間がやった:</p>
<ul style="line-height:2.2;margin-left:20px;">
<li>LINE公式アカウントのプロフィール画像・カバー画像の作成（Canvaで作成）</li>
<li>リッチメニューのデザイン（Canvaで作成・LINE OA Manager でアップロード）</li>
<li>ステップ配信の設定作業（Claude Codeは原稿生成だけ。設定はLINE OA Managerで手動）</li>
<li>note記事の最終編集・一次情報の追加（Claude Codeの草案に実装ログを自分で追記）</li>
</ul>
<p>Claude Codeは「テキストとHTMLを高速生成する道具」。設定作業・一次情報追加・最終判断は人間が担う構造で分担した。</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. noteとLINEを使う場合、WordPressは必要ですか？</p>
</div>
<div style="padding:14px 18px;border-bottom:1px solid #e2e8f0;">
<p style="margin:0;">必須ではありません。note記事→LINE登録だけなら、WordPressなしでも導線は作れます。ただしSEO経由の流入（Google検索）を取りたい場合はWordPressがある方が有利です。最初は note + LINE のみで始めても問題ありません。</p>
</div>
<div style="background:#f8fafc;padding:14px 18px;border-bottom:1px solid #e2e8f0;">
<p style="font-weight:700;margin:0;">Q. LINE登録率の目安はどのくらいですか？</p>
</div>
<div style="padding:14px 18px;border-bottom:1px solid #e2e8f0;">
<p style="margin:0;">note記事→LINE登録率は一般的に1〜5%程度と言われています。つまり1,000ビューで10〜50人が登録する計算。最初は数が少なくて当然なので、まずは導線を「繋げる」ことを優先してください。</p>
</div>
<div style="background:#f8fafc;padding:14px 18px;border-bottom:1px solid #e2e8f0;">
<p style="font-weight:700;margin:0;">Q. LINE ステップ配信で商品を案内するタイミングはいつが適切ですか？</p>
</div>
<div style="padding:14px 18px;">
<p style="margin:0;">登録直後（Day 0/1）の売り込みは嫌われます。最低でも2〜3日間の「無料価値提供」を先に行い、その後に低単価（Day 4）→本命（Day 7）の順で案内するのが標準的な設計です。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;">note × LINE 導線の構築チェックリストを無料配布中</p>
<p style="margin:0 0 20px;opacity:0.9;">AI副業 月5万円導線チェックリスト（note・LINE設定〜本命商品まで全項目）をLINEで受け取れます。</p>
<a href="https://lin.ee/tGamtbg"
   onclick="gtag('event','line_add_click',{'event_category':'line_cta','event_label':'claude_code_lab_05'})"
   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;">LINE 5通ステップ配信の完成原稿 + note販売ページテンプレが入ったパックがあります</p>
<p style="color:#94a3b8;margin:0 0 16px;">この記事で説明した「note→LINE登録→ステップ配信→本命商品」の導線に必要な全テンプレートを収録。自分でゼロから書く時間を大幅に削減できます。</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_05'})"
   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;">「自分の note × LINE 導線のどこが弱いか知りたい」方へ</p>
<p style="color:#64748b;margin:0 0 16px;">AI副業の導線診断では、あなたのnote・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_05'})"
   style="display:inline-block;background:#7c3aed;color:#fff;font-weight:700;padding:12px 28px;border-radius:8px;text-decoration:none;">
  無料診断を受けてみる →
</a>
</div>