スマート TV との統合

MoEngage Web SDK は、LG TV (webOS) と Samsung Tizen OS TV で、ユーザーデータとイベントをトラッキングして分析を強化し、On-site メッセージを表示できます。完全な技術リファレンスについては、JavaScript ドキュメントを参照するか、LG TV と Samsung TV のサンプルアプリで、TV 上で動作する Web SDK をご確認ください。

ここではプッシュ通知が機能しないため、serviceworker.js ファイルは追加しないでください。
SDK がプッシュ通知モジュールを初期化しないように、初期化設定に disable_web_push: true を渡してください。詳細はこちらをご覧ください。
Cookie の使用を無効にするには、disableCookies: true を渡してください。

サポートされている機能

統合

TV アプリには URL がなく、SDK はページ/画面の変更時に多くの処理を行う必要があるため、ページ/画面が変更されたことを SDK に通知する必要があります。そのため、画面の変更時にヘルパー関数 Moengage.handlePageChange() を呼び出す必要があります。

On-site Messaging (OSM) での TV リモコンによるナビゲーション

現在、テンプレートでは水平方向のナビゲーションのみをサポートしています。OSM キャンペーンの作成で、ステップ 1 でプラットフォームとして TV を選択すると、利用可能な限られたテンプレートのみを使用できます。これらのテンプレートでは、水平方向のナビゲーションのみを使用できます。

OSM テンプレートでのディープリンク

TV では、ブラウザのようにデフォルトでハイパーリンクのリダイレクトを行うことができないため、リンクがクリックされるとテンプレートからイベントが発行されます。そのイベントをリッスンしてリダイレクトを処理できます。

<script type="text/javascript">
window.addEventListener('MOE_AUTOMATED_EVENTS', function (event) {
  if(event.detail) {
    if(event.detail.name === 'MOE_ONSITE_CLICKED') {
      console.log(event.detail.data);
      // {
      //   deeplink: 'https://google.com',
      //   label: 'Click Me',
      //   campaignName: 'Test Campaign'
      // }
    }
    if(event.detail.name === 'MOE_ONSITE_DISMISSED') {
      console.log(event.detail.data);
      // {
      //   label: 'Click Me',
      //   campaignName: 'Test Campaign'
      // }
    }
  }
});
</script>

サンプルコード

参考として、以下のサンプルアプリを作成しています。

Web SDK は、以下の TV OS バージョンをサポートしています。

LG webOS TV 5.0 以降
Samsung Tizen 4.0 以降

​サポートされている機能

​統合

​On-site Messaging (OSM) での TV リモコンによるナビゲーション

​OSM テンプレートでのディープリンク

​サンプルコード

サポートされている機能

統合

On-site Messaging (OSM) での TV リモコンによるナビゲーション

OSM テンプレートでのディープリンク

サンプルコード