スティッキー・バーの作成

スティッキー・バーは上部または下部に配置されるメッセージで、ここには、コンバージョンおよびエンゲージメントを促進するために、パーソナライズされたメッセージとコンテンツが表示されます。

スティッキー・バーを構成する手順は、次のとおりです。

  1. 訪問者がページ上の主要なタスクに簡単に注目できるようにすることによって、コンバージョンやエンゲージメントを促進する短いメッセージを設計します。スティッキー・バーは、ユーザーが簡単にページと区別できるようにページよりも目立つようにする必要があります。スティッキー・バーによってページ上の重要な情報が隠れてしまうことがないようにしてください。
  2. ユーザー・アクションと配信するメッセージに基づいて、トリガー・シナリオを選択します。
  3. 特定の訪問者をターゲットにします。
  4. キャンペーンの成功を測定できるようにアクションを選択します。
: 未登録の訪問者にニュースレターへのサインアップを促すスティッキー・バーが1か月に1回表示されるように構成する手順は、次のとおりです。
  1. キャンペーンの「Content」タブを開き、「Components」アイコンスティッキー・バーなどのコンポーネントのリストを開く際にクリックするアイコンのイメージ をクリックします。
  2. スティッキー・バーを選択します。
  3. スティッキー・バーを選択して変更します。
    1. テキストを変更します。
    2. フォントの色を変更します。
    3. 背景色を変更します。
  4. 「On Page Load」トリガーを選択します。
  5. 1か月に1回、未登録の訪問者にこのスティッキー・バーを表示します。
  6. 訪問者がスティッキー・バーを閉じると、次回からは表示しません。
  7. スティッキー・バーをプレビュー・モードで表示します。
  8. 「Registration」が「Not Registered」である訪問者にのみこのキャンペーンを表示するようにターゲッティング・ルールを設定します。

設計

次のCampaign Designer編集ツールを使用できます。
  • Text Styles: デフォルト・コンテンツのテキストを変更できます。リッチ・テキスト編集を参照してください
  • Colour: スティッキー・バーの背景とフォントの色を変更できます。
  • サイズと位置: 「Size & Position」パネルには、スティッキー・バーに関する次の設定が用意されています。
    • Sticky Bar position: ページの上部または下部に配置するようにスティッキー・バーを移動できます。
    • Size: スティッキー・バーの高さを変更できます。バーは、ウィンドウの幅全体に表示されるように設計されています。
「Size and Position」パネルのイメージ

トリガー・シナリオ

スティッキー・バーは、次のイベントに基づいてトリガーできます。
  • On Page Load: 訪問者が初めてサイトにアクセスしたとき(または指定した遅延の後)に注意を引くことが必要である場合、Webサイトで現在実行されている販売オファーを表示できます。メインのコールツーアクション(CTA)により、セール・ページに直接移動します。
  • If mouse is idle: 訪問者の操作が止まっている場合に、人気アイテム、お急ぎください残りわずか3個といった希少性を伝えるメッセージを表示できます。
  • 「When Mouse Leaves Viewport」または「When Page Loses Focus」: 今すぐチェックアウトした場合に次回購入時の割引を提示するなど、サイトを離れようとしている訪問者にオファーを表示します。
  • On JavaScript Event: 「On JavaScript」イベント・トリガーを使用する独自のトリガーを記述できます。たとえば、訪問者がカートにアイテムを追加したときに、アイテムがカートに追加されたことを知らせ、ブラウズを続けるか、今すぐチェックアウトするかを確認するメッセージを表示することによって、チェックアウトを促すことができます。
  • Triggers: ページ上の任意のオブジェクトについて「On Click」「On Hover」または「On Mouse」トリガーを作成できます。たとえば、訪問者がサイトで「Sale」リンクをクリックしたときに、今週はすべてのセール・アイテムがさらに10%オフになることを説明するメッセージを表示できます。
「Interactions」パネルのイメージ

ターゲッティング

ターゲッティングを使用して、適切な訪問者に適切なときにスティッキー・バーが表示されるようにすることができます。たとえば、訪問者がサイトのアカウントをまだ持っていないことがわかっている場合、サイトを訪問したときに、登録してニュースレターにサインアップするよう促すスティッキー・バーを表示できます。

詳細は、パーソナライズおよび特定の訪問者をキャンペーンのターゲットにするを参照してください。

アクション

対象とするCTAに基づいてキャンペーンのスティッキー・バーの成功を測定できるように、アクションを追加できます。編集またはアクションのトラッキングの対象とするページ上の要素の選択を参照してください。

頻度

スティッキー・バーを表示する頻度は、コンテンツに応じて決定します。「Always show」を選択する場合は、スティッキー・バーが頻繁に表示されることによって、訪問者が不快に感じたり、サイトにおける訪問者の操作が中断する可能性があることに注意してください。訪問者がスティッキー・バーを閉じたら、不快にさせないよう、次回からスティッキー・バーを表示しないようにすることができます。また、時間、日、週、月、セッションまたはキャンペーン単位で何回かスティッキー・バーを表示するようにカスタムの頻度を設定することもできます。

閉じる

訪問者がスティッキー・バーを閉じるための様々な方法を指定できます。たとえば、閉じるボタンをクリックしたり、スティッキー・バーの外側をクリックできます。

さらに学ぶ

コールアウトの作成

ライトボックスの作成

リッチ・テキスト編集

スティッキー・バー, トリガー, アクション