ツール活用術 · 小互(シャオフー)が読み解く

個人開発者のユーザー獲得ガイド:AI で開発は安くなったが、見つけてもらうのは逆に高くなった

あなたの製品のユーザーを見つける方法とは。ランディングページをすぐにいじる前に。直帰率が高いとき、原因はたいてい流入元にあります。
1分でわかる要点
  • AI はものづくりのコストを下げ、見つけてもらうコストを上げた。だから今、難しいのは製品を作り終えた後の半分です。
  • 直帰率が高い時、原因は8割方ランディングページではない。先に見るべき場所があります。
  • 他人の観客を借りる方法は7つ。費用ゼロから2000ドルまで、プラットフォーム名と価格を具体的に紹介しています。
⚑ このガイドは個人開発者の George Field 氏によるもので、氏自身もウェブ解析製品(Splitsense)を開発しています。記事中の発展リンクの一部は氏のブログへ飛びます。ただし、導入を勧めている2つの解析ツールはどちらもオープンソースであり、自社製品ではありません。
全体像

見知らぬ人がどうやって有料ユーザーになるのか

アイデアが浮かぶとすぐにコードを書き始め、製品を完成させて初めて、本当の問題に気づく。誰もその存在を知らない。このガイドは、まずこの衝動を抑えることを勧めるところから始まります。

理由は計算上の話です。AI がものづくりのコストを大幅に下げた一方で、人を引き寄せるコストは引き上げられた。ものが作りやすくなればなるほど、同時に製品があふれ、注目の取り合いが激しくなる。だから2026年の今、ディストリビューション(流通)は開発よりも重要です。2022年に余暇で作り、後で数千ドルで売れた小さなSaaSも、今ならAIでより速く作れます。難しいのはそれを人に見つけてもらうこと。この難しさは当時より増しています。

そこでこのガイドは一貫して、「製品ができた後」の部分を実践可能なアクションに分解しています。全体の流れは4つの段階です。

一篇文章 一条论坛帖 一个短视频 一封邮件 掏钱 成为用户 留下 继续用 タッチポイント ファネル 付费用户 リテンション 每一段都可以单独诊断、单独修
4つの段階の役割分担:タッチポイントで人を引き込み、ファネルで次の段階へ送り、リテンションで離脱を防ぐ。本サイトがガイド内容をもとに作成。

タッチポイント:あなたのサイトの外で初めて見つけてもらう場所

こう考えると分かりやすい

インターネットは文字通り「蜘蛛の巣」のようなもの。毎日何百万人もの人々がその糸の上を移動しています。あなたがやるべきは、この巣に何本も糸を張り、通りかかった人があなたに辿り着けるようにすることです。1本の糸が1つのタッチポイント。記事、フォーラムへの投稿、短い動画、あなたのサイトの外で誰かが初めてあなたを見つける場所なら何でも構いません。糸が多ければ多いほど、多くの人があなたに遭遇します。

タッチポイントの役割はただ一つ、人をファネルへ引き込むことです。始めたばかりの頃に最も一般的な5つの場所は、Reddit、友人、専門フォーラム、コミュニティ、そして自分の人脈へのメールです。このうちRedditについては、直感に反する重要な点があるので、一つだけ詳しく説明します。

r/saas のような場所への投稿は避けましょう。製品を試してくれたり、バグを報告してくれる人は見つかっても、初期の本物のユーザーは得られません。あなたの見込み客はそこにはいないからです。投稿するなら、あなたの製品に関連するサブレディットにしましょう。

残りの4つの場所には、それぞれの使い方があります。消費者向けアプリなら、友人の評価やフィードバックは貴重です。セルフストレージ向けSaaSを作っているなら、セルフストレージのフォーラムへ。FacebookグループやDiscordチャンネルのような小さなコミュニティは、大規模なプラットフォームより効果的です。自分の人脈にメールを送るのは、最も格好つかないけれど最も効果的な方法です。

配当投資のFacebookグループに投稿された製品紹介のスクリーンショット
最初のタッチポイントの例:2022年10月に「Dividend Growth Investing」というFacebookグループへ、Heydividends の初期ユーザーを集めるために投稿したもの。まず自己紹介(ソフトウェアエンジニア、配当株歴5年)、次に解決したい問題、最後に製品のスクリーンショットを載せています。画像出典:George Field / freeCodeCamp

ファネル:興味を持ってからお金を払うまでの関門

こう考えると分かりやすい

ファネルは、いくつもの扉がある廊下のようなもの。100人が最初の扉をくぐり、80人が次の扉、30人がその次の扉を通過します。全ての扉を監視する必要はありません。最も多くの人が脱落する扉だけを見つければいいのです。その扉が、今週直すべき場所です。

典型的なSaaSファネルは次のように進みます。ランディングページ → サイト内を閲覧 → 登録をクリック → オンボーディング → 製品の最初の画面 → さらに閲覧 → 離脱するか、お金を払うか。図が綺麗かどうかは重要ではありません。その唯一の目的は、「どこを直すべきか」を判断する材料を与えてくれることです。登録した人がすぐに離れてしまうなら、途中のどこかに問題があります。その問題を直せば、プロジェクトは徐々に成長していきます。

