トラッキングスニペットについて

ウェブチャット を使用したいお客様は、Predictive Engagement トラッキングスニペットを使用する必要があります。 このスニペットは、WebサイトにPredictive Engagementトラッキングを導入し、Webチャット機能も使用できるようにします。

Genesys Cloud CXのお客様が、ウェブチャットの代わりにウェブメッセージ を使用したい場合は、Messengerスニペットを使用する必要があります。 このスニペットは、WebサイトにPredictive Engagementトラッキングを導入し、Webメッセージ機能も使用できるようにします。

Googleタグマネージャについて

Google Tag Managerを使用してGenesys Predictive Engagementトラッキングを導入すると、Genesys Predictive Engagementはページビューやフォーム入力を含む標準的なカスタマージャーニーイベントをトラッキングします。 また、Google タグマネージャにあらかじめ組み込まれているタグ、トリガー、変数を使用して、Web ページやビジネスニーズに特化したその他のイベントを追跡することもできます。

Google タグマネージャの使用方法については、Google のタグマネージャヘルプを参照してください。

GoogleタグマネージャでMessengerスニペットを導入する

Genesys Cloud CXをご利用のお客様で、新しいWebメッセージ機能をご利用になりたい場合は、以下の手順が適用されます。 そうでない場合は、Deploy Predictive Engagement tracking snippet with Google Tag Manager をご覧ください。

Messengerスニペットをデプロイするには（Genesys Cloud CXのお客様のみご利用いただけます）、以下の手順を実行してください。

  1. Genesys Cloud CX Admin のMessage の下にある、Messenger Deployments をクリックします。
  2. デプロイするMessengerデプロイメントの名前をクリックします。
  3. Deploy your snippet セクションで、Copy to Clipboard をクリックします。
  4. Googleタグマネージャで、カスタムHTMLタグを作成します。
  5. スニペットをカスタムHTMLタグの本文に貼り付けます。
  6. JavaScript コードを次の文字で囲みます。 <script> タグ。 スニペットコードをアンエスケープして、改行エスケープ文字を削除していることを確認してください。
  7. タグを保存します。
  8. [ すべてのページ トリガー。
  9. メッセンジャータグなど、意味のある名前でタグを保存します。
  10. 送信 をクリックし、公開をクリックします。 このタグは、Webサイト上のすべてのページに公開されます。

詳しくは、Genesys Cloud CX Resource Center のDeploy Messenger をご覧ください。

Google Tag ManagerでPredictive Engagementトラッキングスニペットを導入する。

Genesys Cloud CXをご利用のお客様で、新しいWebメッセージ機能をご利用になりたい場合は、この手順は適用されません。 代わりに、Google Tag ManagerでMessengerスニペットをデプロイする を参照してください。

この動画では、Google Tag Managerを使用して、Genesys Predictive EngagementトラッキングスニペットをWebサイトに展開する方法をご紹介します。

Predictive Engagementトラッキングスニペットをデプロイするには、以下のステップを完了します。

  1. Google タグマネージャで、新しいトリガー を作成し、タイプとしてDOM Ready を選択します。
  2. タグ を新規に作成し、タイプにCustom HTML を選択します。
  3. 新しいDOM Readyトリガーを使用するようにタグを設定します。
  4. Genesys Predictive Engagementで、トラッキングスニペット をコピーします。
  5. Googleタグマネージャで、新しいカスタムHTMLタグにスニペットを貼り付けます。
  6. 変更を保存して、ワークスペースを公開します。

トリガー

トリガーとは、あるタグがいつ実行されなければならないかを定義する条件です。 Google タグマネージャは、組み込みのトリガー集を提供しています。 また、独自のトリガーを作成することも可能です。

この例は、フォーム送信 トリガーを示しており、訪問者がサインアップ をクリックしてフォームを送信したときに起動されます。

ヒント:
組み込みのElement Visibilityトリガーにより、投稿エラーを追跡。 ページ上にエラーメッセージが表示された場合は、フォームにエラーが含まれていると判断し、適切な対処を行うことができます。 また、フィールド関連のエラーメッセージも同じように追跡できます。

トリガー例 スクロールを追跡する

この例では、Scroll Depthトリガーを使って、ウェブページの垂直・水平方向のスクロールイベントを捕捉する方法を示します。

  • このトリガーは、すべてのウェブページ、または指定した条件に一致するページのサブセットで起動することができます。
  • 垂直方向および水平方向のスクロールの深さをパーセントまたはピクセルで指定する。
  • 複数の値はカンマで区切ってください。
注意： Enable this trigger on Window Load (gtm.load) オプションは、ウェブページの全コンテンツがロードされるときのみ意味を持ちます。

制限

トリガーは、1つのウェブページにつき1回のみ実行することができます。 手動でリセットすることはできません。 ページがスクロール可能でない場合、トリガーは常に発生します。 トリガーが常に発火するのを防ぐため、以下のコードでタグを囲みます。

if ($(document).height() > $(window).height()) { /* your tag code */ }

トリガー例 滞在時間

この例では、ウェブページが3秒間開いたままかどうかを追跡するためのトリガーを定義する方法を示します。

トリガー例 フォーム送信エラー

Element Visibility トリガーは、ページ上にエレメントが表示されたときに発生します。 フォーム送信のエラーをキャッチするのに便利です(フィールドバリデータのエラーメッセージが表示される場合など)。

タグ

タグは、Google タグマネージャがあなたのウェブサイトに注入し、トリガー条件が発生したときに実行されるコードスニペットです。 Google タグマネージャで利用可能な組み込みタグの詳細については、カスタムタグ を参照してください。

注意： Google タグマネージャでは、JavaScript の関数呼び出しが通常の HTML として扱われるため、エラーが発生します。 このようなエラーを避けるために、トリガーとタグは必ず意図したとおりに使用するようにしてください。 すなわち、関数を呼び出したいときには、トリガー を使用します。
ヒント:
Predictive Engagementトラッキングスニペットをデプロイした場合、Google Tag ManagerタグからJourney JavaScript SDKメソッド を呼び出すことができます。

タグの例 サインアップボタン

この例では、訪問者がSign up をクリックしたときにトリガーされるシンプルなタグを示しています。 フォームの値をモーダルウィンドウで表示するものです。

タグのトリガーを抑制する

タグがトリガーされないようにするには、ウェブページのエレメントリスナーでevent.preventDefault() を使用します。

デバッグ

Google タグマネージャの統合をデバッグモードで実行するには、アカウントページでプレビュー をクリックします。 デバッグ 、ウェブサイト上の各統合ページの右下に表示されます。

コンソールを使用して、ウェブページ上のすべてのイベントを追跡します。 どのタグがトリガーされたか、されていないか、エラーメッセージ、変数の値などの情報を見ることができます。