メインコンテンツまでスキップ

MAUI SDK+ Integration Guide

This page explains how to implement the Rokt Ecommerce MAUI SDK+. The SDK+ passes user and transaction data to Rokt on configured screens so Rokt can render relevant experiences, such as offers on confirmation screens.

ヒント

Work with your Rokt account manager to first implement the SDK+ in a development environment so you can thoroughly test before going live.

1. Add the Rokt SDK+ to Your MAUI App1. Add the Rokt SDK+ to Your MAUI App への直接リンク

Add the mParticle MAUI packages to your project:

dotnet add package mParticle.MAUI
dotnet add package mParticle.MAUI.Kits.Rokt
注記

For Android you also need to ensure your activity extends MauiAppCompatActivity.

2. Initialize the Rokt SDK+2. Initialize the Rokt SDK+ への直接リンク

Insert the following initialization snippet in your application startup. The mParticle MAUI SDK+ must be initialized before any other SDK+ API calls. Replace your-key and your-secret with the key and secret provided by your Rokt team.

SDK+ initialization
using mParticle.MAUI;

string key = "";
string secret = "";
#if __ANDROID__
key = "your-key";
secret = "your-secret";
#elif __IOS__
key = "your-key";
secret = "your-secret";
#endif

// Initialize the SDK+
var options = new MParticleOptions()
{
ApiKey = key,
ApiSecret = secret
};

// Specify the data environment with Environment:
// Set it to Development if you are still testing your integration.
// Set it to Production if your integration is ready for production data.
// The default is AutoDetect which attempts to detect the environment automatically.
options.Environment = mParticle.MAUI.Environment.Development;

// Identify the current user:
var identifyRequest = new IdentityApiRequest();
identifyRequest.UserIdentities = new Dictionary<UserIdentity, string>()
{
#if __ANDROID__
// Preferred: pass the customer's raw, unhashed email.
// If you can only provide a SHA-256-hashed email, use UserIdentity.Other instead — do not pass both.
{ UserIdentity.Email, "j.smith@example.com" },
{ UserIdentity.Other, "SHA-256 hashed email" }, // only if raw email unavailable
// If you can only provide a SHA-256-hashed mobile number, use Other2 instead of MobileNumber — do not pass both.
{ UserIdentity.Other2, "SHA-256 hashed mobile number" }, // only if raw mobile unavailable
{ UserIdentity.MobileNumber, "+13125551515" },
{ UserIdentity.CustomerId, "cust_10482" }
#elif __IOS__
// Preferred: pass the customer's raw, unhashed email.
// If you can only provide a SHA-256-hashed email, use UserIdentity.Other instead — do not pass both.
{ UserIdentity.Email, "j.smith@example.com" },
{ UserIdentity.Other, "SHA-256 hashed email" }, // only if raw email unavailable
// Customer phone number in E.164 format.
{ UserIdentity.MobileNumber, "+13125551515" },
// If you can only provide a SHA-256-hashed mobile number, use Other4 instead of MobileNumber — do not pass both.
{ UserIdentity.Other2, "SHA-256 hashed mobile number" }, // only if raw mobile unavailable
{ UserIdentity.CustomerId, "cust_10482" }
#endif
};

// If the user is identified with their email address, set additional user attributes.
options.IdentifyRequest = identifyRequest;

OnUserIdentified onIdentifyComplete = newUser =>
{
if (newUser != null)
{
newUser.SetUserAttribute("example attribute key", "example attribute value");
}
};
options.IdentityStateListener = onIdentifyComplete;

// Register the Rokt kit with mParticle before initialization
RoktKit.Register();

MParticle.Instance.Initialize(options);

When inserting the initialization snippet into your application startup, you will see customizable fields for:

  1. Entering your Rokt key and secret.

    Set your-key and your-secret inside the platform-specific blocks to the key and secret values provided by your Rokt account manager.

  2. Setting your data environment.

    Set options.Environment to mParticle.MAUI.Environment.Development while testing to route data to the Development environment, and mParticle.MAUI.Environment.Production to send live customer activity to Production.

  3. Identifying your user and setting attributes.

    In identifyRequest.UserIdentities, pass the user's raw, un-hashed email via UserIdentity.Email. For hashed emails and other identifiers, see Supported User Identifiers. Once identified, use the IdentityStateListener callback to set additional user attributes — see User Attributes for the recommended list.

    IdentityStateListener
    OnUserIdentified onIdentifyComplete = newUser =>
    {
    if (newUser != null)
    {
    newUser.SetUserAttribute("example attribute key", "example attribute value");
    }
    };
    options.IdentityStateListener = onIdentifyComplete;
    注記

    Always include identifyRequest in the initialization snippet. If you don't have the user's email at initialization, omit the UserIdentity.Email entry — the SDK+ will still initialize, and you can identify the user later via 3. Identify the User. See Error Handling for how to handle identity failures — without error handling you may see data consistency issues at scale.

3. Identify the User3. Identify the User への直接リンク

Call MParticle.Instance.Identity.Identify with a fresh identifyRequest any time the user provides their email address after the SDK+ has initialized (for example, when they log in, create an account, or make a purchase). This ensures event data is attributed to the correct user.

