Mapp

https://docs.mapp.com/docs
Admin
Mapp is a customer engagement platform that provides tools for marketing automation, push...
Tokens:1,586,405
Snippets:16,642
Trust Score:10
Update:8 months ago
Show doc for...
Tokens:
Raw
### Example: Combining Page Goal Methods

Source: https://docs.mapp.com/docs/page

This example illustrates how to use the `set`, `add`, `get`, and `remove` methods for managing page goals within the wtSmart framework.

```JavaScript
// set page goal
wtSmart.page.goal.set({
	5: 'goal value 5'
});

// add page goal
wtSmart.page.goal.add({
	8: 'goal value 8'
});

// get page goal
var goal = wtSmart.page.goal.get();

// remove all page goals
wtSmart.page.goal.remove();

// remove only page goal 8
wtSmart.page.goal.remove([8]);
```

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

### Example Usage of Custom Parameter Functions

Source: https://docs.mapp.com/docs/order

Provides practical examples for using the set, add, get, and remove functions for custom order parameters. It illustrates how to manage these parameters effectively.

```JavaScript
// set order parameter
wtSmart.order.parameter.set({
    1: 'bill'
});

// add order parameter
wtSmart.order.parameter.add({
    7: 'foo.bar'
});

// get order parameter
var data = wtSmart.order.parameter.get();
  
// remove all order parameter
wtSmart.order.parameter.remove();

// remove only order parameter 7
wtSmart.order.parameter.remove([7]);
```

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

### Full WebView Integration Example

Source: https://docs.mapp.com/docs/functions

Provides a complete Flutter example demonstrating how to set up and display a WebView with Mapp Intelligence tracking enabled. It includes controller initialization, tracking setup, and rendering the WebView.

```dart
class WebviewScreen extends StatefulWidget {

  @override

  WebviewScreenState createState() => WebviewScreenState();

}

class _WebviewScreenState extends State<WebviewScreen> {

  late final WebViewController _controller;

  @override

  void initState() {

    super.initState();

    _controller = WebViewController()

      ..setJavaScriptMode(JavaScriptMode.unrestricted);

    WebTrackingController(controller: _controller);

    _controller.loadRequest(

      Uri.parse('https://demoshop.webtrekk.com/media/web2app/index.html'),

    );

  }

  @override

  Widget build(BuildContext context) {

    return WebViewWidget(controller: _controller);

  }

}
```

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

### Example: Combining Page Category Methods

Source: https://docs.mapp.com/docs/page

This example demonstrates the practical application of `set`, `add`, `get`, and `remove` methods for managing page categories in wtSmart.

```JavaScript
// set page category
wtSmart.page.category.set({
	5: 'category value 5'
});

// add page category
wtSmart.page.category.add({
	8: 'category value 8'
});

// get page category
var category = wtSmart.page.category.get();

// remove all page category
wtSmart.page.category.remove();

// remove only page category 8
wtSmart.page.category.remove([8]);
```

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

### Example Usage of Order Data Functions

Source: https://docs.mapp.com/docs/order

Demonstrates practical examples of using the set, add, get, and remove functions for managing order data. It shows how to initialize, update, retrieve, and clear order details.

```JavaScript
// set order data
wtSmart.order.data.set({
	value: 120.99,
	id: 'M-12345',
	couponValue: 10.00,
	paymentMethod: 'paypal',
	shippingService: 'dhl',
	shippingSpeed: 'express',
	shippingCosts: 4.95,
	grossMargin: 12.95,
	parameter: {
		5: 'bill'
	}
});

// add order data
wtSmart.order.data.add({
    currency: 'EUR'
});

// get order data
var data = wtSmart.order.data.get();
  
// remove all order data
wtSmart.order.data.remove();

// remove only couponValue from order data
wtSmart.order.data.remove(['couponValue']);
```

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

### Application Class Setup for Mapp SDK (Kotlin)

Source: https://docs.mapp.com/docs/andriod-installation

Prepare your application for SDK initialization by extending the Application class in Kotlin. This is a basic setup for global configuration.

```kotlin
class TrackConfig : Application() {}
```

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

### Complete Product Tracking Example

Source: https://docs.mapp.com/docs/product-1

Demonstrates a comprehensive example of initializing Mapp Intelligence, creating a product object, setting various properties (ID, cost, quantity, status, sold out, custom parameters, category), adding it to a collection, and tracking the data.

