MoEngage

https://www.moengage.com/docs/developer-guide
Admin
MoEngage is a lightweight, modular client SDK that enables event tracking, user identification, push...
Tokens:277,748
Snippets:3,407
Trust Score:10
Update:1 month ago
Show doc for...
Tokens:
Raw
### Example Production Integration

Source: https://www.moengage.com/docs/developer-guide/personalize-sdk/sdk-integration/web-personalization-v2

A complete example showing both prefetch and initiation tags for a production environment.

```JavaScript
<link rel="preconnect" href="https://cdn.moengage.com/" crossorigin />
<link rel="dns-prefetch" href="https://cdn.moengage.com/" />
<link rel="preconnect" href="https://sdk-01.moengage.com/" crossorigin />
<link rel="dns-prefetch" href="https://sdk-01.moengage.com/" />
<script src="https://cdn.moengage.com/release/dc_1/versions/2/moe_webSdk_webp.min.latest.js?app_id=YOUR_WORKSPACE_ID"></script>
```

--------------------------------

### Example Test Environment Integration

Source: https://www.moengage.com/docs/developer-guide/personalize-sdk/sdk-integration/web-personalization-v2

A complete example of the initiation script configured for a test environment.

```JavaScript
<script src="https://cdn.moengage.com/release/dc_1/versions/2/moe_webSdk_webp.min.latest.js?app_id=YOUR_WORKSPACE_ID&debug_logs=1"></script>
```

--------------------------------

### Contextual In-App Implementation Example

Source: https://www.moengage.com/docs/developer-guide/android-sdk/in-app-messages/in-app-nativ

Full implementation example for managing context within Activity and Fragment lifecycles.

```kotlin
 
      // Activity
      class MyCustomActivity: Activity() {
        override fun onStart() {
           super.onStart()
           MoEInAppHelper.getInstance().setInAppContext(setOf("context1", "context2"))
           MoEInAppHelper.getInstance().showInApp(this)
       }
        override fun onStop() {
           super.onStop()
           MoEInAppHelper.getInstance().resetInAppContext()
       }
      }
      
      
      
      // Fragment
      class MyCustomFragment: Fragment() {

      override fun onStart() {
          super.onStart()
          // Fragment's onStart code
        
          // context1 and context2 can be changes as per screen/requirement
          MoEInAppHelper.getInstance().setInAppContext(setOf("context1", "context2"))
          MoEInAppHelper.getInstance().showInApp(this)
      }

      override fun onStop() {
          super.onStop()
          // Fragment's onStop code
        
          MoEInAppHelper.getInstance().resetInAppContext()
      }
    }
```

```java

      // Activity
      public class MyCustomActivity extends Activity {
      @Override
    protected void onStart() {
        super.onStart();
        // Activity's custom onStart logic here
        Set inAppContext = new HashSet<>();
        inAppContext.add("context1"); // Change the string name as per your requirement
        inAppContext.add("context2"); // Change the string name as per your requirement
        MoEInAppHelper.getInstance().setInAppContext(inAppContext);
        MoEInAppHelper.getInstance().showInApp(this)
    }

    @Override
    protected void onStop() {
        super.onStop();
        // Activity's custom onStop logic here
        MoEInAppHelper.getInstance().resetInAppContext();
        
    }
      }
      
      
      
          // Fragment
public class MyCustomFragment extends Fragment {

    // Other Fragment code
    
    @Override
    public void onStart() {
        super.onStart();
        // Fragment's onStart code here
        Set inAppContext = new HashSet<>();
        inAppContext.add("context1");
        inAppContext.add("context2");
        MoEInAppHelper.getInstance().setInAppContext(inAppContext);
        MoEInAppHelper.getInstance().showInApp(this)
    }

    @Override
    public void onStop() {
        super.onStop();
        MoEInAppHelper.getInstance().resetInAppContext();
    }
}
```

--------------------------------

### Example integration command for SPM

Source: https://www.moengage.com/docs/developer-guide/flutter-sdk/push/basic/integrating-moengage-service-and-content-extension-in-ios/set-up-ios-notification-extensions-for-rich-push-and-impression-tracking

A complete example command for SPM specifying custom names for service and content extensions.

```bash
${OBJROOT}/../../SourcePackages/artifacts/apple-sdk/moengage-extensions-integration/moengage-extensions-integration.artifactbundle/moengage-extensions-integration/bin/moengage-extensions-integration --enable-push-notification-templates --notification-service-extension-name NotificationService --notification-content-extension-name NotificationContent
```

--------------------------------

### Install iOS Dependencies

Source: https://www.moengage.com/docs/developer-guide/react-native-sdk/sdk-integration/react-native/sdk-installation/ios

Run this command from the ios directory to update the repository and install pods.

```bash
pod install --repo-update

```

--------------------------------

### Install MoEngage Web SDK

Source: https://www.moengage.com/docs/developer-guide/web-sdk/other-supported-web-sdk-integration/integrate-moengage-with-mcp-ui-apps

Command to install the MoEngage Web SDK dependency in your project.

```bash
npm install @moengage/web-sdk
```

--------------------------------

### Set App Status for Fresh Installs in Unity

Source: https://www.moengage.com/docs/developer-guide/unity-sdk/data-tracking/install-update-differentiation

Use this method when the application is being installed for the first time.

```c#
using MoEngage;
MoEngageClient.SetAppStatus(MoEAppStatus.INSTALL);
```

--------------------------------

### Set App Status for Fresh Installs

Source: https://www.moengage.com/docs/developer-guide/flutter-sdk/data-tracking/install-update-differentiation

Use this configuration when the application is being installed for the first time.

```Dart
import 'package:moengage_flutter/moengage_flutter.dart';
final MoEngageFlutter _moengagePlugin = MoEngageFlutter(YOUR_WORKSPACE_ID);
_moengagePlugin.initialise();
_moengagePlugin.setAppStatus(MoEAppStatus.install);
```

--------------------------------

### Install MoEngage SDK Packages

Source: https://www.moengage.com/docs/developer-guide/react-native-sdk/sdk-integration/expo/installation

Commands to install the necessary MoEngage packages using Expo or npm.

```shell
npx expo install react-native-expo-moengage
```

```shell
npm install react-native-moengage
```

--------------------------------

### Install new MoEngage SDK plugin

Source: https://www.moengage.com/docs/developer-guide/cordova-sdk/migration/migrating-to-4xx

