このガイドでは、最初の離脱意図ウィジェットをエンドツーエンドで構築する手順を解説します。ビルダーには Content、Design、Targeting、Frequency の4ステップがあります。最初のウィジェットの多くは10分以内に公開できます。
始める前に
必要なもの:
- Pro 以上 のプラン
- サイトにすでにインストールされている Zenovay のトラッキングスクリプト
- 何を伝えたいかの明確なイメージ(ドラフトで十分)
トラッカーがまだインストールされていない場合は、まず トラッキングスクリプトのインストール を参照してください。
ウィジェットビルダーを開く
アプリを開く
app.zenovay.com にサインイン
Widgets を開く
ウィジェットを追加したいウェブサイトを開き、Widgets タブを選択するか、サイドバーから直接 Widgets に進みます。チームが複数のサイトを持っている場合は、トップのセレクタから正しいものを選びます。
新しいウィジェットを開始
New Widget をクリック。
4ステップビルダーが Content から開きます。
ステップ1 — Content
訪問者が読む内容です。
フィールド
| フィールド | 必須 | 説明 |
|---|---|---|
| Title | はい | 短いキャッチコピー(最大100文字) |
| Body | はい | 補足テキストやオファーの詳細。Markdown 対応(最大1,000文字) |
| Button text | いいえ | 主要な call-to-action のラベル(最大60文字) |
| Button link | いいえ | クリック先。完全な https:// URL である必要があります |
ウィジェットのライブプレビューがフィールドの横に表示され、入力に応じて更新されます。
コツ
- 価値 から書き始める。「待って!」より「初回購入で10%オフ」のほうが効果的です
- 本文は短い2文に抑える
- メインのボタンラベルはリンクの動作と一致させる — リンクがコードを表示するなら「クーポンを取得」、メールアドレスを集めるなら「メールで送ってもらう」
内容が固まったら Next をクリック。
ステップ2 — Design
デザイン選択はウィジェットの見た目を制御します。右側のライブプレビューはすべての変更を反映します。
位置
ウィジェットが表示される場所を選ぶ: センターモーダル (フルオーバーレイ、最大インパクト)、4つのコーナーのいずれか (top-left, top-right, bottom-left, bottom-right)、または トップバナー / ボトムバナー (ビューポートの端に張り付く)。
幅
ウィジェット幅を選ぶ: SM、MD、LG、または XL。
色
background、text、button、button text の色を設定。それぞれ色選択ツールまたは正確なhex値を受け入れます。
角
コーナー半径を選ぶ。四角から完全に丸い円形まで。
画像(オプション)
https:// 画像URLを貼り付けてヒーロー画像を追加。設定すると、top、left、right または background として位置付けできます。
セカンダリボタン(オプション)
2つ目のアクション(例「結構です」)を追加。ウィジェットを 閉じる か、リンクを開く (https:// URL) かのいずれか。
Next をクリック。
ステップ3 — Targeting
ここで 誰に ウィジェットを表示するかを決めます。ターゲティングルールは ターゲティングルール で詳しく説明されています。要点は以下のとおりです。
ページパターン
ウィジェットが発火しうるURLパスを定義します:
- 空白のまま → サイトの すべてのページ で発火
/pricingを入力 →/pricingを含むすべてのURLにマッチ/blog/*を入力 →*をワイルドカードとして/blog/以下すべてにマッチ- 複数パターンはOR結合(いずれかにマッチすればよい)
デバイス
Desktop、Mobile、Tablet の任意の組み合わせをチェック。少なくとも1つは選択されたままである必要があります。
国
- 空白 → すべての国
- 1つ以上の2文字ISOコードを追加(例
US、DE、FR)
訪問回数の最小値
任意で、訪問者がサイトに少なくともN回来たあとにのみウィジェットを表示します。「ロイヤリティ」オファーに有用です。cookieless モードでの注意点については ターゲティングルール を参照。
Next をクリックして次へ。
ステップ4 — Frequency
最終ステップ。同じ訪問者がウィジェットを見る頻度と、すぐに公開するかどうかを制御します。
頻度キャップ
単一のスライダーが日数でキャップを設定:
| 値 | 動作 |
|---|---|
| 0 | キャップなし — すべての離脱意図トリガーが発火(控えめに使用) |
| 1 | 訪問者ごとに1日最大1回 |
| N | 訪問者ごとにN日ごとに最大1回 |
ステータス
ウィジェットが保存されるステータスを選ぶ:
- Draft — 保存されるが、訪問者にはまだ表示されない
- Active — すぐに公開
すべて問題なければ、ビルダーを終了。Active で保存するとウィジェットはすぐに公開されます。Draft で保存するとWidgets リストから有効化するまで非公開のままです。Widgets リストに戻ることで、いつでも編集・一時停止・有効化・削除できます。
公開後
サイトでテスト
動作確認の最速の方法:
- プライベート/シークレットウィンドウで本番サイトを開く
- カーソルをウィンドウの上端に動かす(モバイルなら上にスクロール)
- ウィジェットが表示されるはず
表示されない場合の最も多い原因:
- ページのURLがターゲティングルールにマッチしていない
- 最近ウィジェットを見た(頻度キャップ)
- トラッカーがまだロードされていない(更新して数秒待つ)
- ウィジェットがドラフトまたは一時停止中
数値を監視する
Widgets リストからウィジェットを開く — 詳細ビューにはCTR、インプレッション、ユニークインプレッション、クリック、閉じられた数、および日別グラフ、Shown → Clicked ファネル、トップページが表示されます。当日の数値はほぼリアルタイムで更新され、過去の日数は夜間に集計されます。各数値の意味については 分析を理解する を参照。
最初のウィジェットのコツ
- 狭く始める。 最初の版では1ページ(最も価値の高いページ)と1デバイスを対象に。あとから広げる。
- 適切なキャップを。 "1日1回" (キャップ1) がよい既定値。キャップなしはほぼ常に多すぎる。
- 1週間は様子を見る。 コンバージョン率は信頼に足る量が必要。50インプレッションでウィジェットを削除しない。
- ページに合わせたオファー。 価格ページの離脱とブログ記事の離脱では、それぞれ違うメッセージが必要。
- ゴールを使う。 ウィジェットのボタンを Zenovay のゴールにリンクすると、クリックではなく実コンバージョンを測定できます。ゴールの作成 を参照。