Skip to main content
On-Site Messaging（OSM）キャンペーンとランディングページは、Web テンプレートが MoEngage SDK とやり取りできる JavaScript Bridge インターフェースをサポートしています。 ブリッジには一連の API が含まれており、On-Site Messaging ではグローバル変数 MoeOsm、ランディングページでは Moengage.landingPages を使用してアクセスできます。 以下のセクションでは、OSM とランディングページで利用可能なすべての JS Bridge メソッドを一覧にし、各 API について詳しく説明します。

​
On-Site Messaging（OSM）

以下の表に、On-Site Messaging キャンペーンで利用可能なすべての JS Bridge メソッドを示します。
OSM 向けの JS メソッド以下の JS メソッドを OSM テンプレートに統合すると、メッセージを閉じるなどのクリック時アクションを実行したり、イベント、クリック、閉じる操作などのデータをトラッキングしたりできます。

​
イベントのトラッキング

OSM テンプレートからカスタムイベントをトラッキングするには、MoeOsm.trackEvent(eventName, eventAttr) API を使用します。

​
クリックのトラッキング

ウィジェットのクリックイベントをトラッキングするには、MoeOsm.trackClick(widgetId) API を使用します。

​
閉じる操作のトラッキング

OSM テンプレートから閉じるイベントをトラッキングするには、MoeOsm.trackDismiss() API を使用します。

​
メッセージを閉じる

ボタンのクリックやその他のクリックで OSM メッセージを閉じるには、MoeOsm.dismissMessage() API を使用します。

​
ランディングページ

以下の表に、ランディングページで利用可能なすべての JS Bridge メソッドを示します。
ランディングページ向けの JS メソッド以下の JS メソッドをランディングページテンプレートに統合すると、ページ要素のクリックのトラッキング、フォーム送信の取得、カスタムイベントのトラッキングが行えます。

​
lp_context オブジェクト

lp_context は、MoEngage がすべてのランディングページでグローバルに利用できるようにしているランディングページのコンテキストオブジェクトです。変更したり自分で作成したりせず、そのままブリッジメソッドに渡してください。MoEngage はこのオブジェクトを使用して、トラッキングされる各イベントにランディングページの完全なコンテキストを付与します。これには、キャンペーン統計がイベントをランディングページに帰属させるために使用する moe_lp_formatted_id 属性が含まれます。
lp_context オブジェクトは常にそのまま渡してください。コンテキスト引数を自分で構築すると、イベントに moe_lp_formatted_id が含まれなくなります。その場合、イベントはユーザープロファイルには表示されますが、クリックはランディングページのキャンペーン統計にカウントされません。✅ 正しい例： Moengage.landingPages.trackClick(lp_context, 'Register_Now')❌ 誤った例： Moengage.landingPages.trackClick({id: <landing_page_id>, name: <landing_page_name>}, 'Register_Now')

​
クリックのトラッキング

ランディングページ内の要素のクリックをトラッキングするには、Moengage.landingPages.trackClick(lp_context, <widget_id>) API を使用します。
有効な href 属性を持つすべての要素には、デフォルトでこのクリックトラッキングが追加されています。

​
フォーム送信のトラッキング

ランディングページでのフォーム送信をトラッキングするには、Moengage.landingPages.trackFormSubmit(lp_context, <attribute_object>) API を使用します。
このイベントは、ランディングページにフォーム要素が存在する場合、デフォルトでトラッキングされます。

​
イベントのトラッキング

ランディングページからカスタムイベントをトラッキングするには、Moengage.landingPages.trackEvent(<event_name>, lp_context, <event_attributes>) API を使用します。