Command to install the new MoEngage SDK plugin with the required Workspace ID variable.

```JavaScript
cordova plugin add moengagesdk --variable APP_ID="[YOUR_WORKSPACE_ID]"
```

--------------------------------

### Set App Status for Install or Update

Source: https://www.moengage.com/docs/developer-guide/react-native-sdk/data-tracking/install-update

Use MoEAppStatus.Install for new installations and MoEAppStatus.Update for existing users who have updated the application.

```javascript
import ReactMoE, {
  MoEAppStatus,
} from "react-native-moengage";
//For Fresh Install of App
ReactMoE.setAppStatus(MoEAppStatus.Install);
 // For Existing user who has updated the app
ReactMoE.setAppStatus(MoEAppStatus.Update);
```

--------------------------------

### Implement Custom Soft-Ask

Source: https://www.moengage.com/docs/developer-guide/web-sdk/web-push/configure-self-handled-opt-in

Full example showing the initialization of the SDK and the corresponding HTML structure for a custom soft-ask.

```HTML
...
<script type="text/javascript">
Moengage = moe(
{
    appId: "YOUR_WORKSPACE_ID"
});
///call the function callWebPush with this object argument to make your custom Soft-Ask visible
Moengage.callWebPush({
    "soft_ask":true,
    "main_class":"moe-main-class",
    "allow_class":"moe-allow-class",
    "block_class":"moe-block-class"
});
</script>
</head>
<body>
{/*  Your Custom Soft Ask Div  */}
{/*  Don't forget to set the style-display of your main_class to none */}
<div class="moe-main-class" style="display:none;">
Recieve Notifications ?
...
<button class="moe-allow-class">YES</button>
<button class="moe-block-class>NO</button>
</div>
</body>
```

--------------------------------

### Implement SDK Initialization in AppDelegate

Source: https://www.moengage.com/docs/developer-guide/cordova-sdk/sdk-integration/sdk-initialization/ios-sdk-initialization

Example implementation of the SDK initialization within the application:didFinishLaunchingWithOptions: method.

```Objective-C
#import "AppDelegate.h"
#import "MainViewController.h"
  
// Make sure to import "AppDelegate+MoEngage.h"
#import "AppDelegate+MoEngage.h"

@implementation AppDelegate

- (BOOL)application:(UIApplication*)application didFinishLaunchingWithOptions:(NSDictionary*)launchOptions
{
    self.viewController = [[MainViewController alloc] init];
    
    MoEngageSDKConfig *sdkConfig = [[MoEngageSDKConfig alloc] initWithAppID: @"YOUR_WORKSPACE_ID"];
    sdkConfig.moeDataCenter = DATA_CENTER_01; // Possible Values DATA_CENTER_01/DATA_CENTER_02/ DATA_CENTER_03
    sdkConfig.appGroupID = "App Group ID";

    // ---
    // Update other Parameters of SDK Config
    [self initializeDefaultSDKConfig:sdkConfig andLaunchOptions:launchOptions];
    return [super application:application didFinishLaunchingWithOptions:launchOptions];
}

@end
```

--------------------------------

### Set App Status for Install or Update

Source: https://www.moengage.com/docs/developer-guide/cordova-sdk/data-tracking/install-update-differentiation

Use the setAppStatus method after initializing the MoEngage SDK to report the current installation state.

```javascript
var moe = MoECordova.init(YOUR_WORKSPACE_ID);
// For fresh Install
moe.setAppStatus("INSTALL");
// For tracking App Update
moe.setAppStatus("UPDATE");
```

--------------------------------

### Start Geofence Monitoring

Source: https://www.moengage.com/docs/developer-guide/android-sdk/push/optional/location-triggered

Enable geofence monitoring by calling the startGeofenceMonitoring API.

```kotlin
MoEGeofenceHelper.getInstance().startGeofenceMonitoring(context)
```

```java
MoEGeofenceHelper.getInstance().startGeofenceMonitoring(context);
```

--------------------------------

### Start Geofence Monitoring

Source: https://www.moengage.com/docs/developer-guide/flutter-sdk/push/optional/location-triggered

Initialize and start geofence monitoring to fetch geofences based on the user's current location. Ensure the SDK is initialized and location permissions are granted before calling this method.

```dart
import 'package:moengage_geofence/moengage_geofence.dart';

final MoEngageGeofence _moEngageGeofence = MoEngageGeofence('YOUR_WORKSPACE_ID');

@override
void initState() {
  super.initState();
  // Starts geofence monitoring
  _moEngageGeofence.startGeofenceMonitoring();
}
```

--------------------------------

### Add MoEngage Personalize Dependency

Source: https://www.moengage.com/docs/developer-guide/flutter-sdk/personalize/personalize-sdk

Add the dependency to your pubspec.yaml file and run flutter pub get to install.

```yaml
dependencies:
	moengage_personalize: $latestVersion
```

--------------------------------

### Setup Notification Channels

Source: https://www.moengage.com/docs/developer-guide/cordova-sdk/push/basic/android-notification-runtime-permissions

Call this API to initialize notification channels after the user has granted permission.

```JavaScript
var moe = MoECordova.init("YOUR_WORKSPACE_ID");
moe.setupNotificationChannelsAndroid()
```

--------------------------------

### Install CocoaPods

Source: https://www.moengage.com/docs/developer-guide/cordova-sdk/sdk-integration/sdk-installation/ios-installation

Command to install the CocoaPods dependency manager on your system.

```Ruby
sudo gem install cocoapods
```

--------------------------------

### Install Geofence Plugin

Source: https://www.moengage.com/docs/developer-guide/capacitor-sdk/push/optional/location-triggered

Install the MoEngage geofence plugin via npm.

```shell
$npm install capacitor-moengage-geofence
```

--------------------------------

### initializeDefaultSDKConfig:andLaunchOptions:

Source: https://www.moengage.com/docs/developer-guide/cordova-sdk/sdk-integration/sdk-initialization/ios-sdk-initialization

Initializes the MoEngage SDK with the provided configuration and launch options.

```APIDOC
## - (void)initializeDefaultSDKConfig:(MoEngageSDKConfig*)sdkConfig andLaunchOptions:(NSDictionary*)launchOptions;

### Description
Initializes the MoEngage SDK using the default configuration settings.

### Parameters
- **sdkConfig** (MoEngageSDKConfig*) - Required - The configuration instance for the SDK.
- **launchOptions** (NSDictionary*) - Required - The launch options dictionary from the application delegate.
```

