メインコンテンツへスキップ
Zenovaydocs
4分で読めます

コンバージョンファネル

複数ステップのユーザージャーニーを可視化および分析して、訪問者がどこで離脱するかを特定し、コンバージョン率を最適化します。

目標の完了と時間経過による値を示す Zenovay ゴール・ファネルビュー。
ゴールとファネルはダッシュボードの Journeys タブで管理されます。

概要

コンバージョンファネルは、ユーザーがウェブサイト上のクリティカルパスをどのように進むかを理解するのに役立ちます。

  • ユーザージャーニーを可視化 - 最初のステップからコンバージョンまでのフローを確認
  • 離脱を特定 - ユーザーがプロセスを放棄した正確な場所を発見
  • セグメントを比較 - トラフィックソース、デバイス、または国別にファネルパフォーマンスを分析
  • コンバージョンを最適化 - データに基づいた決定を下して完了率を向上

ファネルの作成

方法 1: ダッシュボード UI

Zenovay ダッシュボード内で直接ファネルを作成します。

  1. ドメインを開いてサイトをクリックしてドメインダッシュボードを開く
  2. ファネル作成をクリック
  3. ステップを追加（最小 2 ステップが必要）
  4. 各ステップのトリガーを構成（URL 一致またはカスタムイベント）
  5. 保存して追跡を開始

方法 2: コードベースのファネル（自動検出）

コード内でファネルステップを直接追跡します。ファネルとステップは自動的に作成されます。

コードベースのファネル追跡JavaScript
// Track funnel step (auto-creates funnel if doesn't exist)
zenovay('track', 'funnel_step', 'checkout_flow', {
step: 1,
step_name: 'Cart Viewed'
});

// Track next step
zenovay('track', 'funnel_step', 'checkout_flow', {
step: 2,
step_name: 'Checkout Started'
});

// Track completion
zenovay('track', 'funnel_step', 'checkout_flow', {
step: 3,
step_name: 'Purchase Complete'
});

コードベースのファネルは自動的に検出され、ダッシュボードに「AUTO」バッジ付きで表示されます。ステップは追跡されるにつれて動的に追加されます。

ファネルステップのタイプ

URL マッチステップ

訪問者が特定のページに到達したときにトリガーされます。

URL マッチステップの構成JavaScript
// Step configuration in dashboard
{
step_type: 'url_match',
url_pattern: '/checkout',
match_type: 'exact'  // or 'contains', 'starts_with', 'regex'
}
マッチタイプ例パターンマッチ対象
完全一致/checkout/checkout のみ
含むproduct/product/123、/products
始まる/shop//shop/items、/shop/cart
正規表現/order/\d+/order/123、/order/456

カスタムイベントステップ

特定のカスタムイベントが追跡されたときにトリガーされます。

カスタムイベントステップJavaScript
// Track the event in your code
zenovay('track', 'add_to_cart', {
product_id: 'sku-123',
quantity: 2
});

// Step configuration (in dashboard)
{
step_type: 'custom_event',
event_name: 'add_to_cart'
}

ゴールステップ

既存のゴールをファネルステップとして使用します。

ゴールステップの構成JavaScript
// Step configuration (in dashboard)
{
step_type: 'goal',
goal_id: 'your-goal-id'
}

ファネルの例

E コマースチェックアウト

チェックアウトファネルステップTEXT
Step 1: Product Viewed    →  URL contains '/product/'
Step 2: Add to Cart       →  Event 'add_to_cart'
Step 3: View Cart         →  URL equals '/cart'
Step 4: Begin Checkout    →  URL equals '/checkout'
Step 5: Payment Details   →  URL equals '/checkout/payment'
Step 6: Order Complete    →  URL equals '/order/confirmation'

SaaS オンボーディング

オンボーディングファネルステップTEXT
Step 1: Signup Complete   →  URL equals '/welcome'
Step 2: Profile Setup     →  Event 'profile_completed'
Step 3: First Project     →  Event 'project_created'
Step 4: Team Invite       →  Event 'team_member_invited'
Step 5: Integration       →  Event 'integration_connected'

コンテンツエンゲージメント

コンテンツファネルステップTEXT
Step 1: Blog Visit        →  URL starts with '/blog/'
Step 2: Newsletter CTA    →  Event 'cta_clicked'
Step 3: Form Submission   →  Event 'newsletter_signup'

