シナリオ

新製品を発表するウェブページを作成した。 ページ全体を見た訪問者のセグメントを作成し、彼らとのインタラクションを開始したいのです。

ステップの概要

  1. JavaScript を使用して、ScrollToBottom イベントタグを作成します。.
  2. お好みのタグマネージャーでイベントタグ を展開します。
  3. イベントタグを使用するセグメント を作成します。
  4. アクションマップ を作成し、訪問者を惹きつける。
  5. Live Nowでソリューション をテストしてください。

ScrollToBottomイベントタグの作成

お好みのコードエディターで、ScrollToBottom イベントタグを開発し、検証してください。

Predictive Engagement トラッキングスニペット をデプロイした場合、次の例を使用して、ScrollToBottom イベントタグを作成します。

<script>ac('dom', 'ready', function() {    $(window).scroll(function(){        timeout = setTimeout( function() {            if( $(window).scrollTop() + $(window).height() > $(document).height() - 100 ) {                ac('record', 'scrollToBottom', 'User scrolled to bottom');                console.log('User scrolled to bottom');            }        })    })})</script>

イベントタグの作成に使用できるJourney JavaScriptのメソッドの詳細については、Journey JavaScript SDK を参照してください。

メッセンジャーのスニペット

Genesys Cloud CX のお客様で、Messenger snippet をデプロイしている場合は、次の例でScrollToBottom イベントタグを作成します。
<script>  Genesys("subscribe", "Journey.ready", function(){    $(window).scroll(function(){        timeout = setTimeout( function() {            if( $(window).scrollTop() + $(window).height() > $(document).height() - 100 ) {                Genesys("command", "Journey.record", { eventName: "scrollToBottom"});                console.log('User scrolled to bottom');            }        }    }})</script>

利用可能なプラグインとそれに関連するコマンドやイベントの詳細については、Genesys Cloud CX Developer CenterのCommands and events を参照してください。

イベントタグを展開する

作成したイベントタグは、お好みのタグマネージャーを使用してデプロイしてください。

注意: イベントタグに定義したJavaScriptのコードは、タグに定義した実行条件(特定のページのURLまたはHTML要素の存在)に一致するページに訪問者がいるたびに実行されます。

ScrollToBottom セグメントを作成します。

  1. Genesys Cloud CX Admin で、セグメントを作成します。
  2. Visitor Journey の下で、Add first event をクリックします。
  3. セッションの種類 のボックスで、Web をクリックします。
  4. イベントの詳細 ボックスで、イベントアクション をクリックします。
  5. 属性 のボックスで、名前 をクリックします。
  6. Operator 」ボックスで、「equals 」をクリックします。
  7. Value ボックスに、ac('record') またはJourney.record の呼び出しで定義したタグの名前を入力し、チェックマークを クリックします。
注意: Webセッションの種類を作成する必要があります。 カスタムセッションタイプは使用しないでください。

ScrollToBottomアクションマップの作成

  1. Genesys Cloud CX Admin で、アクションマップを作成します。
  2. アクションマップにScrollToBottomと名付ける。
  3. Select trigger セクションで、Segment match をクリックします。
  4. Show details をクリックし、Select segments をクリックします。
  5. Select segments ]ダイアログボックスで、ScrollToBottom セグメントを選択します。
  6. 必要に応じてアクションマップの残りの部分を設定し、保存します。

Live Nowでソリューションをテストする

  1. 開く今すぐライブ.
  2. ホームページを開く
  3. 訪問を開始し、追跡しているページに移動します。
  4. 一番下までスクロールしてください。
  5. Live Now を更新し、新しい訪問者が表示され、訪問者がScrolltoBottom セグメントに追加されたことを確認します。