Supported User IdentifiersSupported User Identifiers への直接リンク

Show supported user identifiers
FieldTypeDescription
emailstringPass the customer's raw, unhashed email address.
mobilestringPass the customer's phone number in E.164 format.
customeridstringPass your internal customer/account identifier. Send on every screen for logged-in users.
otherstringPass a SHA-256-hashed email. Only use when the raw email cannot be provided — do not pass both email and other. (Android path only.)
other2stringPass a SHA-256-hashed mobile number. Only use when the raw mobile number cannot be provided — do not pass both mobile and other2. (Android path only.)
emailSha256stringPass a SHA-256-hashed email. Only use when the raw email cannot be provided — do not pass both email and emailSha256. (iOS path only.)
mobileSha256stringPass a SHA-256-hashed mobile number. Only use when the raw mobile number cannot be provided — do not pass both mobile and mobileSha256. (iOS path only.)

To identify the user:

  1. Create an identifyRequest object to contain the user's identifiers. You should integrate the user's raw, unhashed email address into the UserIdentity.Email field.

  2. To set additional user attributes, use the AddSuccessListener callback on the identify result. If the identifyRequest succeeds, any user attributes you set inside the listener are assigned to the identified user.

  3. After creating the identifyRequest, send it to Rokt using MParticle.Instance.Identity.Identify.

    For example, to identify a user named Jane Smith with the email address j.smith@example.com, mobile number +13125551515, and customer ID cust_10482, you would use:

    Identify Jane Smith
    // 1. Create the identifyRequest object
    var identifyRequest = new IdentityApiRequest();
    identifyRequest.UserIdentities = new Dictionary<UserIdentity, string>()
    {
    #if __ANDROID__
    // Preferred: pass the customer's raw, unhashed email.
    // If you can only provide a SHA-256-hashed email, use UserIdentity.Other instead — do not pass both.
    { UserIdentity.Email, "j.smith@example.com" },
    { UserIdentity.Other, "SHA-256 hashed email" }, // only if raw email unavailable
    // If you can only provide a SHA-256-hashed mobile number, use Other2 instead of MobileNumber — do not pass both.
    { UserIdentity.Other2, "SHA-256 hashed mobile number" }, // only if raw mobile unavailable
    { UserIdentity.MobileNumber, "+13125551515" },
    { UserIdentity.CustomerId, "cust_10482" }
    #elif __IOS__
    // Preferred: pass the customer's raw, unhashed email.
    // If you can only provide a SHA-256-hashed email, use UserIdentity.Other instead — do not pass both.
    { UserIdentity.Email, "j.smith@example.com" },
    { UserIdentity.Other, "SHA-256 hashed email" }, // only if raw email unavailable
    // Customer phone number in E.164 format.
    { UserIdentity.MobileNumber, "+13125551515" },
    // If you can only provide a SHA-256-hashed mobile number, use Other4 instead of MobileNumber — do not pass both.
    { UserIdentity.Other2, "SHA-256 hashed mobile number" }, // only if raw mobile unavailable
    { UserIdentity.CustomerId, "cust_10482" }
    #endif
    };

    // 2. User attributes are set using the AddSuccessListener callback
    // 3. Call the identify method, including the identifyRequest object
    MParticle.Instance.Identity.Identify(identifyRequest)
    .AddSuccessListener(result =>
    {
    result.User.SetUserAttribute("firstname", "Jane");
    result.User.SetUserAttribute("lastname", "Smith");
    });

4. Set User Attributes4. Set User Attributes への直接リンク

Set user attributes progressively as the user navigates your app, not just at checkout. The more attributes you set, the better Rokt can resolve the customer and deliver relevant offers.

Set user attributes
using mParticle.MAUI;

// Retrieve the current user. This will only succeed if you have identified the user during SDK+ initialization or by calling the identify method.
var currentUser = MParticle.Instance.Identity.CurrentUser;

// Once you have successfully set the current user, you can set user attributes with:
currentUser.SetUserAttribute("custom-attribute-name", "custom-attribute-value");
// Note: all user attributes (including list attributes and tags) must have distinct names.

// Rokt recommends setting as many of the following user attributes as possible:
currentUser.SetUserAttribute("firstname", "John");
currentUser.SetUserAttribute("lastname", "Doe");
// Phone numbers can be formatted either as '1234567890', or '+1 (234) 567-8901'
currentUser.SetUserAttribute("mobile", "3125551515");
currentUser.SetUserAttribute("age", "33");
currentUser.SetUserAttribute("gender", "M");
currentUser.SetUserAttribute("billingcity", "Brooklyn");
currentUser.SetUserAttribute("billingstate", "NY");
currentUser.SetUserAttribute("billingzipcode", "123456");
currentUser.SetUserAttribute("dob", "yyyymmdd");
currentUser.SetUserAttribute("title", "Mr");
currentUser.SetUserAttribute("language", "en");
currentUser.SetUserAttribute("predictedltv", "136.23");

// You can create a user attribute to contain a list of values
currentUser.SetUserAttribute("favorite-genres", string.Join(", ", new string[] { "documentary", "comedy", "romance", "drama" }));