```javascript
const mic = new MappIntelligenceConfig(
	"111111111111111",
	"analytics01.wt-eu02.net"
);
const mit = new MappIntelligenceTracking(mic);

const mappProductData = new MappIntelligenceProduct();
mappCustomerData.setId("id of a product")
	.setCost(19.95)
	.setQuantity(5)
	.setStatus(MappIntelligenceProduct.VIEW)
	.setSoldOut(true)
	.setParameter(2, "parameter 2")
	.setParameter(15, "parameter 15")
	.setCategory(2, "category 2")
	.setCategory(15, "category 15");

const mappProductCollection = new MappIntelligenceProductCollection();
mappProductCollection.add(mappProductData);

mit.track((new MappIntelligenceDataMap()).product(mappProductCollection));

```

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

### Complete User Data Tracking Example

Source: https://docs.mapp.com/docs/customer-1

Demonstrates a comprehensive example of initializing Mapp tracking and setting various user attributes, including ID, email, opt-in, gender, birthday, location, and custom categories, before tracking the data.

```JavaScript
const mic = new MappIntelligenceConfig(
	"111111111111111",
	"analytics01.wt-eu02.net"
);
const mit = new MappIntelligenceTracking(mic);

const mappCustomerData = new MappIntelligenceCustomer();
mappCustomerData.setId("user5684798169")
	.setEmailRID("")
	.setEmailOptin(true)
	.setGender(1)
	.setBirthday("~!jX7E0tqd3BTIXVNX+jJnOQ==!~") // 19900215 [ JJJJMMDD ]
	.setCountry("~!epld8YhkcFY=!~") // Germany
	.setCity("~!9Hn50gRUKpw=!~") // Berlin
	.setPostalCode("~!dZVg2aMOE2Q=!~") // 10115
	.setStreet("~!vOSHjdTscdK8BCw0pNyQ2lcLKg5PY70N!~") // Robert-Koch-Platz
	.setValidation(true)
	.setCategory(5, "login");

mit.track((new MappIntelligenceDataMap()).customer(mappCustomerData));
```

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

### Application Class Setup for Mapp SDK (Java)

Source: https://docs.mapp.com/docs/andriod-installation

Prepare your application for SDK initialization by extending the Application class in Java. This is a basic setup for global configuration.

```java
public class TrackConfig extends Application {}
```

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

### General Data Layer Setup with Static and Dynamic Data (HTML/JavaScript)

Source: https://docs.mapp.com/docs/data-layer

Demonstrates a general data layer setup within an HTML file using JavaScript. It includes initializing the data layer object and populating it with both static and potentially dynamic data like user and session IDs.

```html
<html>
  <head>
    <script>
      window._ti = window._ti || {};
      // Static Data
      window._ti['pageName'] = 'home';
      window._ti['category'] = 'general';
      // Dynamic Data (if available)
      window._ti['userId'] = '12345';
      window._ti['sessionId'] = 'abcde12345';
    </script>
  </head>
  <body>
    <!-- Website content -->
  </body>
</html>
```

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

### Recommendation REST API - Get Started

Source: https://docs.mapp.com/docs/recommendation-rest-api-get-started

This section outlines the prerequisites and initial setup steps for using the Recommendation REST API within Mapp Marketing Automation.

```APIDOC
## Requirements

Before you can work with the API, the following requirements must be met:

*   Mapp Intelligence must be configured and activated for your Mapp Intelligence account.
*   A product catalog must be imported into Mapp Q3 and made available in Marketing Automation.
*   The REST API for recommendations must be enabled for your Marketing Automation account.

## Setup of the API in Marketing Automation

To set up the Recommendations API in Mapp Marketing Automation you must create a Recommendation API placement, a campaign and call the Audience API information.

### Create a Recommendation API Placement

Follow these steps:

1.  Log in to your Mapp Intelligence account.
2.  Open Marketing Automation by switching to the tab **Marketing** in the toolbar.
3.  In the navigation panel on the left side, click _Placements > Reco API_ > _Create_ and enter a unique name for your API placement, and click **Next**.
4.  Under **Configuration for recommendations**, specify the parameters:
    *   **Recommendation count (10)**: Define the max. amount of products per response.
    *   **Item categories**: Select the required categories that should be included in the response.
    *   **Control group**: Define the control group size in percent and content (fallback items or no items).
    *   **Blacklist**: Use this option to select products to exclude from recommendations.
5.  Click **Save**.

### Create a Campaign

After you have created a Recommendation API placement, you can configure campaigns for this placement. Refer to Marketing Automation documentation for more details.

### Call API Information

To send API requests, you need information such as the URL, placement ID, and required query parameters. This information can be found in the Marketing Automation module:

1.  In the navigation panel on the left side, click _Placements > Reco API_.
2.  Click the icon for the desired API placement to open the **Get API information** dialog box.
3.  The dialog box includes:
    *   **Placement ID**
    *   **URL**
    *   **Campaign Name**
    *   **Input Keys (query parameters)**
4.  Copy the necessary information for your API requests.
```

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