--------------------------------

### initializeDefaultSDKConfigWithState:withSDKState:andLaunchOptions:

Source: https://www.moengage.com/docs/developer-guide/react-native-sdk/sdk-integration/react-native/sdk-initialization/manual-initialization/ios

Initializes the MoEngage SDK with specific configuration, initial SDK state, and launch options.

```APIDOC
## initializeDefaultSDKConfigWithState:withSDKState:andLaunchOptions:

### Description
Initializes the MoEngage SDK with a specific enabled/disabled state.

### Signature
`- (void)initializeDefaultSDKConfigWithState:(MoEngageSDKConfig*)sdkConfig withSDKState:(MoEngageSDKState)sdkState andLaunchOptions:(NSDictionary*)launchOptions;`

### Parameters
- **sdkConfig** (MoEngageSDKConfig*) - Required - The configuration instance for the SDK.
- **sdkState** (MoEngageSDKState) - Required - The initial state (Enabled/Disabled) of the SDK.
- **launchOptions** (NSDictionary*) - Required - The launch options dictionary from the application delegate.
```

--------------------------------

### Install CocoaPods dependencies

Source: https://www.moengage.com/docs/developer-guide/flutter-sdk/push/basic/integrating-moengage-service-and-content-extension-in-ios/migrating-to-the-extension-integrator-tool

Run these commands in your terminal to update the repo and install the added pod.

```bash
 pod repo update
 pod install
```

--------------------------------

### Install Firebase CLI

Source: https://www.moengage.com/docs/developer-guide/components-for-sdk/tracking/real-time-uninstall-tracking

Command to install the Firebase tools required for deploying Cloud Functions.

```bash
npm install -g firebase-tools
```

--------------------------------

### Initialize MoEngage Web SDK

Source: https://www.moengage.com/docs/developer-guide/flutter-sdk/sdk-integration/sdk-initialization/web-sdk-initialization

Add this script to your web/index.html file. Ensure you replace the placeholder values for Data Center, Workspace ID, and SDK version with your specific dashboard details.

```JavaScript
<script type="text/javascript">
var moeDataCenter = "{DC}"; // Replace "DC" with the actual Data center value from the above table
var moeAppID = "{WorkspaceID}"; // Replace "WorkspaceID" available in the settings page of MoEngage Dashboard.
var sdkVersion = "2"; // Replace this value with the version of Web SDK that you intend to use. It is recommended to use the format x (major)
!function(e,n,i,t,a,r,o,d){if(!moeDataCenter||!moeDataCenter.match(/^dc_[0-9]+$/gm))return console.error("Data center has not been passed correctly. Please follow the SDK installation instruction carefully.");var s=e[a]=e[a]||[];if(s.initialized||s.initialised>0)return console.error("MoEngage Web SDK initialized multiple times. Please integrate the Web SDK only once!"),!1;s.invoked=0;e.moengage_object=a;var l={},g=function n(i){return function(){for(var n=arguments.length,t=Array(n),a=0;a<n;a++)t[a]=arguments[a];(e.moengage_q=e.moengage_q||[]).push({f:i,a:t})}},u=["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","update_unique_user_id","moe_events","call_web_push","track","location_type_attribute","setLogLevel","setDebugLevel","handle_page_change","identifyUser","getUserIdentities","trackEvent","trackPageView","track_page_view","setUserAttribute","setFirstName","setLastName","setEmailId","setMobileNumber","setUserName","setGender","setBirthDate","logoutUser","callWebPush","handlePageChange","enableSdk","disableSdk","enableDataTracking","disableDataTracking"],m={onsite:["getData","registerCallback","getSelfHandledOSM"]};for(var c in u)l[u[c]]=g(u[c]);for(var v in m)for(var f in m[v])null==l[v]&&(l[v]={}),l[v][m[v][f]]=g(v+"."+m[v][f]);r=n.createElement(i),o=n.getElementsByTagName("head")[0],r.async=1,r.src=t,o.appendChild(r),e.moe=e.moe||function(){return(s.invoked=s.invoked+1,s.invoked>1)?(console.error("MoEngage Web SDK initialized multiple times. Please integrate the Web SDK only once!"),!1):(d=arguments.length<=0?void 0:arguments[0],l)},r.addEventListener("load",function(){if(d)return e[a]=e.moe(d),(e[a]&&(e[a].initialised=e[a].initialised+1||1)),!0}),r.addEventListener("error",function(){return console.error("Moengage Web SDK loading failed."),!1})}(window,document,"script","https://cdn.moengage.com/release/"+moeDataCenter+"/versions/"+sdkVersion+"/moe_webSdk.min.latest.js","Moengage");

  Moengage = moe({
    appId: moeAppID,
    env: 'LIVE',
    logLevel: 0
    });
</script>
```

--------------------------------

### Initialize MoEngage SDK in AppDelegate

Source: https://www.moengage.com/docs/developer-guide/capacitor-sdk/sdk-integration/basic/sdk-initialization/ios-sdk-initialization

Call the MoECapacitorInitializer within the application:didFinishLaunchingWithOptions: method to initialize the SDK with your Workspace ID and Data Center configuration.

```swift
import UIKit
import Capacitor
import CapacitorMoengageCore
import MoEngageSDK

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        let sdkConfig = MoEngageSDKConfig(appId: "YOUR_WORKSPACE_ID", dataCenter: DATA_CENTER)
        MoECapacitorInitializer.sharedInstance.initializeDefaultInstance(sdkConfig, andLaunchOptions: launchOptions)
        return true
    }
 }
```

--------------------------------

### initializeDefaultSDKConfig:withMoEngageSDKState:andLaunchOptions:

Source: https://www.moengage.com/docs/developer-guide/cordova-sdk/sdk-integration/sdk-initialization/ios-sdk-initialization

Initializes the MoEngage SDK with specific configuration, SDK state, and launch options.

```APIDOC
## - (void)initializeDefaultSDKConfig:(MoEngageSDKConfig*)sdkConfig withMoEngageSDKState:(MoEngageSDKState)sdkState andLaunchOptions:(NSDictionary*)launchOptions;

### Description
Initializes the MoEngage SDK with a specific SDK state (Enabled/Disabled) and configuration.

### Parameters
- **sdkConfig** (MoEngageSDKConfig*) - Required - The configuration instance for the SDK.
- **sdkState** (MoEngageSDKState) - Required - Enum indicating if the SDK should be Enabled or Disabled.
- **launchOptions** (NSDictionary*) - Required - The launch options dictionary from the application delegate.
```

