Overview

Skill Level: Intermediate

You can create in-app messages for your Cordova mobile app. In-app messages are displayed once by default and deleted, and are defined by maxView. Allowing the maxView value gives you more power behind your message so that you can show it more than one time. Messages can have various visual styles that are based on the template and how the app handles that template.

Prerequisites

Note:

IBM Mobile App Messaging has rewritten the in-app message subsystem. If you are already using in-app messages and want to continue using them, you must upgrade your SDK to a version that supports the new in-app message delivery mechanism by early summer (exact date to be determined). For more information, see In-app messages are changing.

 

 

Step-by-step

  1. Copy files

    Copy files in the directories in the inapp folder to your project.

  2. Add default template

    Add the default in-app template stylesheet to the page. This includes support for additional plug-ins, such as videos and images.

    <link rel="stylesheet" type="text/css" href="css/inapp_media.css" />
    <link rel="stylesheet" type="text/css" href="css/inapp_banner.css" />
    <link rel="stylesheet" type="text/css" href="css/inapp_image.css" />
    <link rel="stylesheet" type="text/css" href="css/inapp_video.css" />
  3. Run rules

    Run in-app rules in the appropriate points in your application.

    MCEInAppPlugin.executeInAppRule(['test']);

Expected outcome

Example in-app message payloads for Cordova are the same as the iOS and Android payload examples. You must have, at a minimum, version 4.2.0 of Apache Cordova to include videos in your in-app messages.

For more information, see the documentation.

Go Back to Mobile App Messaging home page.

Join The Discussion

Your email address will not be published. Required fields are marked *