### MappIntelligence Tracking Example in Java

Source: https://docs.mapp.com/docs/page-data-object-java-library-s2s

Demonstrates the initialization of MappIntelligenceConfig and MappIntelligenceTracking, creation and configuration of a MappIntelligencePage object, and tracking the page data.

```Java
MappIntelligenceConfig mic = new MappIntelligenceConfig(
	"111111111111111",
	"analytics01.wt-eu02.net"
);
MappIntelligenceTracking mit = new MappIntelligenceTracking(mic);

MappIntelligencePage mappPageData = new MappIntelligencePage("name");
mappPageData.setName("name of a page")
    .setSearch("search term")
    .setNumberSearchResults(15)
    .setErrorMessages("error message")
    .setPaywall(true)
    .setArticleTitle("name of an article")
    .setContentTags("name of a content tag")
    .setTitle("title of a page")
    .setType("type of a page")
    .setLength("large")
    .setDaysSincePublication(8)
    .setTestVariant("name of a variant")
    .setTestExperiment("name of an experiment")
    .setParameter(1, "parameter 1")
    .setParameter(2, "parameter 2")
    .setCategory(1, "category 1")
    .setCategory(2, "category 2")
    .setGoal(1, "goal 1")
    .setGoal(2, "goal 2");

mit.track((new MappIntelligenceDataMap()).page(mappPageData));
```

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

### Install Mapp React Native Plugin using npm or Yarn

Source: https://docs.mapp.com/docs/getting-started-react-native-engage

Installs the Mapp React Native plugin, which enables your application to utilize Mapp's engagement features. This command adds the plugin to your project's dependencies.

```bash
npm install https://www.npmjs.com/package/react-native-mapp-plugin --save
```

```bash
yarn add react-native-mapp-plugin
```

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

### Install Mapp Flutter Plugin

Source: https://docs.mapp.com/docs/getting-started-with-mapp-engage-flutter-integration

Adds the Mapp SDK as a dependency to your Flutter project using the Flutter package manager. This command ensures your project can access Mapp's engagement features.

```bash
flutter pub add mapp_sdk
```

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

### Full WebView Tracking Example (Swift)

Source: https://docs.mapp.com/docs/ios-webviews

This is a complete Swift code example for setting up WebView tracking. It includes defining the request and configuration, updating the tracker, creating the WKWebView, and loading the request.

```swift
override func viewDidLoad() {
    super.viewDidLoad()
 
    let request = URLRequest(url: URL(string: "http://demoshop.mapp.com/web2app/index.html")!)
         
    let configuration = WKWebViewConfiguration()
    MIWebViewTracker.sharedInstance()?.update(configuration)
                 
    let webView = WKWebView(frame: self.view.frame, configuration: configuration)
    self.view.addSubview(webView)
    webView.load(request)
}
```

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

### Mapp Recommendation API - GET Request Examples

Source: https://docs.mapp.com/docs/using-the-recommendation-api

Examples of GET requests to the Mapp Recommendation API. These examples demonstrate how to construct the URL with mandatory parameters like accountId and placementId, and optional parameters such as pcat for filtering. The examples show usage with both the Mapp server and a custom tracking domain.

```HTTP
GET https://reco.webtrekk.com/dmp/recos/v2?accountId=12345678 &placementId=9876543
```

```HTTP
GET https:// {{OWN_TRACKING_DOMAIN}}/dmp/recos/v2?accountId=12345678 &placementId=9876543
```

