Changes for page React native integration
Last modified by Developer on 2020/01/03 12:47
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -155,10 +155,68 @@ 155 155 156 156 == 3.2 Tracking in app events == 157 157 158 +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. 159 + 158 158 === 3.2.1 Overview === 159 159 162 +An event consists of two fields that you (% style="display:none" %) (%%)can use to describe a user's interaction with your app content: 163 + 164 +(% class="table-bordered table-hover" %) 165 +|(% style="background-color:powderblue; width:200px" %)**Field name**|(% style="background-color:powderblue; width:200px" %)**Type**|(% style="background-color:powderblue; width:200px" %)**Required**|(% style="background-color:powderblue; width:200px" %)**Description** 166 +|(% style="width:200px" %)Category|(% style="width:200px" %)String|(% style="width:200px" %)yes|(% style="width:200px" %)Event category 167 +|(% style="width:200px" %)Parameter|(% style="width:200px" %)String|(% style="width:200px" %)no|(% style="width:200px" %)Event parameter. 168 +There can be more than one 169 + 170 +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"]]). 171 + 160 160 === 3.2.2 Implementation === 161 161 174 +Tracking in-app events is performed by two methods: 175 + 176 +**Mobigate.trackEvent(options)** 177 + 178 +{{showhide id="2" showmessage="Options" hidemessage="Options"}} 179 +(% class="table-bordered table-hover" style="border-color:powderblue" %) 180 +|=(% style="background-color:powderblue" %)Name|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Default|=(% style="background-color:powderblue" %)Description 181 +|name|String | | Event category name. 182 +|parameters|Json array| | Array of parameters. Look below on example. 183 +{{/showhide}} 184 + 185 +{{showhide id="3" showmessage="Example" hidemessage="Example"}} 186 +{{code language="javascript"}} 187 + sendTrackEvent = () => { 188 + if (Platform.OS === 'android') { 189 + Mobigate.trackEvent({ 190 + name: Mobigate.CATEGORY_PURCHASE, 191 + parameters: { 192 + [Mobigate.PARAMETER_CONTENT_ID]: 42313532, 193 + [Mobigate.PARAMETER_PRICE]: 43.23, 194 + [Mobigate.PARAMETER_QUANTITY]: 2, 195 + 'userCustomParameterName':'simpleName' 196 + }, 197 + }) 198 + } 199 + } 200 +{{/code}} 201 +{{/showhide}} 202 + 203 + 204 +**Mobigate.trackAppInstall(timestamp)** 205 + 206 +(% class="table-bordered table-hover" style="border-color:powderblue" %) 207 +|=(% style="background-color:powderblue" %)Parameter|=(% style="background-color:powderblue" %)Type|=(% style="background-color:powderblue" %)Description 208 +|timestamp|double|Unix timestamp in milliseconds 209 + 210 +{{showhide id="3" showmessage="Example" hidemessage="Example"}} 211 +{{code language="javascript"}} 212 + sendTrackEvent = () => { 213 + if (Platform.OS === 'android') { 214 + Mobigate.trackAppInstall(1578042916000) 215 + } 216 + } 217 +{{/code}} 218 +{{/showhide}} 219 + 162 162 === 3.2.3 Event categories === 163 163 164 164 === 3.2.4 Event parameters ===