React Native

Learn how to integrate ByteBrew's light-weight React Native SDK.

React Native SDK Integration

tag Watch Video play_circle

Follow the steps below to integrate the ByteBrew SDK or watch the tutorial video for a step by step walkthrough:

Step 1

Import ByteBrew React Native SDK

Install the ByteBrew React Native SDK dependency to your project. You can find the ByteBrew SDK on npm.

                                
                                
                                
                                npm install react-native-bytebrew-sdk
  

                                
                            
Step 2

Go to your ByteBrew Dashboard

Go to your Game Settings page on the ByteBrew dashboard and locate your app keys listed on the dashboard. After finding your app keys, copy them.

Step 3

Initialize ByteBrew with App Keys

Initialize ByteBrew using the code below at the beginning of your game to start capturing sessions and events.

Split the initialization by platform and input the corresponding app keys from the ByteBrew dashboard into their parameter fields.

                                
                                
                                
                                import ByteBrew from 'react-native-bytebrew-sdk';

                                // ...

                                // Initialize the ByteBrew SDK
                                if(Platform.OS == "android") {
                                    ByteBrew.Initialize("ANDROID_APP_ID", "ANDROID_SDK_KEY");
                                } else if(Platform.OS == "ios") {
                                    ByteBrew.Initialize("IOS_APP_ID", "IOS_SDK_KEY");
                                }

                  
                                
                                
                            
Step 4

Exporting iOS Requirements

ByteBrew requires the following three iOS frameworks:

1

Security.Framework

2

AdServices.Framework

3

AdSupport.Framework

Implement these frameworks above in your final xcode project as frameworks.

Custom Events Tracking

tag

Custom Events in ByteBrew enable you to deep dive across all of our extensive analytics dashboards. Continue below to learn how to integrate custom events.

Custom Events on ByteBrew allow for an unlimited number of key_name=value; sub-parameters under the custom event. For example, you can have a custom event called “level” that has a subparameter under the event named “levelnumber” and the values of that Level Number subparameter could be “1, 2, 3, 4, 5, etc.”. Additionally you could add in other subparameters for attributes inside the levels of your game, such as "powerups", to show the different equipment used in levels with parameter values "fireball, revive, doublepoints, etc.". The world is your oyster with custom events, so build as complex of an event system as you need for your game. To illustrate our custom event structure visually, see the following diagram:

Custom Events

See samples below to see how to code Custom Events:

Basic Custom Event:

                                

                                    
                                    //Basic Custom Event without any sub-parameters
                                    ByteBrew.NewCustomEvent("eventName");

                                    //Basic Custom Event with a sub-parameter
                                    ByteBrew.NewCustomEvent("CustomEventName", "key_name=value;");

                                    //Examples
                                    ByteBrew.NewCustomEvent("GamePurchaseVC", "currency=GOLD;amount=500;character=viking;");
                                    ByteBrew.NewCustomEvent("LevelCompleted", "level=25;character=viking;");

                  
                                    
                                
                            

Dictionary Custom Event Tracking Method:

To easily add additional custom sub-parameters to an event with a dictionary method using string "key_name=value;" pairs shown below:

                                
                                
                                //Key Value format "key_name=value;"
                                //Custom Events can take multiple pairs, "key_name1=value1;key_name2=value2;key_name3=value3;"
                                ByteBrew.NewCustomEvent("test_sub_params", "hello_world=yes;adwatch_count=1;");


                                
                            

Remote Configs & A/B Tests

tag

Remote Configs allow you to make updates to your app remotely without having to update your game's app store. Adding remote configs to your games are a fantastic way to be agile and send updates or patches to players instantly. Remote Configs are also utilized for creating A/B Tests on the platform.

When planning to integrate Remote Configs, We recommend implementing remote configs throughout all parts of your game to allow you to tweak and tune as you analyze your game performance data. See how to implement remote configs in your game by following the steps below:

1

Loading the Remote Configs

To use Remote Configs, you must first call for the config to get updated. You can call the below code whenever you want to update the configs:

                                
                                
                                    

                                    //Call the Action handler 
                                    ByteBrew.LoadRemoteConfigs().then(value => {
                                      if(value) {
                                        
                                      }
                                    });
                                  
                                    //Check if the remote configs are ready and set
                                    var hasSet = await ByteBrew.HasRemoteConfigsBeenSet();
            
                                    
                                
                                
                            