--------------------------------

### Objective-C SDK Initialization Methods

Source: https://www.moengage.com/docs/developer-guide/react-native-sdk/sdk-integration/react-native/sdk-initialization/manual-initialization/ios

Available methods for initializing the SDK with configuration and launch options.

```Objective-C
/// @param sdkConfig MoEngageSDKConfig instance for SDK configuration
/// @param launchOptions Launch Options dictionary
- (void)initializeDefaultSDKConfig:(MoEngageSDKConfig*)sdkConfig andLaunchOptions:(NSDictionary*)launchOptions;
/// @param sdkConfig MoEngageSDKConfig instance for SDK configuration
/// @param isSdkEnabled Bool indicating if SDK is Enabled/Disabled
/// @param launchOptions Launch Options dictionary
- (void)initializeDefaultSDKConfigWithState:(MoEngageSDKConfig*)sdkConfig withSDKState:(MoEngageSDKState)sdkState andLaunchOptions:(NSDictionary*)launchOptions;
```

--------------------------------

### Install Flutter dependencies

Source: https://www.moengage.com/docs/developer-guide/flutter-sdk/sdk-integration/sdk-installation/framework-dependency

Run this command in your terminal after updating the pubspec.yaml file to install the added dependency.

```bash
flutter pub get
```

--------------------------------

### Initialize MoEngage SDK

Source: https://www.moengage.com/docs/developer-guide/web-sdk/web-sdk-integration/basic-integration/web-sdk-integration

Initialize the SDK with your workspace credentials and configuration settings.

```javascript
moengage.initialize({
  appId: 'YOUR_WORKSPACE_ID',
  env: 'LIVE',
  logLevel: 0
});
```

```javascript
moengage.initialize({
  appId: 'YOUR_WORKSPACE_ID', 
  projectId: 'your_projectId',
  env: 'LIVE',
  logLevel: 0
});
```

--------------------------------

### Initialize Web SDK with Custom Proxy Domain

Source: https://www.moengage.com/docs/developer-guide/web-sdk/web-sdk-integration/advanced-integration/custom-proxy-domain-web

Replace the standard initialization script with this version to define your data center, app ID, and custom proxy domain. The script dynamically constructs the host URL to load the SDK from your specified domain.

```javascript
<script type="text/javascript">
var moeDataCenter = "{DC}"; // Replace "DC" with the actual Data center value (e.g., dc_1)
var moeAppID = "{WorkspaceID}"; // Replace with YOUR_WORKSPACE_ID
var sdkVersion = "2"; // Use format x (major version)
var customProxyDomain = "yoursubdomain.yourdomain.com"; // Your configured subdomain hostname
var scriptHost = "https://cdn." + customProxyDomain; 

!function(e,n,i,t,a,r,o,d){if(!moeDataCenter||!moeDataCenter.match(/^dc_[0-9]+$/gm))return console.error("Data center has not been passed correctly. Please follow the SDK installation instruction carefully.");var s=e[a]=e[a]||[];if(s.invoked=0,s.initialised>0||s.invoked>0)return console.error("MoEngage Web SDK initialised multiple times. Please integrate the Web SDK only once!"),!1;e.moengage_object=a;var l={},g=function n(i){return function(){for(var n=arguments.length,t=Array(n),a=0;a<n;a++)t[a]=arguments[a];(e.moengage_q=e.moengage_q||[]).push({f:i,a:t})}},u=["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","update_unique_user_id","moe_events","call_web_push","track","location_type_attribute","setLogLevel","setDebugLevel","handle_page_change","identifyUser","getUserIdentities","trackEvent","trackPageView","track_page_view","setUserAttribute","setFirstName","setLastName","setEmailId","setMobileNumber","setUserName","setGender","setBirthDate","logoutUser","callWebPush","handlePageChange","enableSdk","disableSdk","enableDataTracking","disableDataTracking"],m={onsite:["getData","registerCallback","getSelfHandledOSM"]};for(var c in u)l[u[c]]=g(u[c]);for(var v in m)for(var f in m[v])null==l[v]&&(l[v]={}),l[v][m[v][f]]=g(v+"."+m[v][f]);r=n.createElement(i),o=n.getElementsByTagName("head")[0],r.async=1,r.src=t,o.appendChild(r),e.moe=e.moe||function(){return(s.invoked=s.invoked+1,s.invoked>1)?(console.error("MoEngage Web SDK initialised multiple times. Please integrate the Web SDK only once!"),!1):(d=arguments.length<=0?void 0:arguments[0],l)},r.addEventListener("load",function(){if(d)return e[a]=e.moe(d),e[a].initialised=e[a].initialised+1||1,!0}),r.addEventListener("error",function(){return console.error("Moengage Web SDK loading failed."),!1})}(window,document,"script",scriptHost + "/release/"+moeDataCenter+"/versions/"+sdkVersion+"/moe_webSdk.min.latest.js","Moengage");

Moengage = moe({
  appId: moeAppID,
  env: 'LIVE',
  logLevel: 0,
  customProxyDomain: customProxyDomain
});
</script>
```

--------------------------------

### Install MoEngage Inbox Plugin

Source: https://www.moengage.com/docs/developer-guide/react-native-sdk/push/optional/notification-triggered

Use npm to install the plugin and link native dependencies if auto-linking is not supported.

```shell
$ npm install react-native-moengage-inbox
      
# required only if you are using versions that do not support auto linking
# This command is removed in version 0.69 of react-native
$ react-native link react-native-moengage-inbox
```

--------------------------------

### Implement Custom Soft-Ask

Source: https://www.moengage.com/docs/developer-guide/web-sdk/web-push/configure-self-handled-opt-in

This example demonstrates the JavaScript initialization and the HTML/CSS structure required to display a custom soft-ask notification prompt.

