Changes for page Flutter integration
Last modified by Developer on 2020/03/19 15:21
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -36,8 +36,6 @@ 36 36 37 37 Initialize class with //MobigateSDK(MobigateOptions options)// 38 38 39 -//MobigateOptions(apiKey,{appIdentifier, appInstallationSource,email,cusUserId,enableUserFields,dataGatherPolicy,notificationText,enableIdProfiles})// 40 - 41 41 {{showhide id="2" showmessage="MobigateOptions" hidemessage="MobigateOptions"}} 42 42 (% class="table-bordered table-hover" style="border-color:powderblue" %) 43 43 |=(% style="background-color:powderblue" %)Name|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Default|=(% style="background-color:powderblue" %)Description ... ... @@ -47,7 +47,7 @@ 47 47 |cusUserId |String | | You may use your custom userID for marking data. By default we are using device ID and emails for matching. Set it before starting the service using MobigateSDk.Builder method. 48 48 | enableUserFields|Json Array | | Enable custom fields in user data. By default MobienceSDK is gathering all identifiers, which it can read. You can choose one of these field: ["email", "imei", "imsi", "msisdn", "mac", "serial"] see [[plugin user field constants>>https://wiki.spicymobile.pl/wiki/mobigatesdk/view/Main/sdkintegration/reactnativeintegration/#H4.1Userfieldconstants]]. 49 49 | dataGatherPolicy| Json Object| | Enable custom data gater policy. By default MobienceSDK gather all data it can read and hide notification icon. Check below DataGatherPolicy options for more details. 50 -| notificationText|String | | if state = Mobigate.DATA_GATHER_POLICY_DEFAULT you can pass custom foreground service notification text.48 +| notificationText|String | | Foreground service notification text. 51 51 | enableIdProfiles|Boolean |false | turns on / off the IDs profiles system. 52 52 {{/showhide}} 53 53 ... ... @@ -55,9 +55,12 @@ 55 55 (% class="table-bordered table-hover" style="border-color:powderblue" %) 56 56 |=(% style="background-color:powderblue" %)Name|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Default|=(% style="background-color:powderblue" %)Description 57 57 | monitorState|String| | Possible monitor states: [[plugin constants>>https://wiki.spicymobile.pl/wiki/mobigatesdk/view/Main/sdkintegration/reactnativeintegration/#H4.2Datagatherpolicyconstants]]. More info about gathering data [[here>>https://wiki.spicymobile.pl/wiki/mobigatesdk/view/Main/mobigatesdkintegrationforandroiddevelopers/#H5.8Datagatherpolicy]] 56 +|notificationText|String| | if state = Mobigate.DATA_GATHER_POLICY_DEFAULT you can pass custom foreground service notification text 58 58 {{/showhide}} 59 59 60 60 {{showhide id="3" showmessage="Example" hidemessage="Example"}} 60 +//MobigateOptions(apiKey,{appIdentifier, appInstallationSource,email,cusUserId,enableUserFields,dataGatherPolicy,notificationText,enableIdProfiles})// 61 + 61 61 {{code language="dart"}} 62 62 MobigateSDK mobigateInstance = MobigateSDK(MobigateOptions( 63 63 "V0K6jhiIfem6CRWHYZ59Nmj3oFBBKbJsnSsWfR2JNq7ktblOUXwbJoBQTpWnw2uSwW76gpiu2kun50jweTY69B" ... ... @@ -67,33 +67,94 @@ 67 67 68 68 == 3.2 SDK initialization == 69 69 70 -You must initialize the library before running it. Use // Future<String>init// method for that:71 +You must initialize the library before running it. Use //init(apiKey, options, onSuccess, onError)// method for that: 71 71 72 -** mobigateInstance.init()**73 +**Mobigate.init(apiKey, options, onSuccess, onError)** 73 73 74 -Return: 75 +(% class="table-bordered table-hover" style="border-color:powderblue" %) 76 +|=(% style="background-color:powderblue" %)Parameter|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Description 77 +|apiKey|String|Api key provided by your business partner 78 +|options|Json Object|SDK configuration 79 +|onSuccess|Function|returns callback object 80 +|onError|Function|returns callback object 75 75 82 +{{showhide id="2" showmessage="Options" hidemessage="Options"}} 76 76 (% class="table-bordered table-hover" style="border-color:powderblue" %) 77 -|=(% style="background-color:powderblue" %)Message|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Description 78 -|success|String|returns success message 79 -|error|String|returns error message 84 +|=(% style="background-color:powderblue" %)Name|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Default|=(% style="background-color:powderblue" %)Description 85 +| appIdentifier|String| | Application identifier 86 +|appInstallationSource |String| | App installation source e.g., google-play, organic. 87 +|email |String | | Set's user email. 88 +|customUserId |String | | You may use your custom userID for marking data. By default we are using device ID and emails for matching. Set it before starting the service using MobigateSDk.Builder method. 89 +| enableUserFields|Json Array | | Enable custom fields in user data. By default MobienceSDK is gathering all identifiers, which it can read. You can choose one of these field: ["email", "imei", "imsi", "msisdn", "mac", "serial"] see [[plugin user field constants>>https://wiki.spicymobile.pl/wiki/mobigatesdk/view/Main/sdkintegration/reactnativeintegration/#H4.1Userfieldconstants]]. 90 +| dataGatherPolicy| Json Object| | Enable custom data gater policy. By default MobienceSDK gather all data it can read and hide notification icon. Check below DataGatherPolicy options for more details. 91 +| enableIdProfiles|Boolean |false | turns on / off the IDs profiles system. 92 +{{/showhide}} 80 80 81 -When the library is already initialized run it. Use //Future<String> startSdk()// method for that: 94 +{{showhide id="3" showmessage="DataGatherPolicy options" hidemessage="DataGatherPolicy options"}} 95 +(% class="table-bordered table-hover" style="border-color:powderblue" %) 96 +|=(% style="background-color:powderblue" %)Name|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Default|=(% style="background-color:powderblue" %)Description 97 +| monitorState|String| | Possible monitor states: [[plugin constants>>https://wiki.spicymobile.pl/wiki/mobigatesdk/view/Main/sdkintegration/reactnativeintegration/#H4.2Datagatherpolicyconstants]]. More info about gathering data [[here>>https://wiki.spicymobile.pl/wiki/mobigatesdk/view/Main/mobigatesdkintegrationforandroiddevelopers/#H5.8Datagatherpolicy]] 98 +|notificationText|String| | if state = Mobigate.DATA_GATHER_POLICY_DEFAULT you can pass custom foreground service notification text 99 +{{/showhide}} 82 82 83 -**mobigateInstance.startSdk();** 84 84 85 - Return:102 +When the library is already initialized run it. Use //startSDK(onSuccess, onError)// method for that: 86 86 104 +**Mobigate.startSDK(onSuccess, onError)** 105 + 87 87 (% class="table-bordered table-hover" style="border-color:powderblue" %) 88 -|=(% style="background-color:powderblue" %) Message|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Description89 -| success|String|returnssuccessmessage90 -| error|String|returnserrormessage107 +|=(% style="background-color:powderblue" %)Parameter|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Description 108 +|onSuccess|Function|returns callback object 109 +|onError|Function|returns callback object 91 91 92 -== 3.3 Tracking in app events == 111 +{{showhide id="3" showmessage="Example" hidemessage="Example"}} 112 +{{code language="javascript"}} 113 + initLibrary = () => { 114 + if (Platform.OS === 'android') { 115 + Mobigate.init("V0K6jhiIfem6CRWHYZ59Nmj3oFBBKbJsnSsWfR2JNq7ktblOUXwbJoBQTpWnw2uSwW76gpiu2kun50jweTY69B", 116 + { 117 + /*custom options, check docs for more details 118 + appIdentifier: 'customUserAppIdentifier', 119 + appInstallationSource: "customAppInstallationSourcexyz", 120 + email: 'testemail@gmail.com', 121 + userAgent: 'customUserAgent', 122 + customUserId: 'customUserId',*/ 123 + }, (success) => { 124 + /* You can configure custom collectors after init 125 + Mobigate.disableAllDataCollector() 126 + Mobigate.configureDataCollectors(true, [Mobigate.DATA_COLLECTOR_APPS_LIST, 127 + Mobigate.DATA_COLLECTOR_BATTERY, 128 + Mobigate.DATA_COLLECTOR_PHONE_INFO])*/ 93 93 130 + Mobigate.startSDK((result) => { 131 + this.setState({ 132 + status: 'started', 133 + }); 134 + 135 + }, (errorResult) => { 136 + this.setState({ 137 + status: errorResult, 138 + }); 139 + }) 140 + }, (initError) => { 141 + this.setState({ 142 + status: initError, 143 + }); 144 + }) 145 + }else{ 146 + this.setState({ 147 + status: 'Mobigate SDK supports only Android' 148 + }) 149 + } 150 + } 151 +{{/code}} 152 +{{/showhide}} 153 + 154 +== 3.2 Tracking in app events == 155 + 94 94 In-App Events provide insight on what is happening in your app. It is recommended to take the time and define the events you would like to measure. 95 95 96 -=== 3. 3.1 Overview ===158 +=== 3.2.1 Overview === 97 97 98 98 An event consists of two fields that you (% style="display:none" %) (%%)can use to describe a user's interaction with your app content: 99 99 ... ... @@ -103,31 +103,41 @@ 103 103 |(% style="width:200px" %)Parameter|(% style="width:200px" %)String|(% style="width:200px" %)no|(% style="width:200px" %)Event parameter. 104 104 There can be more than one 105 105 106 -You can use any event category or parameter string of your choice. However, flutter_mobigate plugin contains recommended event categories and parameters via String constants (see [[Event categories>>doc:||anchor="H3.2.3Eventcategories"]] and [[Event parameters>>doc:||anchor="H3.2.4Eventparameters"]]).168 +You can use any event category or parameter string of your choice. However, react-native-mobigate plugin contains recommended event categories and parameters via String constants (see [[Event categories>>doc:||anchor="H3.2.3Eventcategories"]] and [[Event parameters>>doc:||anchor="H3.2.4Eventparameters"]]). 107 107 108 -=== 3. 3.2 Implementation ===170 +=== 3.2.2 Implementation === 109 109 110 110 Tracking in-app events is performed by two methods: 111 111 112 -** voidtrackEvent(Category category)**174 +**Mobigate.trackEvent(options)** 113 113 176 +{{showhide id="2" showmessage="Options" hidemessage="Options" effect="slide" effectduration="0.3"}} 114 114 (% class="table-bordered table-hover" style="border-color:powderblue" %) 115 -|=(% style="background-color:powderblue" %)Parameter|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Description 116 -|Category|Category class |Category class built with help of CategoryBuilder 178 +|=(% style="background-color:powderblue" %)Name|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Default|=(% style="background-color:powderblue" %)Description 179 +|name|String | | Event category name. 180 +|parameters|Json array| | Array of parameters. Look below on example. 181 +{{/showhide}} 117 117 118 118 {{showhide id="3" showmessage="Example" hidemessage="Example"}} 119 -{{code language="dart"}} 120 -mobigateInstance.trackEvent((CategoryBuilder(EventCategory.BEGIN_TRIAL) 121 - ..setParameter(EventParameter.CITY, "Warsaw") 122 - ..setParameter(EventParameter.CONTENT_ID, 523456) 123 - ..setParameter(EventParameter.COUPON_CODE, 97636572) 124 - ..setParameter(EventParameter.CUSTOMER_SEGMENT, [1, 2, 4])) 125 - .build()); 184 +{{code language="javascript"}} 185 + sendTrackEvent = () => { 186 + if (Platform.OS === 'android') { 187 + Mobigate.trackEvent({ 188 + name: Mobigate.CATEGORY_PURCHASE, 189 + parameters: { 190 + [Mobigate.PARAMETER_CONTENT_ID]: 42313532, 191 + [Mobigate.PARAMETER_PRICE]: 43.23, 192 + [Mobigate.PARAMETER_QUANTITY]: 2, 193 + 'userCustomParameterName':'simpleName' 194 + }, 195 + }) 196 + } 197 + } 126 126 {{/code}} 127 127 {{/showhide}} 128 128 129 129 130 -** voidtrackAppInstall(inttimestamp)**202 +**Mobigate.trackAppInstall(timestamp)** 131 131 132 132 (% class="table-bordered table-hover" style="border-color:powderblue" %) 133 133 |=(% style="background-color:powderblue" %)Parameter|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Description ... ... @@ -143,7 +143,7 @@ 143 143 {{/code}} 144 144 {{/showhide}} 145 145 146 -=== 3. 3.3 Event categories ===218 +=== 3.2.3 Event categories === 147 147 148 148 The following section describes the recommended structure of each event category. In-app events categories are defined as part of plugin String constants. 149 149