Web SDK Initialization

Get the APP ID from the dashboard and replace "XXXXXXXXXXX" in the code below.

  1. Add this initialization script in your web/index.html file:
<script type="text/javascript">
  (function(i,s,o,g,r,a,m,n){i.moengage_object=r;t={};q=function(f){return function(){(i.moengage_q=i.moengage_q||[]).push({f:f,a:arguments})}};f=['track_event','add_user_attribute','add_first_name','add_last_name','add_email','add_mobile','add_user_name','add_gender','add_birthday','destroy_session','add_unique_user_id','moe_events','call_web_push','track','location_type_attribute'],h={onsite:["getData","registerCallback"]};for(k in f){t[f[k]]=q(f[k])}for(k in h)for(l in h[k]){null==t[k]&&(t[k]={}),t[k][h[k][l]]=q(k+"."+h[k][l])}a=s.createElement(o);m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m);i.moe=i.moe||function(){n=arguments[0];return t};a.onload=function(){if(n){i[r]=moe(n)}}})(window,document,'script','https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js','Moengage')

  
  Moengage = moe({
    app_id:"XXXXXXXXXXX", // replace "XXXXXXXXXXX" with the APP ID you get from the dashboard
    debug_logs: 0
  });
</script>
  1. Download the serviceworker file from here and keep it inside web folder.
    Moengage SDK will pick it from there. Click here to know more about service worker installation

🚧

Moengage Flutter Web SDK only works in beta channel as Flutter supports its web implementation only in beta channel. Ref: https://flutter.dev/docs/get-started/web