```HTML
<script type="text/javascript">
Moengage = moe(
{
  appId: "YOUR_WORKSPACE_ID"
});
///call the function callWebPush with this object argument to make your Custom Soft-Ask visible
Moengage.callWebPush({
    "soft_ask":true,
    "main_class":"moe-main-class",
    "allow_class":"moe-allow-class",
    "block_class":"moe-block-class",
});
</script>

</head>
<body>
{/*  Your Custom Soft Ask Div  */}
<div class="moe-main-class" style="display:none;">
<div class="moe-chrome-style-notification moe-chrome-style-notification-safari"
data-rapid_height="50"><div class="moe-safari-notification-inner-wrapper"><div
  class="moe-notification-image-wrapper-safari">
  <img src="https://www.moengage.com/img/icon-web-push.png"></div>
  <div class="moe-text-wrapper-safari">
  <span class="moe-notification-title-safari">The website "Your Website"
  would like to send you awesome offers!</span>
  <p class="moe-notification-message-safari">Notifications can be turned
  off anytime from browser settings.</p></div>
  <div style="clear: both;">
  <div class="moe-modal-branding"><span><a href="https://moengage.com"
  target="_blank">Powered by </a></span><a href="https://moengage.com"
  target="_blank" style="text-decoration: none;"><img src="https://cdn.moengage.com/images/logo-dark.png"></a>
  </div>
  <div class="moe-button-wrapper">
  <button class="moe-chrome-style-notification-btn moe-btn-close moe-block-class">Don't
  Allow</button>
  <button class="moe-chrome-style-notification-btn moe-btn-allow moe-allow-class">Allow</button>
  </div><div style="clear:both"></div></div>
  </div></div></div>

  {/*  Styles for the Custom Soft Ask created above  */}
  <style>.moe-modal-branding img {vertical-align: bottom!important;width:
  63px!important;height: 30px!important;padding-right: 2px!important;display: inline-block!important;margin-bottom:-9px;margin-left:-5px;}.moe-modal-branding
  span a {text-decoration: none!important;color: #000!important;font-size: 10px!important;line-height:
  1.2em!important;font-weight: 400!important;}.moe-modal-branding {float:left;font-size:
  10px;margin-top: -2px;font-family: Arial!important;line-height: 1.2em!important;}.moe-chrome-style-notification-safari{width:422px;top:1px;left:calc(50%
  - 211px);background-color:#FFFFFF;margin:0;padding:0}.moe-chrome-style-notification{box-shadow:0
  0 4px #888;font-size:11px;font-weight:400;position:fixed;z-index:2147483647}.moe-safari-notification-inner-wrapper{margin:0;padding:0
  20px 10px}.moe-notification-image-wrapper-safari{float:left;position:relative;margin:15px
  15px 0 0!important;padding:0!important;display:inline-block}.moe-chrome-style-notification-safari
  *{word-spacing:normal!important;letter-spacing:normal!important;font-family:"Open
  Sans",sans-serif!important}.moe-text-wrapper-safari{position:relative!important;padding:10px
  0 0!important;color:#000!important;text-align:left!important;margin:0!important;line-height:1.4em!important;display:inline-block!important;width:calc(100%
  - 80px)!important}.moe-notification-title-safari{margin-bottom:5px;text-align:left;font-size:14px;font-weight:700;line-height:1.4em;color:#000;font-family:"Open
  Sans",sans-serif}.moe-notification-message-safari{font-size:12px!important;line-height:1.4em!important;margin:10px
  0!important;padding:0!important;text-align:left!important;font-family:"Open Sans",sans-serif!important}.moe-chrome-style-notification
  .moe-button-wrapper{float:right!important;margin:0!important;padding:0!important}.moe-chrome-style-notification-safari
  .moe-chrome-style-notification-btn.moe-btn-close{background:#FFF!important;color:#000!important;border-color:#CCC!important;margin-right:20px!important;width:100px!important}.moe-chrome-style-notification-safari
  .moe-chrome-style-notification-btn{width:90px!important;height:26px!important;font-size:14px!important;cursor:pointer!important;line-height:1.1em!important;border-radius:4px!important;color:#fff!important;background:
  linear-gradient(to bottom,#23bd9f,#12ac8e)!important;border: 1px solid #12ac8e!important;display:inline-block!important;font-weight:400!important;margin:0!important;padding:5px!important;text-transform:none!important;box-sizing:border-box!important;font-family:Arial!important;text-shadow:none!important;box-shadow:none!important;white-space:nowrap!important}.moe-notification-image-wrapper-safari
  img{height:65px!important;width:65px!important}</style>
  </body>
```

--------------------------------

### Install MoEngage Web SDK via NPM or Yarn

Source: https://www.moengage.com/docs/developer-guide/web-sdk/web-sdk-integration/basic-integration/web-sdk-integration

Use these commands to add the MoEngage SDK as a dependency in your project.

```bash
npm install --save @moengage/web-sdk
# or, using yarn:
# yarn add @moengage/web-sdk
```

--------------------------------

### setAppStatus(MoEAppStatus status)

Source: https://www.moengage.com/docs/developer-guide/flutter-sdk/data-tracking/install-update-differentiation

Sets the installation status of the application to either install or update to ensure correct tracking by the MoEngage SDK.

```APIDOC
## setAppStatus(MoEAppStatus status)

### Description
Sets the application status to distinguish between a fresh installation and an update. This should be called after initializing the MoEngage plugin.

### Parameters
- **status** (MoEAppStatus) - Required - The status to set. Use `MoEAppStatus.install` for a fresh install or `MoEAppStatus.update` for an app update.

### Usage Example
```dart
import 'package:moengage_flutter/moengage_flutter.dart';

final MoEngageFlutter _moengagePlugin = MoEngageFlutter(YOUR_WORKSPACE_ID);
_moengagePlugin.initialise();

// For an update
_moengagePlugin.setAppStatus(MoEAppStatus.update);

// For a fresh install
_moengagePlugin.setAppStatus(MoEAppStatus.install);
```
```

--------------------------------

### Initialize MoEngage SDK with Project Configuration

Source: https://www.moengage.com/docs/developer-guide/ios-sdk/sdk-integration/basic/sdk-initialization

Initialization pattern required when using multiple projects or portfolio attributes, necessitating a projectConfig instance.

```Swift
let sdkConfig = MoEngageSDKConfig(appId: "YOUR_WORKSPACE_ID", dataCenter: DATA_CENTER)
sdkConfig.projectConfig = MoEngageProjectConfig(projectID: "YOUR ProjectID")
#if DEBUG
MoEngage.sharedInstance.initializeDefaultTestInstance(sdkConfig)
#else
MoEngage.sharedInstance.initializeDefaultLiveInstance(sdkConfig)
#endif
```

