• ソーシャルメディアからの訪問者向けのターゲットエクスペリエンス
• リピーター向け割引バナー

• Facebookキャンペーンからの訪問者に割引バナーを表示する
• リピーターにプレミアムプランのメッセージを表示する

オーディエンスの設定

エクスペリエンスの詳細を保存すると、PageSenseによってオーディエンス設定セクションにリダイレクトされます。

ここで、このエクスペリエンスが表示される訪問者を決定します。

カスタムオーディエンス

プリセットオーディエンス

カスタムオーディエンス

特定の訪問者属性に基づいて、オーディエンス条件を手動で作成します。

次のような条件を使用してルールを定義できます。

• デバイスの種類
• 地域
• トラフィックソース
• キャンペーンソース
• 新規訪問者とリピーター
• カスタム訪問者属性
• ユーザー行動条件

例。

有料キャンペーンからのモバイル訪問者にのみ、パーソナライズされたオファーを表示します。

プリセットオーディエンス

プリセットオーディエンスを使用すると、条件を手動で作成しなくても、よく使われる訪問者グループをすばやくターゲットに設定できます。

例は次のとおりです。

• 新規訪問者
• リピーター
• 特定のキャンペーンからの訪問者
• 特定のデバイスを使用している訪問者

これにより、オーディエンス設定をすばやく行えます。

オーディエンスルールを設定したら、［エクスペリエンスの作成］をクリックします。

エクスペリエンスの作成

オーディエンスを設定したら、訪問者にパーソナライズされたエクスペリエンスを提供する方法を定義するために、［エクスペリエンスの作成］をクリックします。

PageSenseには、次の2種類のエクスペリエンスがあります。

• ビジュアルエディターで編集– 既存のWebページのエクスペリエンスを変更します
• リダイレクトURL– 訪問者を別のWebページにリダイレクトします
  

ビジュアルエディターでの編集

これは標準のエクスペリエンス形式で、ソースコードを変更せずにWebページを変更できます。

選択すると、PageSenseでビジュアルエディターが開き、Webページの要素を直接クリックして変更できます。

スタイルエディター

スタイルエディターでは、色、フォント、間隔、レイアウトなどのCSSプロパティを使用して、要素の見た目を変更できます。コードを直接編集せずに、デザインの一貫性を保てます。
例：ボタンの背景色の変更、余白の調整、セクション全体のフォントスタイルの更新を行えます。

挿入

挿入オプションでは、Webページの指定した位置に新しい要素やコンテンツを追加できます。バナー、メッセージ、新しいコンポーネントを追加する場合に便利です。
例：商品のセクションの上にプロモーション用のテキストブロックや画像バナーを挿入します。

編集

編集では、テキスト、リンク、HTML構造など、ページ上の既存の要素を変更できます。レイアウトを変更せずにコンテンツを更新する場合によく使用します。
例：見出しの変更、CTAテキストの更新、リンク先の変更を行います。

Zoho Zia に質問

Zoho Zia に質問では、AIを活用した支援により、エディター内でコンテンツを直接生成または改善できます。バリエーションをすばやく作成したり、メッセージを調整したりするのに役立ちます。
例：CTAをより魅力的に書き換えたり、別の見出し案を生成したりします

移動

移動では、ページレイアウト内で要素の位置を変更できます。コンテンツを並べ替えて、表示設定やユーザー体験を改善するのに役立ちます。
例：エンゲージメントを高めるため、CTAボタンをファーストビュー内に移動します。

非表示／表示

非表示／表示では、特定のエクスペリエンスに対する要素の表示設定を制御できます。不要な要素を取り除いたり、重要なコンテンツを目立たせたりする場合に便利です。
例：ランディングページのエクスペリエンスでナビゲーションバーを非表示にしたり、特別オファーのバナーを表示したりします。

削除

削除では、エクスペリエンスのバリエーションから要素を完全に削除します。特定のオーディエンスに関連しない要素がある場合に便利です。
例：キャンペーンページからフッターセクションや不要なコンテンツブロックを削除します。

コンテナーの選択

コンテナーの選択では、個別の要素ではなく親要素を選択できるため、レイアウトセクション全体に対して広範な変更を行えます。グループ化されたコンテンツを扱う場合に便利です。
例：セクション全体（divまたはbody）を選択して、背景や間隔の変更を適用します。

Chrome 拡張機能

Chrome 拡張機能では、ログイン後のページを含む公開中のWebページを読み込んで編集できます。正確なプレビューとリアルタイム編集を実現します。
例：一般公開されていないログイン後のダッシュボードページをパーソナライズします。

JavaScript（JS）

JavaScriptを使用すると、エクスペリエンスにカスタムロジックや動作を追加できます。基本的な編集を超えた高度な操作やトラッキングに使用します。
例：ユーザーがページの半分までスクロールした後にポップアップを表示します。

デバイス切り替え（デスクトップ／モバイル／タブレット）

このオプションでは、デスクトップ、タブレット、モバイルの表示を切り替えて、デバイスごとにエクスペリエンスを最適化できます。変更内容がどの環境でも正しく表示されるように確認できます。
例：モバイルユーザー向けにフォントサイズを調整したり、要素の位置を変更したりします。

グローバルコード（JS/CSS）

グローバルコードでは、個別の要素ではなく、エクスペリエンス全体にCSSやJavaScriptを適用できます。一貫したスタイルや動作を設定する場合に便利です。
例：グローバルなフォントスタイルを適用したり、すべてのページにトラッキングスクリプトを追加したりします。

編集モード

編集モードでは、ページ上の要素を直接変更できます。変更を行う際に使用する標準モードです。
例：ページ上のテキスト、画像、ボタンを直接クリックして編集します。

操作モード

操作モードでは、編集せずにWebページを通常どおり操作できるため、非表示の要素やインタラクティブな要素にアクセスできます。
例：編集前にドロップダウンメニューを開いたり、別のセクションに移動したりします。