Skip to main content
On-site Messaging キャンペーンを使用すると、Web サイト上にパーソナライズされたポップアップや控えめなバナーを表示できます。 On-site Messaging の Web SDK 統合は、Web SDK が統合されているすべてのページで自動的に動作を開始します。 詳細については、Web SDK の統合を参照してください。

On-site Messaging の無効化

On-Site Messaging のオプションの手順
Web サイトの一部のページまたはすべてのページで On-site Messaging を無効にしたい場合は、MoEngage Web SDK が有効なページに、次のように disable_onsite: true を追加する必要があります。

On-site Messaging イベントのコールバック

上記の例では、event.detail.name = 'MOE_ONSITE_MESSAGE_SHOWN' となっています。同様に、他の On-site Messaging イベントに対してもコールバックを提供しています。 以下は、event.detail.name = 'MOE_ONSITE_MESSAGE_SHOWN' の場合の event.detail.data のサンプルです。
他の On-site Messaging イベント (例: MOE_ONSITE_MESSAGE_DISMISSED) の event.detail.data も、類似した (同一ではない) ペイロードになります。データは、コンソールに出力して確認できます: console.log(event.detail.data)

トラブルシューティング

Sticky Banner タイプのキャンペーンが Web サイトのヘッダーと重なる

Sticky Banner タイプのキャンペーンは、top: 0 の fixed ポジションを持ちます。そのため、Web サイトにも top: 0 の固定ポジションの要素がある場合、重なってしまいます。これは技術的な制限であり、お客様側で対処する必要があります。 解決策: MoEngage から OSM テンプレートが表示されたらすぐに、固定ポジションの要素の位置を更新できます。次のコードを使用してください。

On-site Messaging キャンペーンが表示されない

以下を確認してください。
  1. Trigger Action の条件が一致しているかどうかを確認します。
  2. On-site Messaging で Selected Pages を指定している場合は、URL が一致しているかどうかを確認します。
  3. オーディエンスのセグメンテーションが一致しているかどうかを確認します。
  4. プラットフォーム (Web または Mobile Web) が適切に選択されているかどうかを確認します。

On-site Messaging のテストキャンペーンが機能しない

MoEngage Web SDK は、テスト用の OSM キャンペーンを表示するために、window.opener.postMessage を使用して MoEngage ダッシュボードと Web サイトの間で通信します。 ただし、Web サイト内で異なるオリジン間の window.opener がブロックされている可能性があります。Web サイトに Cross-Origin-Opener-Policy': 'same-origin' ヘッダーが追加されているかどうかを確認してください。 上記のヘッダーが Web サイトに存在する場合、テストキャンペーンは機能しません。このヘッダーを削除してテストするか、ライブキャンペーンを作成し、セグメンテーションを使用して自分自身をターゲットにしてください。 さらにサポートが必要な場合は、MoEngage のカスタマーサクセスマネージャー (CSM) またはサポートチームにお問い合わせください。