```Objective C
MoEngageSDKConfig* sdkConfig = [[MoEngageSDKConfig alloc] initWithAppId:@"YOUR_WORKSPACE_ID" dataCenter: DATA_CENTER];
sdkConfig.projectConfig = [[MoEngageProjectConfig alloc] initWithProjectID:@"YOUR Project ID"];
#ifdef DEBUG
[[MoEngage sharedInstance] initializeDefaultTestInstance:sdkConfig];
#else
[[MoEngage sharedInstance] initializeDefaultLiveInstance:sdkConfig];
#endif
```

--------------------------------

### Initialize MoEngage SDK with Portfolio Configuration

Source: https://www.moengage.com/docs/developer-guide/android-sdk/sdk-integration/basic-integration/sdk-initialization

Initialization code for accounts configured with multiple projects in a portfolio.

```kotlin
import com.moengage.core.DataCenter
import com.moengage.core.MoEngage
import com.moengage.core.config.ProjectConfig

val moEngage = MoEngage.Builder(this, "YOUR_WORKSPACE_ID", DataCenter.DATA_CENTER_X)
              .configureProject(ProjectConfig("<YOUR ProjectID>"))
              .build()
MoEngage.initialiseDefaultInstance(moEngage)
```

```java
import com.moengage.core.DataCenter;
import com.moengage.core.MoEngage;
import com.moengage.core.config.ProjectConfig;

MoEngage moEngage = MoEngage.builder(this, "YOUR_WORKSPACE_ID", DataCenter.getDataCenterX())
    .configureProject(new ProjectConfig("<YOUR ProjectID>"))
    .build();
MoEngage.initialiseDefaultInstance(moEngage);
```

--------------------------------

### Initialize MoEngage Web SDK

Source: https://www.moengage.com/docs/developer-guide/web-sdk/web-sdk-integration/basic-integration/web-sdk-integration

Use this script to initialize the MoEngage Web SDK. Ensure the moeDataCenter, moeAppID, and sdkVersion variables are correctly configured before execution.

```javascript
<script type="text/javascript">
var moeDataCenter = "{DC}"; // Replace "DC" with the actual Data center value from the above table
var moeAppID = "{WorkspaceID}"; // Replace "WorkspaceID" available in the settings page of MoEngage Dashboard.
var sdkVersion = "2"; // Replace this value with the version of Web SDK that you intend to use. It is recommended to use the format x (major)
!function(e,n,i,t,a,r,o,d){if(!moeDataCenter||!moeDataCenter.match(/^dc_[0-9]+$/gm))return console.error("Data center has not been passed correctly. Please follow the SDK installation instruction carefully.");var s=e[a]=e[a]||[];if(s.initialized||s.initialised>0)return console.error("MoEngage Web SDK initialized multiple times. Please integrate the Web SDK only once!"),!1;s.invoked=0;e.moengage_object=a;var l={},g=function n(i){return function(){for(var n=arguments.length,t=Array(n),a=0;a<n;a++)t[a]=arguments[a];(e.moengage_q=e.moengage_q||[]).push({f:i,a:t})}},u=["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","update_unique_user_id","moe_events","call_web_push","track","location_type_attribute","setLogLevel","setDebugLevel","handle_page_change","identifyUser","getUserIdentities","trackEvent","trackPageView","track_page_view","setUserAttribute","setFirstName","setLastName","setEmailId","setMobileNumber","setUserName","setGender","setBirthDate","logoutUser","callWebPush","handlePageChange","enableSdk","disableSdk","enableDataTracking","disableDataTracking"],m={onsite:["getData","registerCallback","getSelfHandledOSM"]};for(var c in u)l[u[c]]=g(u[c]);for(var v in m)for(var f in m[v])null==l[v]&&(l[v]={}),l[v][m[v][f]]=g(v+"."+m[v][f]);r=n.createElement(i),o=n.getElementsByTagName("head")[0],r.async=1,r.src=t,o.appendChild(r),e.moe=e.moe||function(){return(s.invoked=s.invoked+1,s.invoked>1)?(console.error("MoEngage Web SDK initialized multiple times. Please integrate the Web SDK only once!"),!1):(d=arguments.length<=0?void 0:arguments[0],l)},r.addEventListener("load",function(){if(d)return e[a]=e.moe(d),(e[a]&&(e[a].initialised=e[a].initialised+1||1)),!0}),r.addEventListener("error",function(){return console.error("Moengage Web SDK loading failed."),!1})}(window,document,"script","https://cdn.moengage.com/release/"+moeDataCenter+"/versions/"+sdkVersion+"/moe_webSdk.min.latest.js","Moengage");

      Moengage = moe({
        appId: moeAppID,
        env: 'TEST',
        logLevel: 1
        });
</script>
```

--------------------------------

### MoECapacitorCore.setAppStatus

Source: https://www.moengage.com/docs/developer-guide/capacitor-sdk/data-tracking/install-update-differentiation

Sets the installation status of the application to either INSTALL or UPDATE. This is required for proper user migration tracking within the MoEngage platform.

```APIDOC
## MoECapacitorCore.setAppStatus

### Description
Sets the application status to inform the MoEngage SDK whether the user is a new install or an existing user who has updated the application.

### Method
TypeScript Method

### Signature
`MoECapacitorCore.setAppStatus(options: { appStatus: MoEAppStatus, appId: string })`

### Parameters
- **options** (Object) - Required
  - **appStatus** (MoEAppStatus) - Required: The status of the app, either `MoEAppStatus.INSTALL` for fresh installs or `MoEAppStatus.UPDATE` for existing users.
  - **appId** (string) - Required: Your MoEngage Workspace ID.

### Example
```typescript
import { MoECapacitorCore, MoEAppStatus } from 'capacitor-moengage-core';

// For Existing user who has updated the app
MoECapacitorCore.setAppStatus({ appStatus: MoEAppStatus.UPDATE, appId: "YOUR_WORKSPACE_ID" });

// For Fresh Install of App
MoECapacitorCore.setAppStatus({ appStatus: MoEAppStatus.INSTALL, appId: "YOUR_WORKSPACE_ID" });
```
```

--------------------------------

### MoECapacitorCore Initialization and Configuration

Source: https://www.moengage.com/docs/developer-guide/capacitor-sdk/data-tracking/tracking-user-attributes

Configures the SDK initialization, specifically for handling boolean attribute tracking formats.

```APIDOC
## MoECapacitorCore.initialize

### Description
Initializes the MoEngage SDK with specific analytics configurations, such as defining how boolean attributes are tracked (as boolean or number).

### Method
`initialize({ appId: string, initConfig: MoEInitConfig })`
```

--------------------------------