4番目の段階はリテンション(顧客維持)です。ユーザーに留まってもらうには、ユーザーと会話し、セッションリプレイやヒートマップで、彼らが実際にどこをクリックしているのかを確認します。

タッチポイント、ファネル、付费用户、リテンションの4段階を示す図
ガイドに付属のメイン図。4つの段階が一直線に並んでいます。画像出典:George Field / freeCodeCamp
ロードマップ

残りの半分を8つのステップに分解

先に全体像を示します。8つのステップを前半と後半に分け、前半でファネルを修復し、後半で人を呼び込みます。

前半戦:まずファネルを直す 1 計測ツールを導入する 2 基準値と照らして5つの数値を見る 3 直帰率が高いなら、まず流入元を調べる 4 ファネルで最も狭い段階を見つける 後半戦:人を呼び込む 5 他人の観客を借りる 6 自分のチャネルを構築する 7 20週間継続、一発狙いはしない 8 コンテンツは全て価値提供のために 順番は逆にできない:ファネルに穴があるまま人を呼ぶのは、ザルに水を注ぐようなもの
8つのステップの順序。前半の4ステップは「来た人が離脱する問題」を解決し、後半の4ステップは「誰も来ない問題」を解決します。本サイトがガイド内容をもとに作成。

このガイドを読む価値がある理由

ディストリビューションについての記事は巷にあふれていますが、そのほとんどは「コンテンツを作りましょう」「継続が大事です」という一般論で終わっています。このガイドが違うのは、すべてのステップが具体的なものに落とし込まれていて、そのまま真似できる点です。

5つの指標の基準値(平均・良い・優秀の3段階) 直帰率の3段階調査手順 7つの集客チャネルの費用と目標規模 ポッドキャスト・媒体・インフルエンサーを探す21のプラットフォーム 10種類のプロダクト別・最初に試すべきプラットフォーム OpenReplay 導入の3ステップコード ランディングページ8つのチェック項目 そのままA/Bテストできる5つのCTA文言
適用範囲についても一言。このガイドはソフトウェア製品向けに書かれていますが、電子書籍、ニュースレター、オンラインコースにもそのまま当てはまります。「複数のステップがあり、各ステップでユーザーが離脱しうる」構造の製品であれば、ファネル、診断手順、7つの集客方法はすべて応用できます。

もう一つ、最初に言っておきたいことがあります。全工程で最もお金と時間がかかるのは後半戦ですが、後半戦に進めるかどうかを決めるのは前半戦です。だから、最初のステップから始めましょう。

ツール

ステップ1:計測ツールを入れて、ファネルを見える化する

ファネルは描けば存在するわけではありません。まず見えるようにする必要があります。ここで Google Analytics はお勧めしません。初期設定の体験が悪く、本当に必要な機能がいくつも欠けているからです。有料の代替品は機能的には十分ですが、オープンソースではありません。自前でデータを持ちたいなら、オープンソースの組み合わせが2つあり、それぞれ役割が違います。

数値を見る

Plausible(または Umami)
訪問者がどこから来たか、直帰率、目標達成者数。「どのステップで何人減ったか」が分かります。

画面を見る

OpenReplay
ユーザーのクリック、ためらい、スクロールの動きを録画して再生します。「そのとき何をしていたか」が分かります。

こう考えると分かりやすい

セッションリプレイは監視カメラのようなものです。数値は「ステップ3で45人が離脱した」ことを教え、録画はその45人がその画面で実際に何をしていたかを教えてくれます。クリックしたのに反応がなかったのか、そもそもボタンの場所が見つからなかったのか。この2つを組み合わせて初めて、全体像が見えます。

3ステップで導入、4つのイベントを打つ

OpenReplay は npm パッケージです。Next.js への導入は全部で3ステップです。

ステップ1:パッケージをインストール
@openreplay/tracker
お使いのパッケージマネージャーでインストールするだけです。
ステップ2:ルートに .env を作成
NEXT_PUBLIC_OPENREPLAY_PROJECT_KEY=your_key
NEXT_PUBLIC_OPENREPLAY_INGEST=https://openreplay.yourdomain.com/ingest
2つの値:プロジェクトキーと、自社インスタンスの受け取り先URLです。
ステップ3:lib/openreplay.ts で初期化
const tracker = new Tracker({ projectKey: process.env.NEXT_PUBLIC_OPENREPLAY_PROJECT_KEY!, ingestPoint: process.env.NEXT_PUBLIC_OPENREPLAY_INGEST!, });

export default tracker;
その後、ルートレイアウトにクライアントコンポーネントを置き、useEffect 内で tracker.start() を呼べば録画が始まります。

ただし、導入しただけでは半分です。リプレイを見るだけでは、個々のセッションを見ていくだけで傾向は掴めません。イベントを打って初めて、セッションをファネルとして繋げられます。書き方は一行です。