```HTTP
dmp/recos/v2?accountId=999955867561122&placementId=asdasdasdasdf&pcat1=women.shoes&pcat8=casual
```

```HTTP
dmp/recos/v2?accountId=999955867561122&placementId=asdasdasdasdf&pcat8=casual
```

```HTTP
dmp/recos/v2?accountId=999955867561122&placementId=asdasdasdasdf&pcat1=!women.shoes&pcat8=casual
```

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

### Track Product Data with Mapp Intelligence (Java)

Source: https://docs.mapp.com/docs/request-parameters-data-object-java-library-s2s

This Java code demonstrates how to initialize MappIntelligenceConfig and MappIntelligenceTracking, then populate and send product-related parameters using MappIntelligenceParameterMap. It covers standard product parameters like ID, cost, quantity, status, currency, and sold-out status, as well as custom parameters and categories.

```java
MappIntelligenceConfig mic = new MappIntelligenceConfig(
	"111111111111111",
	"analytics01.wt-eu02.net"
);
MappIntelligenceTracking mit = new MappIntelligenceTracking(mic);

MappIntelligenceParameterMap mappParameterMap = new MappIntelligenceParameterMap();
mappParameterMap
	.add(MappIntelligenceParameter.PAGE_NAME, "name of a page")
	.add(MappIntelligenceParameter.PRODUCT_ID, "product name")
    .add(MappIntelligenceParameter.PRODUCT_COST, "19.95")
    .add(MappIntelligenceParameter.PRODUCT_QUANTITY, "5")
    .add(MappIntelligenceParameter.PRODUCT_STATUS, "view")
    .add(MappIntelligenceParameter.CURRENCY, "EUR")
    .add(MappIntelligenceParameter.PRODUCT_SOLD_OUT, "1")
    .add(MappIntelligenceCustomParameter.CUSTOM_PRODUCT_PARAMETER.with(2), "parameter 2")
	.add(MappIntelligenceCustomParameter.CUSTOM_PRODUCT_PARAMETER.with(15), "parameter 15")
	.add(MappIntelligenceCustomParameter.CUSTOM_PRODUCT_CATEGORY.with(2), "category 2")
	.add(MappIntelligenceCustomParameter.CUSTOM_PRODUCT_CATEGORY.with(15), "category 15");

mit.track(mappParameterMap);
```

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

### Configure iOS Project with CocoaPods

Source: https://docs.mapp.com/docs/getting-started-with-mapp-engage-flutter-integration

Installs project dependencies for the iOS platform using CocoaPods. Navigate to the `ios` directory within your Flutter project and run this command to manage native iOS libraries.

```bash
cd ios && pod install
```

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

### Configure and Track Product Data with Mapp Intelligence (JavaScript)

Source: https://docs.mapp.com/docs/query-parameter

This snippet demonstrates how to initialize Mapp Intelligence configuration and tracking, then set various product-related parameters using MappIntelligenceParameterMap. Finally, it tracks the configured data. It requires the Mapp Intelligence library to be included.

```javascript
const mic = new MappIntelligenceConfig(
	"111111111111111",
	"analytics01.wt-eu02.net"
);
const mit = new MappIntelligenceTracking(mic);

const mappParameterMap = new MappIntelligenceParameterMap();
mappParameterMap
	.add(MappIntelligenceParameter.PAGE_NAME, "name of a page")
	.add(MappIntelligenceParameter.PRODUCT_ID, "product name")
    .add(MappIntelligenceParameter.PRODUCT_COST, "19.95")
    .add(MappIntelligenceParameter.PRODUCT_QUANTITY, "5")
    .add(MappIntelligenceParameter.PRODUCT_STATUS, MappIntelligenceProduct.VIEW)
    .add(MappIntelligenceParameter.CURRENCY, "EUR")
    .add(MappIntelligenceParameter.PRODUCT_SOLD_OUT, "1")
    .add(MappIntelligenceCustomParameter.CUSTOM_PRODUCT_PARAMETER.with(2), "parameter 2")
	.add(MappIntelligenceCustomParameter.CUSTOM_PRODUCT_PARAMETER.with(15), "parameter 15")
	.add(MappIntelligenceCustomParameter.CUSTOM_PRODUCT_CATEGORY.with(2), "category 2")
	.add(MappIntelligenceCustomParameter.CUSTOM_PRODUCT_CATEGORY.with(15), "category 15");

mit.track(mappParameterMap);
```

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