// To remove a user attribute, call RemoveUserAttribute and pass in the attribute name.
currentUser.RemoveUserAttribute("attribute-to-remove");

User AttributesUser Attributes への直接リンク

Set as many of the following as you can collect:

Show all user attributes
FieldTypeDescription
firstnamestringCustomer's first name. Used for personalization.
lastnamestringCustomer's last name. Used for personalization.
mobilestringPhone number formatted as 1112345678 or +1 (222) 345-6789. Used for identity resolution and relevance.
ageintegerCustomer's age. Alternate to dob. Used for eligibility and relevance.
dobstringDate of birth, yyyymmdd. Alternate to age. Used for eligibility and relevance.
genderstringCustomer's gender. For example, M, F, Male, or Female. Used for relevance.
titlestringHonorific. For example, Mr, Mrs, Ms. Used for personalization.
languagestringISO 639-1 language code associated with the purchase. Used for relevance.
billingcitystringBilling city. Used for relevance.
billingstatestringBilling state / province / region. Used for relevance and eligibility.
billingzipcodestringFull ZIP or postcode (US preference is ZIP+4). Used for identity resolution and relevance.
billingaddress1stringBilling street address line 1. Used for identity resolution and relevance.
billingaddress2stringBilling street address line 2. Used for identity resolution.
countrystringISO 3166-1 alpha-2 country code (e.g. US, GB, AU). Used for eligibility and relevance.
birthyearintegerCustomer's birth year (e.g. 1990). Used for eligibility and relevance.
newcustomerbooleanWhether this is a first-time buyer. Used for relevance.
customertypestringWhether the user is authenticated (guest / logged_in). Used for relevance.
loyaltytierstringPartner loyalty program tier. Used for relevance and eligibility.
loyaltyidstringLoyalty program member ID. Used for identity resolution.
predictedltvdecimalPredicted total lifetime value, typically from a partner ML model. Used for relevance.
subscriptionstatusstringSubscription state if applicable (active, trial, churned, paused, none). Used for relevance and eligibility.
customersegmentstringPartner internal segmentation (e.g. vip, at_risk, new, reactivated). Used for relevance.
acquisitionchannelstringChannel through which the customer was acquired. Used for relevance.

All user attributes (including list attributes) must have distinct names.

5. Track Funnel Events5. Track Funnel Events への直接リンク

Track screen views, account lifecycle events, commerce events, and custom events so Rokt can maintain identity continuity and understand where each customer is in their journey.

Screen ViewsScreen Views への直接リンク

Call MParticle.Instance.LogScreen with the name of the screen (e.g. "homepage", "product detail page"). Include any additional custom attributes in the info dictionary.

Log a screen view
MParticle.Instance.LogScreen(
"homepage",
new Dictionary<string, string>() { { "custom-attribute", "custom-value" } }
);

Account Lifecycle EventsAccount Lifecycle Events への直接リンク

Log account lifecycle events when the user signs up, logs in, or logs out so Rokt can maintain identity continuity across sessions and devices. Signup and login events accept a method attribute describing how the user signed up or logged in.

Supported lifecycle event typesSupported lifecycle event types への直接リンク

Show lifecycle event types
Lifecycle Event TypeWhen to triggerSupported method values
sign_upNew account createdemail, social, guest
loginUser logs inemail, social, sso
logoutUser logs outNot applicable.

Example lifecycle eventsExample lifecycle events への直接リンク

Signup, login, logout
// Signup event
MParticle.Instance.LogEvent(
"sign_up",
EventType.Other,
new Dictionary<string, string>() { { "method", "email" } }
);

// Login event
MParticle.Instance.LogEvent(
"login",
EventType.Other,
new Dictionary<string, string>() { { "method", "email" } }
);

// Logout event
MParticle.Instance.LogEvent("logout", EventType.Other, null);

Commerce EventsCommerce Events への直接リンク

Commerce events carry product-level details for the user's journey. Trigger a separate commerce event for each product action the customer takes.

Investing in full commerce event coverage is one of the highest-leverage things you can do during your integration. Each event tells Rokt something different about where the customer is in their journey: a product view signals exploration, an add-to-cart signals consideration, a checkout start signals purchase intent, and a completed purchase confirms conversion. With a richer signal, Rokt can personalize offers more effectively, measure placement performance accurately, and attribute conversions to the right touchpoints. Doing this work during your initial integration also avoids a retrofit later. The signal compounds over time: each event Rokt receives adds context used to sharpen personalization, improve attribution accuracy, and better resolve and segment your customer base on future visits.

Commerce events are logged with CommerceEvent, using a product action constant that identifies the customer action (viewing a product, adding to cart, starting checkout, completing a purchase, etc.). The sections below list the supported action types and walk through assembling the event.

Product action typesProduct action types への直接リンク

Show all product action types
Customer actionProduct action constant
Product detail page viewedProductAction.ViewDetail
Product clickedProductAction.Click
Item added to cartProductAction.AddToCart
Item removed from cartProductAction.RemoveFromCart
Item added to wishlistProductAction.AddToWishlist
Item removed from wishlistProductAction.RemoveFromWishlist
Checkout flow initiatedProductAction.Checkout
Checkout option selectedProductAction.CheckoutOption
Order confirmedProductAction.Purchase
Order refundedProductAction.Refund

