React Native

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

React Native SDK Integration

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:

Security.Framework

AdServices.Framework

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:

notification_importantImportant Do not replicate or copy/paste event structures from other analytics providers to ByteBrew, this will lead to malformed event reporting. Follow ByteBrew's event structure in the following documentation.

Custom Events

See samples below to see how to code Custom Events:

notification_importantImportant Do not use (1) spaces, (2) periods ".", or (3) colons ":" in your custom events. As an alternative to spaces in custom events, use "_". Ex. "key_name=value;".

Custom event names that include (1) spaces, (2) periods "." or (3) colons ":" will not be processed on the dashboard. These events are unrecognized by ByteBrew and antipattern to ByteBrew's event structure.

For parameters under custom events, do not use spaces.

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:

infoNote If you are calling to get/update Remote Configs in the same scene as your ByteBrew initialization, it's recommended to add a 1-2 seciond wait before calling to get/update Remote Configs to allow ByteBrew to fully initialize.

notification_importantImportant Do not spam config calls in your app code. Apps that spam remote configs calls with behavior such as: calling configs each game frame, or rapidly firing multiple calls per user will be auto flagged and potentially paused.

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();

Retrieve the Configs

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

infoNote Additionally, you can grab A/B Test keys and values using this method. If the user is part of the control group it won't return anything but the default parameter value set.

                                
          
                                //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.

infoNote If you are using Push Notifications in ByteBrew, you must first call InitializeByteBrew before calling StartPushNotifications.

notification_importantImportantIn addition to setting up Push Notifications in the SDK, there is additional setup required on the ByteBrew dashboard to get up and running. Visit the Push Notifications documentation page for all the steps to get step.

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.

infoNote In order to create a push app, you must first create an game or app on the ByteBrew dashboard.

Push Notification Android Manifest (Required Android Only)

notification_importantImportantIf your app targets Android API Level 33 and above, make sure your implement this manifest permission.

                                
                                    <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:

infoNote For the best step by step walkthrough on push notification integration, watch the video tutorial series on the ByteBrew Youtube Channel.

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:

infoNote To help avoid any common mistakes made during integration of purchases follow the below:

fiber_manual_record

You do not not need to use track using both the basic tracking purchase method and purchases validation methods. The purchase validation method also tracks purchases. Using both methods will cause your purchases to double.

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:

notification_importantImportantMake sure the receipts have correct JSON string formatting.

                                

                                    //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:

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

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

"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:

notification_importantImportantMake sure the receipts have correct JSON string formatting.

                                
                                
 
                                    //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:

infoNoteTracking Ad Events in the ByteBrew SDK is required for visualizing pLTV and pROAS calculations on the Attribution dashboard.

                                
                                
                            
                                    // 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:

infoNote Data Attributes should not be spammed or used to continuoisly update a set of values a single user. If our system detects or tracks that your game(s) are spamming this method, it will automatically turn off your Data Attribute tracking. See list for most common forms of spamming:

fiber_manual_record

Sending a high frequency of updates per second or per user.

fiber_manual_record

Using Data Attributes like Custom Events.

fiber_manual_record

Sending updates to Data Attributes in bulk by updating all attributes at once instead of one value that was changed.

fiber_manual_record

Sending unnecessary updates by updating data attributes with repeated values.

                                

  
                                    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

What is the minimum OS versions required for ByteBrew SDK?

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

Can I use two push notification providers at once?

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.

Is there any callback needed for Push Notifications?

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

What is the minimum Android API version for ByteBrew?

API Level 22 (Android 5.1)

How long does it take for my Configs or my A/B Test to deliver to my players?

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

Should I convert revenue to USD?

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

lightbulb Pro Tip Initialize ByteBrew in the beginning of your app or game.