### ReactMoE.setAppStatus(status)

Source: https://www.moengage.com/docs/developer-guide/react-native-sdk/data-tracking/install-update

Sets the installation status of the application to either Install or Update to help MoEngage differentiate between new users and existing users who have updated the app.

```APIDOC
## ReactMoE.setAppStatus(status)

### Description
Sets the current app status to track whether the user is performing a fresh install or an update.

### Parameters
- **status** (MoEAppStatus) - Required - The status to set. Use `MoEAppStatus.Install` for fresh installs and `MoEAppStatus.Update` for app updates.

### Usage Example
```javascript
import ReactMoE, { MoEAppStatus } from "react-native-moengage";

// For Fresh Install of App
ReactMoE.setAppStatus(MoEAppStatus.Install);

// For Existing user who has updated the app
ReactMoE.setAppStatus(MoEAppStatus.Update);
```
```

--------------------------------

### Install and Link MoEngage React Native Plugin

Source: https://www.moengage.com/docs/developer-guide/react-native-sdk/sdk-integration/react-native/sdk-installation/framework-dependency

Install the package via npm and optionally link native dependencies for React Native versions prior to 0.69.

```shell
$ npm install react-native-moengage
# required only if you are using versions that do not support auto linking
# This command is removed in version 0.69 of react-native
$ react-native link react-native-moengage
```

--------------------------------

### Initialize MoEngage with Heads-up Notification Configuration

Source: https://www.moengage.com/docs/developer-guide/android-sdk/push/optional/heads-up-notification

Configure the SDK during initialization to enable direct posting for heads-up notifications.

```kotlin
val moEngage = MoEngage.Builder(
        application = this,
        appId = "YOUR_WORKSPACE_ID",
        dataCenter = DataCenter.DATA_CENTER_X
    )
    .configureNotificationMetaData(
        NotificationConfig(
            smallIcon = R.drawable.small_icon,
            largeIcon = R.drawable.large_icon,
            isDirectPostingForHeadsUpEnabled = true
        )
    )
    .build()
MoEngage.initialiseDefaultInstance(moEngage)
```

```java
MoEngage moEngage = new MoEngage.Builder(this, "YOUR_WORKSPACE_ID", DataCenter.DATA_CENTER_X)
    .configureNotificationMetaData(new NotificationConfig(R.drawable.small_icon, R.drawable.large_icon, R.color.notiColor, false, true))
    .build();
MoEngage.initialiseDefaultInstance(moEngage);
```

--------------------------------

### Set App Status for Installs and Updates

Source: https://www.moengage.com/docs/developer-guide/android-sdk/data-tracking/basic/track-install-or-update

Use these methods to inform the SDK of the current app state. Note that uninstalls followed by reinstalls are treated as fresh installs.

```kotlin
// Fresh install of the app
MoEAnalyticsHelper.setAppStatus(context, AppStatus.INSTALL)

// Existing user who updated the app
MoEAnalyticsHelper.setAppStatus(context, AppStatus.UPDATE)
```

```java
// Fresh install of the app
MoEAnalyticsHelper.INSTANCE.setAppStatus(context, AppStatus.INSTALL);

// Existing user who updated the app
MoEAnalyticsHelper.INSTANCE.setAppStatus(context, AppStatus.UPDATE);
```

--------------------------------

### Prefetch and Initialize Web Personalization

Source: https://www.moengage.com/docs/developer-guide/personalize-sdk/sdk-integration/web-personalization-v2

Includes preconnect and dns-prefetch tags to optimize SDK loading performance. Ensure the workspace ID and data center are correctly configured in the script source.

```html
<link rel="preconnect" href="https://cdn.moengage.com/" crossorigin />
<link rel="dns-prefetch" href="https://cdn.moengage.com/" />
<link rel="preconnect" href="https://sdk-01.moengage.com/" crossorigin />
<link rel="dns-prefetch" href="https://sdk-01.moengage.com/" />
<script src="https://cdn.moengage.com/release/dc_1/moe_webSdk_webp.min.latest.js?app_id=YOUR_WORKSPACE_ID"></script>
```

--------------------------------

### Initialize MoEngage Web SDK with Native Methods

Source: https://www.moengage.com/docs/developer-guide/web-sdk/web-sdk-integration/optional-integration/native-browser-api-support

Include the native methods script in the head and initialize the MoEngage object with nativeMethodsUsed set to true.

```html
<!DOCTYPE html>
<html>
  <head>
    <script src="https://cdn.moengage.com/release/{DATA_CENTER}/versions/latest/moe_webSdk_native_methods.min.latest.js"></script>

    <!-- Load framework and application scripts after this script -->
  </head>

  <body>
    <script>
      Moengage = moe({
        appId: moeAppID,
        projectId: "your_projectId",
        nativeMethodsUsed: true
      });
    </script>
  </body>
</html>
```

--------------------------------

### Install RealTimeTrigger via CocoaPods

Source: https://www.moengage.com/docs/developer-guide/ios-sdk/push/optional/real-time-triggers

Add the MoEngageRealTimeTrigger module dependency to your Podfile.

```Ruby
pod 'MoEngage-iOS-SDK/RealTimeTrigger',
```

--------------------------------

### New Initialization Methods in Objective-C

Source: https://www.moengage.com/docs/developer-guide/ios-sdk/migration/migration-to-sdk-version-6-0-0

Updated initialization methods for TEST and LIVE environments that simplify the setup process by reducing required arguments.

```objective-c
// For TEST Environment
-(void)initializeDevWithAppID:(NSString *_Nonnull)appID withLaunchOptions:(NSDictionary *_Nullable)launchOptions;

// For LIVE Environment
-(void)initializeProdWithAppID:(NSString *_Nonnull)appID withLaunchOptions:(NSDictionary *_Nullable)launchOptions;
```

--------------------------------

### MoEngageSDKAnalytics.appStatus

Source: https://www.moengage.com/docs/developer-guide/ios-sdk/data-tracking/basic/install-update-differentiation

Use this method to inform the SDK about the current installation status of the application.

```APIDOC
## MoEngageSDKAnalytics.appStatus

### Description
Notifies the MoEngage SDK whether the app launch is a fresh install or an update from a previous version.

### Swift
```swift
// For Fresh Install of App
MoEngageSDKAnalytics.sharedInstance.appStatus(.install)