Tracking a commerce event requires three steps:

1. Define the product1. Define the product への直接リンク

Create a Product with the product's name, SKU, and price. Set additional fields using the builder.

Define a product
var product = new Product(
name: "Double Room - Econ Rate",
sku: "econ-1",
price: 100.00
)
{
Quantity = 4,
Category = "room",
Brand = "lodge-o-rama",
Variant = "standard"
};

2. Summarize the transaction2. Summarize the transaction への直接リンク

Create a TransactionAttributes object for Purchase, Checkout, and CheckoutOption events. Include shipping and coupon code when applicable — order-level coupons belong here, not on individual products.

Summarize the transaction
var transactionAttributes = new TransactionAttributes("ORDER-12345")
{
Revenue = 149.99,
Tax = 12.50,
Shipping = 5.99,
CouponCode = "SUMMER20"
};

3. Log the commerce event3. Log the commerce event への直接リンク

Create a CommerceEvent with a product action constant from the table above, attach the transactionAttributes, and log it.

Log a Purchase commerce event
var commerceEvent = new CommerceEvent(ProductAction.Purchase, product)
{
TransactionAttributes = transactionAttributes
};

MParticle.Instance.LogCommerceEvent(commerceEvent);

The same structure applies to every product action constant — swap ProductAction.Purchase for the action that matches the customer behavior you're logging. See the Product action types table for the full list.

Custom EventsCustom Events への直接リンク

Track custom events using LogEvent, passing an event name, event type, and optional custom attributes.

Supported custom event typesSupported custom event types への直接リンク

Show custom event types
TypeUse for
EventType.NavigationUser navigation flows and screen transitions within your app.
EventType.LocationLocation-based interactions and movements.
EventType.SearchSearch queries and search-related actions.
EventType.TransactionFinancial transactions and purchase-related activity.
EventType.UserContentUser-generated content like reviews, comments, or posts.
EventType.UserPreferenceUser settings, preferences, and customization choices.
EventType.SocialSocial media interactions and sharing activities.
EventType.OtherAnything that doesn't fit the categories above.

Example custom eventExample custom event への直接リンク

Log a custom event
MParticle.Instance.LogEvent(
"Video Watched",
EventType.Navigation,
new Dictionary<string, string>()
{
{ "category", "Destination Intro" },
{ "title", "Paris" }
}
);

6. Show a Placement6. Show a Placement への直接リンク

Call SelectPlacements on every payment and confirmation screen you want Rokt to render content on. Include one of the following page identifiers to specify the screen type and whether it's for testing or production:

  • stg.rokt.conf: A confirmation screen in a staging (or testing) environment.
  • prod.rokt.conf: A confirmation screen in a production environment.
  • stg.rokt.payments: A payments screen in a staging (or testing) environment.
  • prod.rokt.payments: A payments screen in a production environment.

Placement AttributesPlacement Attributes への直接リンク

Pass these attributes in the attributes dictionary of SelectPlacements. Always supply the most recent value — attributes passed here override any earlier SetUserAttribute calls.