2

Retrieve the Configs

Once the action handler has finished, you can call the remote config method below:

                                
          
                                //Call to get the key specific value and if the key doesn't exist it will return the default variable specified, like if the AB test user is in the control group
                                var config = await ByteBrew.RetrieveRemoteConfigValue("test_key", "Nothing");
                                
                                //Or ...
                                ByteBrew.RetrieveRemoteConfigValue("test_key", "Nothing").then(config => {
                                    
                                });
                                
                                
                            

Push Notifications

tag

Using ByteBrew you can send cross-platform push notifications to your players around the globe. To get started with push notifications follow the steps below.

Step 1

Integrate Push Notifications

Integrating Push Notifications with ByteBrew is super simple and only requires one line of code after initializing the ByteBrew SDK. See the Push Notification integration code line below:

                                
                                
                           
                                
                      
                                ByteBrew.StartPushNotifications();


                                    
                                
                                
                            
Step 2

Create Push Notification App on the ByteBrew Dashboard

Go to the Push Notification dashboard on ByteBrew and create a new Push Notification App. See our Push Notification Dashboard documentation for step by step walkthroughs about this.

Push Notification Android Manifest (Required Android Only)

                                
                                    <uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>
                                
                            

Push Notification Xcode Export Additions (Required iOS Only)

For sending notifications to iOS devices, follow the additional required steps below on Xcode:

Step 1

Add UserNotifications.framework

Add UserNotifications.framework to the frameworks and libraries in Xcode.

Step 2

Add Capabilities

Press "+ Capability" and add the following capabilities listed in steps 3 and 4 below.

Step 3

Add "Background Modes" and under that section, checkmark "Remote Notifications

Step 4

Add "Push Notifications"

Track Purchases

tag

In ByteBrew SDK you can track all your game or apps in-app purchases to analyze your monetization performance on the dashboard. There are two ways to track purchases on ByteBrew. The first way is to use basic in-app purchase events. The second way is to use our real-time server-side purchase validation to validate real purchases vs. fraudulent transactions. See below to learn how to implement either method.

Track Basic In-App Purchases

To track in-app purchases in your game, use the below method:

                                                             
   
                                
                                ByteBrew.TrackInAppPurchase(store, currency, amount, itemID, category);
  
                                
                                
                            

Track Validated Purchases

On ByteBrew, we offer a real-time server-side purchase validation to stop purchase fraud from client-side purchase receipt tampering that takes place in mobile games and apps. To utilize this validation you have two options: (1) a method with a callback to retrieve if a purchase was valid and (2) a method just to validate purchases without a callback. Follow below sections for code snippets for each function:

Purchase Validation with Callback

To track validated in-app purchases utilize the platform specific method. Using this method will create a purchase callback that will return a payload with the purchases details and verification status. See below for the Return Results and message definitions:

                                

                                    //JSON Format ex. string json = "{\"firstname\":\"john\", \"lastname\":\"doe\",\"age\":30}";

                                    //Retrieve the iOS receipt from the purchase event that occurs. We will validate it server side so you can view valid purchases in you dashboard.
                                    var appleResults = await ByteBrew.ValidateAppleInAppPurchase(store, currency, amount, itemID, category, receipt);
                                    console.log(appleResults["purchaseProcessed"])  //bool telling if the purchase even went to the server to get checked
                                    console.log(appleResults["isValid"]);           //bool signaling if the purchase is real or fake
                                    console.log(appleResults["message"]);           //Message from the server telling the explaination behind the decision
                                    console.log(appleResults["timestamp"]);
                                    
                                    //Retrieve the Android receipt and Signature from the purchase event that occurs. We will validate it server side so you can view valid purchases in you dashboard.
                                    var googleResults = await ByteBrew.ValidateGoogleInAppPurchase(store, currency, amount, itemID, category, receipt, signature);
                                    console.log(googleResults["purchaseProcessed"])  //bool telling if the purchase even went to the server to get checked
                                    console.log(googleResults["isValid"]);           //bool signaling if the purchase is real or fake
                                    console.log(googleResults["message"]);           //Message from the server telling the explaination behind the decision
                                    console.log(googleResults["timestamp"]);
                                 

                                
                            

Returned Results:

The following table are the possible returning results:

fiber_manual_record
purchaseProcessed: Boolean communicating if the purchase was processed by the server.
fiber_manual_record
isValid: Boolean telling if the purchase is Real or Fake.

Returned Results Message:

In addition to the Return Result you will also recieve a message. See below for possible output messages and their definition:

A

"Validation Successful, real purchase.": This means that the message as a real purchase.

B

"Validation Failed, fake purchase.": This means that the purchase is fake or fraudulent.

C

"Error validating receipt, check game configs.": This message means that there might be an issue with the implementation. Check to make sure that the purchaseProcessed boolean is True and go to your game settings on the ByteBrew dashboard to update your Apple App Shared Secret and Google Play License Key.

Purchase Validation without Callback

To track in-app purchases using our validation system without looking for the purchase callback, utilize the platform specific method code snippets below:

                                
                                
 
                                    //JSON Format ex. string json = "{\"firstname\":\"john\", \"lastname\":\"doe\",\"age\":30}";

                                    //Retrieve the iOS receipt from the purchase event that occurs. We will validate it server side so you can view valid purchases in you dashboard.
                                    ByteBrew.TrackAppleInAppPurchase(store, currency, amount, itemID, category, receipt);
                                
                                    //Retrieve the Android receipt and Signature from the purchase event that occurs. We will validate it server side so you can view valid purchases in you dashboard.
                                    ByteBrew.TrackGoogleInAppPurchase(store, currency, amount, itemID, category, receipt, signature);
                          

                                
                            

Ad Tracking Event

tag

Using ByteBrew you can track your game's or app's ad events. Tracking Ad Events will enable you to see breakdowns of your ads in the monetization dashboard. See the code snippets below to learn how to track ad events:

                                
                                
                            
                                    // Record the Placement Type, Location of the placement, ad unit ID, and Network
                                    ByteBrew.TrackAdEvent("Interstitial", "HomeScreen", "3253k3302-3r3j4i343-3nij343-405403", "AdMob");
                                  
                                    //Some ad event paramters can be ommited like so
                                    ByteBrew.TrackAdEvent("Reward", "HomeScreen");
                                    ByteBrew.TrackAdEvent("Banner", "HomeScreen", "3253k3302-3r3j4i343-3nij343-405403");
                                  

                                
                            

Data Attributes

tag

Data attributes are tags in the SDK that you can give a user to define them more specifically on the dashboard when filtering. For example, you can use data attributes to tag to users to build player segments to send targeted push notifications. If you are looking to update values on users at certain locations of your game, then use Custom Events with subparamters to track that type of update. See the following code snippets for examples on how to use Data Attributes:

                                

  
                                    ByteBrew.SetCustomDataAttribute("clicked", "yep");
                                    ByteBrew.SetCustomDataAttribute("intItem", 2);
                                    ByteBrew.SetCustomDataAttribute("boolItem", true);
                                    ByteBrew.SetCustomDataAttribute("doubleItem", 29.99);                                



                                
                            

Get User ID

tag

GetUserID method in the SDK enables you to grab the current User ID of the user in your game. This is a handy method for finding the ID for a user you want to send a specific push notification to.

                                
                          
                                
                                // Get the string userID
                                var user_id = await ByteBrew.GetUserID();



                                
                            

Stop Tracking Current User

tag

In the ByteBrew SDK, you have the option to stop tracking any user in your game by calling the ByteBrew StopTracking method. This will immediately stop and disable any tracking for a user. As another alternative method to disabling tracking, you can build your own consent pop-up prompt screen in your game or app and delay the initialization of ByteBrew SDK until your user has consented/agreed to your prompt.

                                
  
                           
                                
                                ByteBrew.StopTracking();


                                
                                
                            

SDK FAQs

ByteBrew supports Android 5.1 and above & iOS version 9.0 and above.

No, you can only use one push notification service or provider to send notifications at one time. However, if you are only using ByteBrew for our other services, then you can use another platform's push notifications SDK while still using ByteBrew SDK without any issues.

No, Push Notifications has it's own internal callback, so no other callback is necessary.

API Level 22 (Android 5.1)

A/B Tests deliver configs using your Remote Configs integration. Remote Configs delivered in milliseconds to your players after the ByteBrew SDK is initialized.

Yes, whether tracking in-app purchases or using Custom Events that send revenue parameters, the revenue you send should be in USD.