// For Existing user who has updated the app
MoEngageSDKAnalytics.sharedInstance.appStatus(.update)
```

### Objective-C
```objectivec
// For Fresh Install of App
[[MoEngageSDKAnalytics sharedInstance] appStatus:MoEngageAppStatusInstall];

// For Existing user who has updated the app
[[MoEngageSDKAnalytics sharedInstance] appStatus:MoEngageAppStatusUpdate];
```
```

--------------------------------

### ClickedAction Map Payload Structure

Source: https://www.moengage.com/docs/developer-guide/capacitor-sdk/push/basic/push-callback

Example JSON structure for the clickedAction map.

```JSON
{
  "clickedAction": {
    "type": "navigation/customAction",
    "payload": {
      "type": "screenName/deepLink/richLanding",
      "value": "",
      "kvPair": {
        "key1": "value1",
        "key2": "value2",
        ...
      }
    }
  }
}
```

--------------------------------

### Start Geofence Monitoring

Source: https://www.moengage.com/docs/developer-guide/ios-sdk/push/optional/location-triggered

Initialize the geofence module to begin fetching geofences based on the user's current location.

```swift
MoEngageSDKGeofence.sharedInstance.startGeofenceMonitoring()
```

```objective-c
[[MoEngageSDKGeofence sharedInstance] startGeofenceMonitoring];
```

--------------------------------

### Set InApp Delegate

Source: https://www.moengage.com/docs/developer-guide/ios-sdk/in-app-messages/in-app-nativ

Configure the class with MoEngageInAppNativeDelegate to start receiving callbacks.

```Swift
  MoEngageSDKInApp.sharedInstance.setInAppDelegate(self)
```

```Objective-C
   [[MoEngageSDKInApp sharedInstance] setInAppDelegate:self];
```

--------------------------------

### startGeofenceMonitoring()

Source: https://www.moengage.com/docs/developer-guide/flutter-sdk/push/optional/location-triggered

Initiates the geofence module to fetch geofences around the user's current location. This must be called after SDK initialization and location permission granting.

```APIDOC
## startGeofenceMonitoring()

### Description
Initiates the geofence module to fetch geofences around the user's current location. This method must be called after the SDK is initialized and location permissions have been granted.

### Signature
`void startGeofenceMonitoring()`

### Usage
```dart
import 'package:moengage_geofence/moengage_geofence.dart';

final MoEngageGeofence _moEngageGeofence = MoEngageGeofence('YOUR_WORKSPACE_ID');

// Starts geofence monitoring
_moEngageGeofence.startGeofenceMonitoring();
```
```

--------------------------------

### MoEProperties.setNonInteractiveEvent()

Source: https://www.moengage.com/docs/developer-guide/react-native-sdk/data-tracking/tracking-events

Configures an event to be non-interactive, meaning it will not start or extend a user session.

```APIDOC
## MoEProperties.setNonInteractiveEvent()

### Description
Marks an event as non-interactive. Non-interactive events do not affect session calculations, do not start new sessions, and do not extend existing sessions.

### Example
```javascript
let properties = new MoEProperties();
properties.setNonInteractiveEvent();
ReactMoE.trackEvent("Purchase", properties);
```
```

--------------------------------

### Initialize Web Personalization Module

Source: https://www.moengage.com/docs/developer-guide/personalize-sdk/sdk-integration/web-personalization-v2

Use this script tag to load the Web Personalization SDK. Replace {DC} and {workspace_id} with your specific data center and workspace identifiers.

```html
<script src="https://cdn.moengage.com/release/{DC}/moe_webSdk_webp.min.latest.js?app_id={workspace_id}"></script>
```

--------------------------------

### Get Unclicked Cards Count

Source: https://www.moengage.com/docs/developer-guide/ios-sdk/cards/cards-in-i-os

Retrieves the count of cards that have not been clicked by the user.

```Swift
MoEngageSDKCards.sharedInstance.getUnclickedCardsCount(forAppID: "YOUR_WORKSPACE_ID") { count, accountMeta in
  print("UnClicked Card count is \(count)")
}
```

--------------------------------

### Get Coupon Code

Source: https://www.moengage.com/docs/developer-guide/android-sdk/push/optional/notification-center

Retrieve the coupon code associated with a notification message.

```kotlin
MoEInboxHelper.getInstance().getCouponCode(inboxMessage);
```

```java
MoEInboxHelper.getInstance().getCouponCode(inboxMessage);
```

--------------------------------

### Initialize MoEngage SDK in AppDelegate

Source: https://www.moengage.com/docs/developer-guide/flutter-sdk/sdk-integration/sdk-initialization/manual-initialization/ios-sdk-initialization

Implementation of SDK initialization within the applicationDidFinishLaunchingWithOptions method for both Swift and Objective-C.

```Swift
// Import SDK frameworks
import moengage_flutter_ios
import MoEngageSDK
@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
//Workspace ID: You can be obtain it from App Settings in MoEngage Dashboard.
    let sdkConfig = MoEngageSDKConfig(withAppID: YOUR_WORKSPACE_ID, dataCenter: DATA_CENTER) 
    sdkConfig.enableLogs = true
    MoEngageInitializer.sharedInstance.initializeDefaultInstance(sdkConfig, launchOptions: launchOptions)
    GeneratedPluginRegistrant.register(with: self)
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }
}
```

```Objective-C
// Import SDK frameworks
#import <MoEngageSDK/MoEngageSDK.h>
#import <moengage_flutter_ios/moengage_flutter_ios-Swift.h>
@implementation AppDelegate
- (BOOL)application:(UIApplication *)application
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    MoEngageSDKConfig* sdkConfig = [[MoEngageSDKConfig alloc] initWithAppID:@"Workspace ID"dataCenter: DATA_CENTER];
    sdkConfig.enableLogs = true;
   [[MoEngageInitializer sharedInstance] initializeDefaultInstance:sdkConfig launchOptions:launchOptions];
   [GeneratedPluginRegistrant registerWithRegistry:self];
   // Override point for customization after application launch.
   return [super application:application didFinishLaunchingWithOptions:launchOptions];
}
```

--------------------------------

### Get Unclicked Notification Count

Source: https://www.moengage.com/docs/developer-guide/android-sdk/push/optional/notification-center

Retrieve the count of unclicked messages from the inbox.

```kotlin
MoEInboxHelper.getInstance().getUnClickedMessagesCount(applicationContext)
```

```java
MoEInboxHelper.getInstance().getUnClickedMessagesCount(applicationContext)
```
Tokens:
Raw