> [!NOTE] > **Note:** Fyber Marketplace is now DT Exchange. This guide shows you how to use Google Mobile Ads SDK for React Native to load and display ads from DT Exchange using [mediation](https://developers.google.com/admob/react-native/mediation.md.txt), covering waterfall integrations. It covers how to add DT Exchange to an ad unit's mediation configuration, and how to integrate the DT Exchange SDK and adapter into a React Native app. ## Supported integrations and ad formats The React Native mediation adapter for DT Exchange has the following capabilities: | Integration || |---|---| | Bidding | Yes | | Waterfall | Yes | | App Open | | | Banner | Yes | | Interstitial | Yes | | Rewarded | Yes | | Rewarded Interstitial | | | Native | Yes | ## Prerequisites Before you continue, verify the following: - Latest Google Mobile Ads SDK for React Native version. - React Native framework version 0.85.0 or later. - To deploy on Android - Android API level 24 or later. - To deploy on iOS - iOS deployment target of 15.0 or later. - A working React Native project configured with Google Mobile Ads SDK for React Native. See [Set up Google Mobile Ads SDK for React Native](https://developers.google.com/admob/react-native/quick-start.md.txt) for details. - Make sure you have downloaded and extracted the `adapters` folder from the [`gma-sdk-react-native`](https://drive.google.com/corp/drive/folders/1s5j2kx0yyYxLsdLNyBrhNJvkzmaUgOwD) folder. If you don't have the `adapters` folder, follow steps one, two, and three in [Install Google Mobile Ads SDK for React Native](https://developers.google.com/admob/react-native/quick-start.md.txt#install). - [Set up AdMob Mediation](https://developers.google.com/admob/react-native/mediation.md.txt). ## Step 1: Set up configurations in DT Exchange UI ### Add new app and ad placement [Sign up](https://console.fyber.com/sign-up) or [log in](https://console.fyber.com/login) to DT Exchange Console. Click **Add App**. ![Manage Apps](https://developers.google.com/static/admob/images/mediation/dtexchange/DTExchange0.png) Choose your platform and placements, fill out the rest of the form, and then click **Create App**. ### Android ![](https://developers.google.com/static/admob/images/mediation/dtexchange/DTExchange-Android1.png) ### iOS ![](https://developers.google.com/static/admob/images/mediation/dtexchange/DTExchange-iOS1.png) Enter the names and select the types for your placements. Then, click **Save Placement**. ![Setup](https://developers.google.com/static/admob/images/mediation/dtexchange/DTExchange2.png) ### App ID and Placement ID Hover over the left navigation bar to open it, then click **App Management**. ![](https://developers.google.com/static/admob/images/mediation/dtexchange/DTExchange-menu.png) On the **App Management** page, take note of the **App ID** next to your app. ![](https://developers.google.com/static/admob/images/mediation/dtexchange/DTExchange3.png) Select your app and navigate to the **Placements** tab. Take note of the **Placement ID**.. ![Placement ID](https://developers.google.com/static/admob/images/mediation/dtexchange/DTExchange-placement-id.png) ### Publisher ID, Consumer Key and Consumer Secret Click your username from the left menu and select **User Profile**. ![](https://developers.google.com/static/admob/images/mediation/dtexchange/DTExchange-User-Profile-Menu.png) Take note of the **Publisher ID** , **Consumer Key** , and **Consumer Secret** as these are needed in the next step. ![User Profile](https://developers.google.com/static/admob/images/mediation/dtexchange/DTExchange-User-Profile.png) ### Update your app-ads.txt [Authorized Sellers for Apps app-ads.txt](https://iabtechlab.com/wp-content/uploads/2019/03/app-ads.txt-v1.0-final-.pdf) is an IAB Tech Lab initiative that helps ensure your app ad inventory is only sold through channels you've identified as authorized. To prevent a significant loss in ad revenue, you'll need to implement an `app-ads.txt` file. If you haven't done so already, [set up an app-ads.txt file for your app](https://support.google.com/admob/answer/9363762). To implement `app-ads.txt` for DT Exchange, [Add DT to your app-ads.txt file](https://developer.digitalturbine.com/hc/en-us/articles/360009975198-app-ads-txt#01FN8J1SFM3HS6YBNZTG07HYYE). ## Step 2: Set up DT Exchange demand in AdMob UI ### Configure mediation settings for your ad unit ### Android For instructions, see step 2 in the guide for [Android](https://developers.google.com/admob/android/mediation/dt-exchange.md.txt#step-2). ### iOS For instructions, see step 2 in the guide for [iOS](https://developers.google.com/admob/ios/mediation/dt-exchange.md.txt#step-2). ### Add DT Exchange to GDPR and US state regulations ad partners list > [!IMPORTANT] > **Important:** Verify that you have **Account Management** permission to complete the configuration for EU Consent and GDPR, US State regulations, and User Messaging Platform. See [Manage user access to your > account](https://support.google.com/admob/answer/2784628) for details. Follow the steps in [European regulations settings](https://support.google.com/admob/answer/10113004#adding_ad_partners_to_published_gdpr_messages) and [US state regulations settings](https://support.google.com/admob/answer/14125907) to add **DT Exchange (Fyber Monetization)** to the European and US state regulations ad partners list in the AdMob UI. ## Step 3: Import the DT Exchange SDK and adapter > [!NOTE] > **Note:** Failure to integrate the compatible DT Exchange and Google Mobile Ads SDK for React Native versions might lead to build issues. In your project's root directory, install the Google Mobile Ads SDK for React Native mediation adapter for DT Exchange. Complete the following: 1. Copy the Google Mobile Ads SDK for React Native adapter tar file from the `gma-sdk-react-native/adapters/dt-exchange/` directory into your project's `local_packages/` directory. If you don't have the `adapters` folder, see [Prerequisites](https://developers.google.com/admob/react-native/mediation/dt-exchange.md.txt#prerequisites). ```bash mkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/dt-exchange/gma-mediation-dtexchange-0.1.0.tgz local_packages/ ``` Replace EXTRACT_DIR with the path to the directory where you extracted the archive. 2. Install the adapter package using your preferred package manager: ### npm ```bash npm install ./local_packages/gma-mediation-dtexchange-0.1.0.tgz ``` ### yarn ```bash yarn add ./local_packages/gma-mediation-dtexchange-0.1.0.tgz ``` ## Step 4: Implement privacy settings on DT Exchange SDK ### EU consent and GDPR To [comply with the Google EU User Consent Policy](https://www.google.com/about/company/consentstaging.html), you must make certain disclosures to your users in the European Economic Area (EEA), the UK, and Switzerland, and obtain their consent for the use of cookies or other local storage where legally required, and for the collection, sharing, and use of personal data for ads personalization. This policy reflects the requirements of the EU ePrivacy Directive and the General Data Protection Regulation (GDPR). You are responsible for verifying that consent is propagated to each ad source in your mediation chain. DT Exchange React Native adapter version 0.1.0 and later supports passing GDPR consent signals from consent management platforms that integrate with IAB's Transparency and Consent Framework (TCF) to DT Exchange SDK. For more information, see [Android](https://docs.digitalturbine.com/dt-exchange/sdk-configuration/integrating-the-android-sdk#gdpr) and [iOS](https://docs.digitalturbine.com/dt-exchange/sdk-configuration/integrating-the-ios-sdk#h_01j64gft6cdgx97eyg11t7dfyf) GDPR documentation. ### US states privacy laws [US states privacy laws](https://support.google.com/admob/answer/9561022) require giving users the right to opt out of the "sale" of their "personal information" (as the law defines those terms), with the opt-out offered through a prominent "Do Not Sell My Personal Information" link on the "selling" party's homepage. The [US states privacy laws compliance guide](https://developers.google.com/admob/react-native/privacy/us-states) offers the ability to enable [restricted data processing](https://privacy.google.com/businesses/rdp/) for Google ad serving, but Google is unable to apply this setting to each ad network in your mediation chain. Therefore, you must identify each ad network in your mediation chain that may participate in the sale of personal information and follow guidance from each of those networks to ensure compliance. The following sample code demonstrates how to pass consent information to the DT Exchange adapter manually: ```typescript import { DTExchangeMediation } from '@google/gma-mediation-dtexchange'; // ... DTExchangeMediation.setUSPrivacyString('myUSPrivacyString'); // You can also clear CCPA consent information using the following method: DTExchangeMediation.clearUSPrivacyString(); ``` Visit [DT Exchange's CCPA Open Source](https://developer.digitalturbine.com/hc/en-us/articles/360010935578-CCPA-Open-Source-iOS-Android) article for more information and the values that can be provided in the method. ## Step 5: Add required code ### Android No additional code is required for DT Exchange integration. ### iOS ### SKAdNetwork integration Follow [DT Exchange's documentation](https://developer.digitalturbine.com/hc/en-us/articles/360011979758-Marketplace-Publisher-info-plist-iOS-14-SKAdNetwork-Checklist-) to add the SKAdNetwork identifiers to your project's `Info.plist` file. ## Step 6: Test your implementation ### Enable test ads Make sure you [register your test device](https://developers.google.com/admob/react-native/test-ads.md.txt#enable_test_devices) for AdMob. > [!IMPORTANT] > **Important:** Disable test mode for AdMob and DT Exchange before releasing your app. ### Verify test ads To verify that you are receiving test ads from DT Exchange, enable [single ad source testing](https://developers.google.com/admob/react-native/ad-inspector#single_ad_source_testing) in ad inspector using the **DT Exchange (Bidding) and DT Exchange (Waterfall)** ad source(s). ## Error codes If the adapter fails to receive an ad from DT Exchange, publishers can check the underlying error from the ad response using [`ResponseInfo`](https://developers.google.com/admob/react-native/response-info.md.txt) under the following class: ### Android ```java com.google.ads.mediation.fyber.FyberMediationAdapter ``` ### iOS ```objective-c GADMediationAdapterFyber ``` Here are the codes and accompanying messages thrown by the DT Exchange adapter when an ad fails to load: ### Android | Error code | Reason | |---|---| | 101 | DT Exchange server parameters configured in the AdMob UI are missing/invalid. | | 103 | The requested ad size does not match a DT Exchange supported banner size. | | 105 | DT SDK loaded an ad but returned an unexpected controller. | | 106 | Ad is not ready to display. | | 107 | Context is not an activity instance. | | 108 | Ad failed to be displayed. | | 200-399 | DT SDK returned an error. See [code](https://github.com/googleads/googleads-mobile-android-mediation/blob/master/ThirdPartyAdapters/fyber/fyber/src/main/java/com/google/ads/mediation/fyber/FyberAdapterUtils.java#L30-L118) for more details. | ### iOS | Error code | Reason | |---|---| | 0-10 | DT SDK returned an error. See [documentation](https://developer.fyber.com/hc/en-us/articles/360011618158-SDK-init#callback-completion-error-codes-0-2) for more details. | | 101 | DT Exchange server parameters configured in the AdMob UI are missing/invalid. | | 102 | The requested ad size does not match a DT Exchange supported banner size. | | 103 | Failed to show ad because ad object has already been used. | | 104 | Failed to show DT Exchange ads due to ad not ready. | | 105 | DT SDK returned an initialization error. | #### Version 0.1.0 - Initial release. - Supports [DT Exchange Android adapter version 8.4.7.1](https://github.com/googleads/googleads-mobile-android-mediation/blob/main/ThirdPartyAdapters/fyber/CHANGELOG.md#version-8471). - Supports [DT Exchange iOS adapter version 8.4.10.0](https://github.com/googleads/googleads-mobile-ios-mediation/blob/main/adapters/Fyber/CHANGELOG.md#version-84711). - Built and tested with the Google Mobile Ads React Native Plugin version 0.1.0.