ファネル分析

メトリクスダッシュボード

各ファネルは主要なメトリクスを表示します。

メトリクス説明
全体エントリ数ファネルを開始した訪問者
全体完了数すべてのステップを完了した訪問者
コンバージョン率ファネルを完了した割合
離脱率各ステップで失った割合
平均完了時間開始から終了までの平均期間

ステップバイステップブレークダウン

各ステップについて、次の情報が表示されます。

  • 訪問者が到達した数 - このステップに到達した数
  • 訪問者が完了した数 - 次のステップに進んだ数
  • 離脱数 - このステップで放棄した数
  • 離脱率 - 放棄した割合
  • コンバージョン率 - 進んだ割合
  • 次までの平均時間 - 先に進むまでの時間

セグメンテーション

以下の方法でファネルパフォーマンスを分析します。

  • トラフィックソース - オーガニック対ペイド対ソーシャルを比較
  • デバイスタイプ - デスクトップ対モバイル対タブレット
  • 国 - 地理的なパフォーマンスの違い
  • キャンペーン - UTM キャンペーン比較

React インテグレーション

React ファネル追跡JavaScript
import { useEffect } from 'react';

function CheckoutPage({ step }) {
useEffect(() => {
  const stepNames = {
    1: 'Cart Review',
    2: 'Shipping Info',
    3: 'Payment Details',
    4: 'Order Confirmation'
  };

  // Use the global zenovay object from the tracking script
  if (window.zenovay) {
    window.zenovay('track', 'funnel_step', 'checkout_flow', {
      step: step,
      step_name: stepNames[step]
    });
  }
}, [step]);

return <div>Checkout Step {step}</div>;
}

ベストプラクティス

ファネルデザイン

すべきすべきでない
最大 3～7 ステップに保つ10 ステップ以上のファネルを作成
順序立った論理的なステップを使用重要な決定ポイントをスキップ
コンバージョンマイルストーンを含めるマイクロインタラクションのみを追跡
ステップを明確に命名専門用語を使用

命名規則

アンダースコア付きの説明的な小文字の名前を使用します。

良い命名の例JavaScript
// Funnel names
'checkout_flow'
'user_onboarding'
'trial_to_paid'
'lead_generation'

// Step names
'cart_viewed'
'shipping_entered'
'payment_completed'

一般的なファネルパターン

  1. エントリーポイントから開始 - ユーザーがフローに入る場所から開始
  2. ゴールで終了 - 最後のステップはコンバージョンであるべき
  3. 決定ポイントを含める - ユーザーが躊躇することが多いステップ
  4. オプションのステップをスキップ - クリティカルパスに焦点を当てる
  5. 徹底的にテスト - すべてのステップが正しくトリガーされることを確認

トラブルシューティング

ファネルがコンバージョン率 0% を示す場合

これらの一般的な問題をチェックしてください。

  1. ステップ順序が重要 - ステップが順序通りに追跡されていることを確認
  2. 訪問者 ID の一貫性 - すべてのステップで同じ訪問者 ID を使用
  3. スクリプトが読み込まれている - トラッキングスクリプトがすべてのページに存在することを確認
  4. URL パターン - パターンが実際の URL と一致することを確認
ファネル追跡のデバッグJavaScript
// Enable debug mode
zenovay('debug');

// Track a funnel step
zenovay('track', 'funnel_step', 'my_funnel', {
step: 1,
step_name: 'First Step'
});

// Check console for:
// [Zenovay] Funnel step tracked: my_funnel, Step: 1

ステップが自動作成されない場合

コードベースのファネルの場合：

  1. funnel_name が有効な文字列（小文字、アンダースコア、ハイフン）であることを確認
  2. step（数値）と step_name（文字列）の両方を含める
  3. コンソールで JavaScript エラーをチェック

API リファレンス

プログラムによるファネル管理については、Funnels API を参照してください。

外部 API を使用して分析を取得Bash
curl -X GET "https://api.zenovay.com/api/external/v1/analytics/{websiteId}" \
-H "X-API-Key: zv_YOUR_API_KEY"

ファネル構成と詳細なブレークダウンは、Zenovay ダッシュボードで管理されます。

このページは役に立ちましたか？