### Full WebView Tracking Example (Objective-C)

Source: https://docs.mapp.com/docs/ios-webviews

This is a complete Objective-C code example for setting up WebView tracking. It includes defining the request and configuration, updating the tracker, creating the WKWebView, and loading the request.

```objective-c
-(void)testWebView {
    NSURLRequest* request = [[NSURLRequest alloc] initWithURL: [[NSURL alloc] initWithString:@"http://demoshop.mapp.com/web2app/index.html"]];
     
    WKWebViewConfiguration* configuration = [[WKWebViewConfiguration alloc] init];
    [[MIWebViewTracker sharedInstance] updateConfiguration:configuration];
     
    WKWebView* webView = [[WKWebView alloc] initWithFrame:CGRectZero configuration:configuration];
    [webView loadRequest:request];
}
```

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

### Android: Apply Google Services Plugin

Source: https://docs.mapp.com/docs/getting-started-react-native-engage

Applies the Google Services plugin to your Android project's `build.gradle` file. This is a necessary step for integrating Firebase Cloud Messaging (FCM) and other Google services.

```gradle
apply plugin: 'com.google.gms.google-services'
```

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

### Initialize In-App SDK in iOS Application

Source: https://docs.mapp.com/docs/in-app-engage-ios-sdk-integration-guide

Code examples for initializing the Mapp Engage Mobile iOS SDK within the application's didFinishLaunchingWithOptions method. This setup is crucial for enabling in-app messaging functionalities. The 'with' parameter specifies the server environment.

```objective-c
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    [[AppoxeeInapp shared] engageWithDelegate:nil with:eMC];
    return YES;
}
```

```swift
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    AppoxeeInapp.shared()?.engageWithDelegate(nil, with: .eMC)
    return true
}
```

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

### Full Code Example: Track Custom Action (Objective-C)

Source: https://docs.mapp.com/docs/customers

A complete Objective-C example for setting up event parameters, user categories, session parameters, and tracking a custom action with MappIntelligence.

```objective-c
-(void) testAction {
    MIEventParameters* eventParameters = [[MIEventParameters alloc] initWithParameters:[@{@20: @[@"ck20Param1"]} copy]];

    MIUserCategories* userCategories = [[MIUserCategories alloc] init];
    [userCategories setCustomCategories: [@{@20: @"userParam1"} copy]];
    [userCategories setCity:@"Paris"];
    [userCategories setCountry:@"France"];
    [userCategories setCustomerId:@"CustomerID"];
    [userCategories setGender: female];

    MISessionParameters* sessionParameters = [[MISessionParameters alloc] initWithParameters:[@{@10: @"sessionParam1"} copy]];

    MIActionEvent* event = [[MIActionEvent alloc] initWithName:@"TestAction"];
    [event setEventParameters:eventParameters];
    [event setUserCategories:userCategories];
    [event setSessionParameters:sessionParameters];

    [[MappIntelligence shared] trackAction:event];

}
```

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

### Full Code Example: Track Custom Action (Swift)

Source: https://docs.mapp.com/docs/customers

A comprehensive Swift example demonstrating how to set up event parameters, user categories, session parameters, and track a custom action using MappIntelligence.

```swift
@IBAction func trackCustomAction(_ sender: Any) {

        let eventParameters = MIEventParameters(parameters:  [20:"ck20Param1"])

        //user properties
        let userCategories = MIUserCategories()
        userCategories.customCategories = [20:"userParam1"]
        userCategories.birthday = MIBirthday(day: 12, month: 1, year: 1993)
        userCategories.city = "Paris"
        userCategories.country = "France"
        userCategories.customerId = "CustomerID"
        userCategories.gender = .female

        //sessionproperties
        let sessionParameters = MISessionParameters(parameters: [10: "sessionParam1"])

        let event = MIActionEvent(name: "TestAction")
        event.eventParameters = eventParameters
        event.userCategories = userCategories
        event.sessionParameters = sessionParameters

        MappIntelligence.shared()?.trackAction(event)
}
```

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

### Node.js Installation and Initialization of Kameleoon Plugin

Source: https://docs.mapp.com/docs/step-2-configuring-and-activating-the-kameleoon-plugin

