GoogleタグマネージャとGenesys Predictive Engagementを併用する。
All existing customers are encouraged to migrate to Web Messaging and Messenger.
トラッキングスニペットについて
ウェブチャット を使用したいお客様は、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 タグ マネージャーを使用すると、次のものをデプロイできます。
- メッセンジャースニペット
- プレディクティブ・エンゲージメント・トラッキングのスニペット
GoogleタグマネージャでMessengerスニペットを導入する
Messengerスニペットをデプロイするには(Genesys Cloud CXのお客様のみご利用いただけます)、以下の手順を実行してください。
- Genesys Cloud CX Admin のMessage の下にある、Messenger Deployments をクリックします。
- デプロイするMessengerデプロイメントの名前をクリックします。
- Deploy your snippet セクションで、Copy to Clipboard をクリックします。
- Googleタグマネージャで、カスタムHTMLタグを作成します。
- スニペットをカスタムHTMLタグの本文に貼り付けます。
- JavaScript コードを次の文字で囲みます。 <script> タグ。 スニペットコードをアンエスケープして、改行エスケープ文字を削除していることを確認してください。
- タグを保存します。
- [ すべてのページ トリガー。
- メッセンジャータグなど、意味のある名前でタグを保存します。
- 送信 をクリックし、公開をクリックします。 このタグは、Webサイト上のすべてのページに公開されます。
詳しくは、Genesys Cloud CX Resource Center のDeploy Messenger をご覧ください。
Google Tag ManagerでPredictive Engagementトラッキングスニペットを導入する。
この動画では、Google Tag Managerを使用して、Genesys Predictive EngagementトラッキングスニペットをWebサイトに展開する方法をご紹介します。
Predictive Engagementトラッキングスニペットをデプロイするには、以下のステップを完了します。
- Google タグマネージャで、新しいトリガー を作成し、タイプとしてDOM Ready を選択します。
- タグ を新規に作成し、タイプにCustom HTML を選択します。
- 新しいDOM Readyトリガーを使用するようにタグを設定します。
- Genesys Predictive Engagementで、トラッキングスニペット をコピーします。
- Googleタグマネージャで、新しいカスタムHTMLタグにスニペットを貼り付けます。
- 変更を保存して、ワークスペースを公開します。
トリガー
トリガーとは、あるタグがいつ実行されなければならないかを定義する条件です。 Google タグマネージャは、組み込みのトリガー集を提供しています。 また、独自のトリガーを作成することも可能です。
この例は、フォーム送信 トリガーを示しており、訪問者がサインアップ をクリックしてフォームを送信したときに起動されます。
ヒント:
組み込みのElement Visibilityトリガーにより、投稿エラーを追跡。 ページ上にエラーメッセージが表示された場合は、フォームにエラーが含まれていると判断し、適切な対処を行うことができます。 また、フィールド関連のエラーメッセージも同じように追跡できます。トリガー例 スクロールを追跡する
この例では、Scroll Depthトリガーを使って、ウェブページの垂直・水平方向のスクロールイベントを捕捉する方法を示します。
- このトリガーは、すべてのウェブページ、または指定した条件に一致するページのサブセットで起動することができます。
- 垂直方向および水平方向のスクロールの深さをパーセントまたはピクセルで指定する。
- 複数の値はカンマで区切ってください。
制限
トリガーは、1つのウェブページにつき1回のみ実行することができます。 手動でリセットすることはできません。 ページがスクロール可能でない場合、トリガーは常に発生します。 トリガーが常に発火するのを防ぐため、以下のコードでタグを囲みます。
if ($(document).height() > $(window).height()) { /* your tag code */ }
トリガー例 滞在時間
トリガー例 フォーム送信エラー
タグ
タグは、Google タグマネージャがあなたのウェブサイトに注入し、トリガー条件が発生したときに実行されるコードスニペットです。 Google タグマネージャで利用可能な組み込みタグの詳細については、カスタムタグ を参照してください。
ヒント:
Predictive Engagementトラッキングスニペットをデプロイした場合、Google Tag ManagerタグからJourney JavaScript SDKメソッド を呼び出すことができます。タグの例 サインアップボタン
タグのトリガーを抑制する
タグがトリガーされないようにするには、ウェブページのエレメントリスナーでevent.preventDefault() を使用します。
デバッグ
Google タグマネージャの統合をデバッグモードで実行するには、アカウントページでプレビュー をクリックします。 デバッグ 、ウェブサイト上の各統合ページの右下に表示されます。
コンソールを使用して、ウェブページ上のすべてのイベントを追跡します。 どのタグがトリガーされたか、されていないか、エラーメッセージ、変数の値などの情報を見ることができます。