Show all placement attributes
FieldTypeDescription
emailstringCustomer email (unhashed). Used for identity resolution.
firstnamestringCustomer first name. Used for personalization.
lastnamestringCustomer last name. Used for personalization.
mobilestringCustomer mobile number in E.164 format. Used for identity resolution.
confirmationrefstringOrder / confirmation reference number. Used for relevance and deduplication.
currencystringTransaction currency (ISO 4217, e.g. USD, GBP, AUD). Used for relevance.
countrystringISO 3166-1 alpha-2 country code. Used for eligibility and relevance.
languagestringCustomer's preferred language (ISO 639-1). Used for relevance.
totalpricedecimalTotal cart value including tax and shipping. Used for relevance.
amountstringCart subtotal before tax and shipping. Distinct from totalprice. Used for relevance.
couponCodestringPromo code applied to the order, if any. Used for relevance.
newcustomerbooleanWhether this is a first-time buyer. Used for relevance.
customertypestringguest or logged_in. Used for relevance.
valuedecimalCustomer's cumulative purchase value (e.g. "2340.00"). Used for relevance.
subscriptionstatusstringSubscription state if applicable (active, trial, churned, paused, none). Used for relevance and eligibility.
customersegmentstringPartner internal segmentation (e.g. vip, at_risk, new, reactivated). Used for relevance.
paymenttypestringPayment method selected (credit_card, paypal, apple_pay, etc.). Used for Pay+ eligibility.
paymentServiceProviderstringPayment services offered on the page (apple_pay, paypal, card). Used for Pay+ eligibility.
ccbinstringCredit card BIN (first 6 digits). Used for relevance.
billingnamestringBilling name. Used for identity resolution.
billingaddress1stringBilling street address. Used for identity resolution and relevance.
billingaddress2stringBilling apartment / unit. Used for identity resolution.
billingcitystringBilling city. Used for relevance.
billingstatestringBilling state or province. Used for relevance.
billingzipcodestringBilling ZIP / postcode. Used for identity resolution and relevance.
shippingmethodstringShipping method selected (standard, express, next_day). Used for relevance.
shippingnamestringShipping name. Used for relevance.
shippingaddress1stringShipping street address. Used for relevance.
shippingcitystringShipping city. Used for relevance.
shippingstatestringShipping state or province. Used for relevance.
shippingzipcodestringShipping ZIP or postcode. Used for relevance.
shippingcountrystringShipping country (ISO 3166-1 alpha-2). Used for relevance.
cartItemsstringJSON-serialized array of cart items. Used for relevance.
adsExperiencestringPass "shoppable" when deliberately targeting a Shoppable Ads experience. Used on iOS only (scope to #if __IOS__ block).

Overlay PlacementsOverlay Placements への直接リンク

Overlay placements render on top of your confirmation screen in a Rokt-managed container, requiring no changes to your app's existing layout. To insert an overlay placement, call SelectPlacements once the confirmation screen loads:

Overlay placement
using mParticle.MAUI;

var attributes = new Dictionary<string, string>
{
// Identity
["email"] = "j.smith@example.com",
["firstname"] = "Jenny",
["lastname"] = "Smith",
["mobile"] = "+13125551515",

// Transaction
["confirmationref"] = "54321",
["currency"] = "USD",
["country"] = "US",
["language"] = "en",
["totalprice"] = "149.99",
["couponCode"] = "SUMMER20",

// Customer context
["newcustomer"] = "false",
["customertype"] = "logged_in",
["value"] = "2340.00",
["subscriptionstatus"] = "active",
["customersegment"] = "vip",

// Payment (include paymenttype and paymentServiceProvider for Pay+)
["paymenttype"] = "credit_card",
["paymentServiceProvider"] = "card",
["ccbin"] = "411112",

// Billing address
["billingaddress1"] = "123 Main St",
["billingcity"] = "Brooklyn",
["billingstate"] = "NY",
["billingzipcode"] = "11201",

// Shipping
["shippingmethod"] = "express",
["shippingaddress1"] = "175 Varick St",
["shippingcity"] = "New York",
["shippingstate"] = "NY",
["shippingzipcode"] = "10014",
["shippingcountry"] = "US"
};

MParticle.Instance.Rokt.SelectPlacements(
identifier: "RoktExperience",
attributes: attributes
);

Embedded PlacementsEmbedded Placements への直接リンク

Embedded placements render inline at a fixed position in your app that you control (for example, above the payment options on a cart screen). Both Thanks and Pay+ use embedded placements, but Pay+ must use embedded placements.

First, configure MAUI handlers for the RoktEmbeddedView in your app startup class:

Register RoktEmbeddedView handler
public static class MauiProgram
{
public static MauiApp CreateMauiApp()
{
var builder = MauiApp.CreateBuilder();
builder
.UseMauiApp<App>()
.ConfigureMauiHandlers(handlers =>
{
handlers.AddHandler(typeof(RoktEmbeddedView), typeof(RoktEmbeddedViewHandler));
});

return builder.Build();
}
}

Add RoktEmbeddedView to your layout XML at the position where you want the placement to render:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:sdk="clr-namespace:mParticle.MAUI;assembly=mParticle.Maui.Sdk"
x:Class="SampleApp.MainPage">

<VerticalStackLayout>
<sdk:RoktEmbeddedView
x:Name="Location1"/>
</VerticalStackLayout>
</ContentPage>

Use the RoktEventCallback class to respond to placement events (load, unload, loading indicator state, embedded size change, etc.):

Embedded placement with callbacks
using mParticle.MAUI;

var attributes = new Dictionary<string, string>
{
["email"] = "j.smith@example.com",
["firstname"] = "Jenny",
["lastname"] = "Smith",
["billingzipcode"] = "11201",
["confirmationref"] = "54321"
};

var callbacks = new RoktEventCallback
{
OnLoad = () => Console.WriteLine("Rokt placement loaded"),
OnUnLoad = (reason) => Console.WriteLine($"Rokt placement unloaded with reason: {reason}"),
OnShouldShowLoadingIndicator = () => Console.WriteLine("Should show loading indicator"),
OnShouldHideLoadingIndicator = () => Console.WriteLine("Should hide loading indicator"),
OnEmbeddedSizeChange = (identifier, size) => Console.WriteLine($"Embedded view '{identifier}' size changed to {size}")
};

MParticle.Instance.Rokt.SelectPlacements(
identifier: "RoktExperience",
attributes: attributes,
embeddedViews: new Dictionary<string, RoktEmbeddedView>()
{
{ "RoktEmbedded1", Location1 }
},
callbacks: callbacks
);
Pay+

For Pay+ placements, include paymenttype and paymentServiceProvider in the SelectPlacements call on each screen. paymentServiceProvider communicates what payment methods are available on the payment screen; paymenttype communicates what method the user paid with.

Interstitial PlacementsInterstitial Placements への直接リンク

Interstitial placements are rendered between the payment and confirmation screens, allowing customers to purchase additional products. Interstitial placements are used by Shoppable Ads.

注記

Interstitial placements are supported on iOS only in the MAUI SDK+. The Android path of this SDK+ does not support interstitial placements. Scope all interstitial placement code to the #if __IOS__ conditional compilation block.

On iOS, interstitial placements use the same SelectPlacements call as overlay and embedded placements, but target the confirmation-screen identifier and rely on the iOS SDK+'s full-screen placement rendering. Pass the complete attribute set described in Placement Attributes — in particular, include shipping address details to support Shoppable Ads order fulfillment.

Interstitial placement (iOS only)
#if __IOS__
using mParticle.MAUI;

var attributes = new Dictionary<string, string>
{
// Identity
["email"] = "j.smith@example.com",
["firstname"] = "Jenny",
["lastname"] = "Smith",
["mobile"] = "+13125551515",

// Transaction
["confirmationref"] = "54321",
["currency"] = "USD",
["country"] = "US",
["language"] = "en",
["totalprice"] = "149.99",
["amount"] = "137.50",
["couponCode"] = "SUMMER20",

// Customer context
["newcustomer"] = "false",
["customertype"] = "logged_in",
["value"] = "2340.00",

// Payment
["paymenttype"] = "credit_card",
["paymentServiceProvider"] = "card",
["ccbin"] = "411112",

// Billing address
["billingaddress1"] = "123 Main St",
["billingcity"] = "Brooklyn",
["billingstate"] = "NY",
["billingzipcode"] = "11201",

// Shipping address (required for Shoppable Ads order fulfillment)
["shippingmethod"] = "express",
["shippingaddress1"] = "175 Varick St",
["shippingcity"] = "New York",
["shippingstate"] = "NY",
["shippingzipcode"] = "10014",
["shippingcountry"] = "US"
};

MParticle.Instance.Rokt.SelectPlacements(
identifier: "RoktExperience",
attributes: attributes
);
#endif
注記

If your app does not have shipping address details (for example, for ticket or digital goods purchases), pass billing address details instead. Rokt will provide a UI for the customer to confirm or edit their shipping address before completing the purchase.

Optional FunctionsOptional Functions への直接リンク

FunctionPurpose
MParticle.Instance.Rokt.Close()Auto-close overlay placements.

Additional ConfigurationAdditional Configuration への直接リンク

Pass optional parameters such as RoktConfig to customize the placement UI (e.g. dark/light mode, caching).

SelectPlacements with RoktConfig
using mParticle.MAUI;

var roktConfig = new RoktConfig()
{
ColorMode = RoktConfig.RoktColorMode.Light
};

MParticle.Instance.Rokt.SelectPlacements(
identifier: "RoktExperience",
attributes: attributes,
config: roktConfig
);
注記

If you want to update the identifier RoktExperience or embedded identifier RoktEmbedded1 with a different value, contact your Rokt account manager to ensure Rokt placements are configured consistently.

Events APIEvents API への直接リンク

The SDK+ provides placement lifecycle events through the MParticle.Instance.Rokt API. Register an event handler to consume events produced by the SDK+.

Subscribe to placement events
MParticle.Instance.Rokt.OnEvent += (sender, roktEvent) =>
{
// Handle the event based on roktEvent type
Console.WriteLine($"Rokt event received: {roktEvent.GetType().Name}");
};

Standard eventsStandard events への直接リンク

Show all standard events
EventDescriptionParams
ShowLoadingIndicatorTriggered before the SDK+ calls the Rokt backend.
HideLoadingIndicatorTriggered when the SDK+ receives a success or failure from the Rokt backend.
PlacementInteractiveTriggered when a placement has been rendered and is interactable.placementId: string
PlacementReadyTriggered when a placement is ready to display but has not rendered content yet.placementId: string
OfferEngagementTriggered when the user engages with the offer.placementId: string
PositiveEngagementTriggered when the user positively engages with the offer.placementId: string
FirstPositiveEngagementTriggered when the user positively engages with the offer for the first time.placementId: string, fulfillmentAttributes: Dictionary<string, string>
OpenUrlTriggered when the user presses a URL that is configured to be sent to the partner app.placementId: string, url: string
PlacementClosedTriggered when a placement is closed by the user.placementId: string
PlacementCompletedTriggered when the offer progression reaches the end and no more offers are available to display. Also triggered when cache is hit but the retrieved placement will not be displayed as it has previously been dismissed.placementId: string
PlacementFailureTriggered when a placement could not be displayed due to some failure or when no placements are available to show.placementId: string (optional)
CartItemInstantPurchaseTriggered when the catalog item purchase is initiated by the user.placementId: string, cartItemId: string, catalogItemId: string, currency: string, description: string, linkedProductId: string, totalPrice: double, quantity: int, unitPrice: double

7. Configure Apple Pay (iOS only)7. Configure Apple Pay (iOS only) への直接リンク

Apple Pay is required for Shoppable Ads on iOS. If you are not using Shoppable Ads, skip this step.

Before registering the payment extension, create an Apple Pay merchant ID, configure your Xcode project, and generate a Payment Processing Certificate.

Follow the steps in Apple Pay — iOS setup, then register RoktPaymentExtension in your iOS-specific platform code. In a MAUI project, place this in your iOS platform AppDelegate.cs (or in MauiProgram.cs inside a #if __IOS__ block), and call it after MParticle.Instance.Initialize(options) and before any SelectPlacements call:

Register RoktPaymentExtension (iOS only)
#if __IOS__
// Register after MParticle.Instance.Initialize(options), before SelectPlacements
var paymentExt = new RoktPaymentExtension(applePayMerchantId: "merchant.com.yourapp.rokt");
if (paymentExt != null)
{
MParticle.Instance.Rokt.RegisterPaymentExtension(paymentExt);
}
#endif
注意

RoktPaymentExtension must be registered after MParticle.Instance.Initialize(options) and before any SelectPlacements call. Registering out of order will prevent Apple Pay from functioning correctly.

注記

The exact C# API for RoktPaymentExtension registration may vary depending on your MAUI binding version. If the method signature above does not match your NuGet package, refer to the native iOS guide for the underlying Swift/Objective-C pattern and adapt it to your MAUI C# bindings.

8. Appendix8. Appendix への直接リンク

Appendix A: App ConfigurationAppendix A: App Configuration への直接リンク

Applications can pass configuration settings through RoktConfig so the MAUI SDK+ uses your app's custom configuration instead of system defaults.

ColorMode objectColorMode object への直接リンク

ValueDescription
LightApplication is in Light Mode
DarkApplication is in Dark Mode
SystemApplication defaults to System Color Mode
RoktConfig with ColorMode
var roktConfig = new RoktConfig()
{
ColorMode = RoktConfig.RoktColorMode.Light
};

MParticle.Instance.Rokt.SelectPlacements(
identifier: "RoktExperience",
attributes: attributes,
config: roktConfig
);

CacheConfig objectCacheConfig object への直接リンク

ParameterDescription
CacheDurationInSecondsOptional duration in seconds for which the Rokt SDK+ should cache the experience. Maximum allowed value is 90 minutes; default is 90 minutes if not provided or invalid.
CacheAttributesOptional attributes to be used as cache key. If null, all attributes sent in SelectPlacements will be used as the cache key.
Cache for 1200 seconds
var roktConfig = new RoktConfig()
{
CacheConfig = new CacheConfig()
{
CacheDurationInSeconds = 1200,
CacheAttributes = new Dictionary<string, string>()
{
{ "email", "j.smith@example.com" },
{ "orderNumber", "123" }
}
}
};

MParticle.Instance.Rokt.SelectPlacements(
identifier: "RoktExperience",
attributes: attributes,
config: roktConfig
);

EdgeToEdgeDisplay (Android only)EdgeToEdgeDisplay (Android only) への直接リンク

ValueDescription
true (default)Application supports Edge to Edge display mode
falseApplication does not support Edge to Edge display mode

Use the #if __ANDROID__ block to scope this setting to Android only:

EdgeToEdgeDisplay (Android only)
#if __ANDROID__
var roktConfig = new RoktConfig()
{
EdgeToEdgeDisplay = true
};

MParticle.Instance.Rokt.SelectPlacements(
identifier: "RoktExperience",
attributes: attributes,
config: roktConfig
);
#endif

Appendix B: MAUI Declarative UI SupportAppendix B: MAUI Declarative UI Support への直接リンク

The MAUI SDK+ supports both XML-based layout (RoktEmbeddedView in XAML) and code-behind placement integration. For embedded placements in XAML, register the RoktEmbeddedViewHandler in MauiProgram.CreateMauiApp() (see Embedded Placements) and reference the view by its x:Name in your code-behind.

There is no equivalent of Jetpack Compose (RoktLayout) or SwiftUI (MPRoktLayout) for MAUI at this time. Use the XML + code-behind pattern for embedded placements.

Appendix C: Error HandlingAppendix C: Error Handling への直接リンク

The IDSync API is intended to be central to your app's state and is designed to be fast and highly-available. Similar to how your app may prevent users from logging in, logging out, or modifying their state without an internet connection — treat these APIs as gating operations to maintain a consistent user state. The SDK+ will not retry API calls automatically, but provides callback APIs so you can do so according to your business logic.

If you do not implement error handling, you may see data consistency issues at scale.

The failure listener receives an errorResponse object. Use the HttpCode property to determine the cause and decide whether to retry.

Android error handlingAndroid error handling への直接リンク

On Android, IdentityApi.UNKNOWN_ERROR indicates a client-side failure (device offline or client-side timeout) — retry the request. HTTP 429 (IdentityApi.THROTTLE_ERROR) means the request was rate-limited — retry with exponential backoff. Other HTTP error codes indicate implementation or server issues that should be logged and investigated.

IDSync error handling (Android)
#if __ANDROID__
MParticle.Instance.Identity.Identify(identifyRequest)
.AddFailureListener(errorResponse =>
{
if (errorResponse.HttpCode == IdentityApi.UnknownError)
{
// Device is likely offline or client-side timeout — retry the request
}
else if (errorResponse.HttpCode == 429)
{
// Throttled — retry with exponential backoff
}
else
{
// Log errorResponse.HttpCode and investigate — likely an implementation issue
}
})
.AddSuccessListener(result =>
{
// Proceed with the identified user
});
#endif

iOS error handlingiOS error handling への直接リンク

On iOS, the failure listener's HttpCode maps to MPIdentityErrorResponseCode values from the native iOS SDK+. Network failures (clientNoConnection, clientSideTimeout) should be retried immediately. Throttle errors (HTTP 429, corresponding to retry) should be retried with backoff. requestInProgress means another IDSync call is in flight — inspect your implementation if this occurs frequently, then retry. All other codes typically indicate an implementation issue; inspect errorResponse details to diagnose.

IDSync error handling (iOS)
#if __IOS__
MParticle.Instance.Identity.Identify(identifyRequest)
.AddFailureListener(errorResponse =>
{
if (errorResponse.HttpCode == IdentityApi.UnknownError)
{
// clientNoConnection or clientSideTimeout — device is offline or timed out, retry the request
}
else if (errorResponse.HttpCode == 429)
{
// Throttled (MPIdentityErrorResponseCodeRetry) — retry with exponential backoff
}
else if (errorResponse.HttpCode == (int)IdentityApi.RequestInProgress)
{
// Another IDSync request is already in progress — inspect implementation frequency, then retry
}
else
{
// Log errorResponse details and investigate — likely an implementation issue
}
})
.AddSuccessListener(result =>
{
// Proceed with the identified user
});
#endif
注記

The C# constant names above (IdentityApi.UnknownError, IdentityApi.RequestInProgress) reflect the MAUI binding layer. If your NuGet version exposes different constant names, refer to the native iOS error code table (MPIdentityErrorResponseCode) for the underlying values.

Appendix D: Passing Session ID from Web to NativeAppendix D: Passing Session ID from Web to Native への直接リンク

When a user journey spans both web and native platforms, you can maintain a consistent Rokt session by passing the session ID from the Web SDK+ to the mParticle MAUI SDK+. This is useful for hybrid flows where users complete an action in a WebView (such as a payment page) and return to the native app for confirmation.

Getting the session ID from Web SDK+Getting the session ID from Web SDK+ への直接リンク

After calling selectPlacements, the session ID is available on the selection context:

Retrieve sessionId from the selection context
const selection = await launcher.selectPlacements({
identifier: "checkout",
attributes: {
email: "user@example.com",
// ... other attributes
}
});

const sessionId = await selection.context.sessionId;

Pass the session ID to your native app using a deep link:

Deep-link to native app
const deepLink = `myapp://confirmation?sessionId=${encodeURIComponent(sessionId)}`;
window.location.href = deepLink;

Setting the session IDSetting the session ID への直接リンク

Extract the session ID from the deep link and pass it to the mParticle SDK+ before calling SelectPlacements.

Handle deep link and set sessionId
// Extract sessionId from the incoming deep link URI
// and set it on the Rokt SDK+ before calling SelectPlacements
var uri = new Uri(deepLinkUrl);
var query = System.Web.HttpUtility.ParseQueryString(uri.Query);
var sessionId = query["sessionId"];

if (!string.IsNullOrEmpty(sessionId))
{
MParticle.Instance.Rokt.SetSessionId(sessionId);
}

// Proceed with your confirmation flow

NotesNotes への直接リンク

  • Call SetSessionId before SelectPlacements to ensure the session is used.
  • Empty strings are ignored and will not update the session.
  • Always URL-encode the session ID when passing as a query parameter.

9. Test Your Integration9. Test Your Integration への直接リンク

To confirm the SDK+ initializes and events log correctly:

  1. Enable verbose SDK+ logging before initialization so you can see what's being sent.
  2. Build and run your app with options.Environment = mParticle.MAUI.Environment.Development.
  3. Trigger SelectPlacements on the screen where the placement should render and confirm the placement loads.
  4. Verify events appear in your mParticle workspace's Live Stream, and confirm the identifyRequest call succeeds.
Enable verbose SDK+ logging
#if __ANDROID__
MParticle.Instance.SetLogLevel(LogLevel.Verbose);
#elif __IOS__
MParticle.Instance.SetLogLevel(LogLevel.Verbose);
#endif

TroubleshootingTroubleshooting への直接リンク

If the placement doesn't render or events don't appear, check the device console for Rokt SDK+ errors. Common issues:

Initialization errorsInitialization errors への直接リンク

  • Confirm the key and secret inside the platform-specific blocks match the values from your Rokt account manager.
  • Confirm MParticle.Instance.Initialize(options) runs before any SelectPlacements or LogEvent call.
  • Confirm RoktKit.Register() is called before MParticle.Instance.Initialize(options).

Identity errorsIdentity errors への直接リンク

If the AddFailureListener callback fires, see Error Handling for the error codes and retry guidance. Without error handling you may see data consistency issues at scale.

Placement not renderingPlacement not rendering への直接リンク

  • Confirm the placement identifier (e.g. RoktExperience) matches what your Rokt account manager configured.
  • For embedded placements, confirm the embedded view identifier (e.g. RoktEmbedded1) matches the layout configuration and that RoktEmbeddedViewHandler is registered in MauiProgram.
  • Check that the attributes dictionary contains at least email, firstname, lastname, billingzipcode, and confirmationref.
この記事は役に立ちましたか?