Installs the Kameleoon plugin using npm and initializes it with the Smart Pixel core. This setup is for Node.js environments.

```bash
$ npm install @webtrekk-smart-pixel/kameleoon
```

```javascript
var webtrekkSmartPixel = require('@webtrekk-smart-pixel/core');
var webtrekkKameleoon = require('@webtrekk-smart-pixel/kameleoon');
 
var wtSmart = webtrekkSmartPixel.use(window, window.document);
wtSmart.push(webtrekkKameleoon.use());
```

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

### Full Media Player Tracking Implementation (Kotlin)

Source: https://docs.mapp.com/docs/query-parameter-tracking

Provides a comprehensive example of implementing media tracking within a media player class using Kotlin. It covers initialization, pause, start (play), stop, and seek actions, sending relevant tracking parameters for each state change.

```Kotlin
constructor(context: Context?) : super (context) {
         initMediaFile()
     }

fun initMediaFile() {
         trackingParams.putAll(
             mapOf(
                 MediaParam.MEDIA_DURATION to duration.toString(),
                 MediaParam.MEDIA_POSITION to (currentPosition / 1000 ).toString(),
                 MediaParam.MEDIA_ACTION to "init"
             
             )
         )
      Webtrekk.getInstance().trackMedia( "video name" , trackingParams)
     }

     override fun pause() {
         super .pause()
         trackingParams.putAll(
             mapOf(
                 MediaParam.MEDIA_POSITION to (currentPosition / 1000 ).toString(),
                 MediaParam.MEDIA_ACTION to "pause"
             )
         )
         Webtrekk.getInstance().trackMedia( "video name" , trackingParams)
     }

     override fun start() {
         super .start()
         trackingParams.putAll(
             mapOf(
                 MediaParam.MEDIA_POSITION to (currentPosition / 1000 ).toString(),
                 MediaParam.MEDIA_ACTION to "play"
             )
         )
         Webtrekk.getInstance().trackMedia( "video name" , trackingParams)

     }

     override fun stopPlayback() {
         super .stopPlayback()
         trackingParams.putAll(
             mapOf(
                 MediaParam.MEDIA_POSITION to (currentPosition / 1000 ).toString(),
                 MediaParam.MEDIA_ACTION to "stop"
             )
         )
         Webtrekk.getInstance().trackMedia( "video name" , trackingParams)
     }

     override fun seekTo(msec: Int) {
         trackingParams.putAll(
             mapOf(
                 MediaParam.MEDIA_POSITION to (currentPosition / 1000 ).toString(),
                 MediaParam.MEDIA_ACTION to "seek"
             )
         )
         Webtrekk.getInstance().trackMedia( "video name" , trackingParams)
        super .seekTo(msec)
        trackingParams.putAll(
             mapOf(
                 MediaParam.MEDIA_POSITION to (currentPosition / 1000 ).toString(),
                 MediaParam.MEDIA_ACTION to "pause" // can be pause or play
             )
         )
         Webtrekk.getInstance().trackMedia( "video name" , trackingParams)
     }
```

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

### Full Page Tracking Example (Kotlin)

Source: https://docs.mapp.com/docs/query-parameter-tracking

Provides a complete example within an Android Activity demonstrating how to define custom parameters, populate `TrackingParams`, and initiate page tracking using both `trackCustomPage()` and `trackPage()`.

```Kotlin
class AppActivity : AppCompatActivity() {
 
     val NEW_CATEGORY
     inline get() = customParam(ParamType.PAGE_CATEGORY, 1 )
 
     val NEW_PAGEPARAM
     inline get() = customParam(ParamType.PAGE_PARAM, 10 )
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super .onCreate(savedInstanceState)
         setContentView(R.layout.activity_details)
 
         val trackingParams = TrackingParams()
         trackingParams.putAll(
             mapOf(
                 Param.NEW_CATEGORY to "category value 1" ,
                 Param.NEW_PAGEPARAM to "parameter value 10" ,
                 Param.INTERNAL_SEARCH to "search phrase"
             )
         )
         
         // Use trackCustomPage()
         Webtrekk.getInstance().trackCustomPage( "page name" , pageParams)
 
         // Use trackPage()
         Webtrekk.getInstance().trackPage( this , "page name" , pageParams)
     }
}
```
Tokens:
Raw