feat: Add Targeting

Example/index.js

@@ -147,6 +147,7 @@ export default class Example extends Component {
           <BannerExample title="DFP - Multiple Ad Sizes">
             <PublisherBanner
               adSize="banner"
+              targeting="key:valeur|key2:valeur2"
               validAdSizes={['banner', 'largeBanner', 'mediumRectangle']}
               adUnitID="/6499/example/APIDemo/AdSizes"
               ref={el => (this._adSizesExample = el)}

README.md

@@ -50,6 +50,7 @@ import {
 <PublisherBanner
   adSize="fullBanner"
   adUnitID="your-admob-unit-id"
+  targeting="key:valeur|key1:valeur2|key2:[valeur3, valeur4]"
   testDevices={[PublisherBanner.simulatorId]}
   onAdFailedToLoad={error => console.error(error)}
   onAppEvent={event => console.log(event.name, event.info)}

RNPublisherBanner.js

@@ -102,6 +102,11 @@ PublisherBanner.propTypes = {
    */
   adUnitID: string,
 
+  /**
+  * DFP targeting
+  */
+  targeting: string,
+
   /**
    * Array of test devices. Use PublisherBanner.simulatorId for the simulator
    */

android/src/main/java/com/sbugert/rnadmob/RNPublisherBannerViewManager.java

@@ -31,6 +31,7 @@ class ReactPublisherAdView extends ReactViewGroup implements AppEventListener {
     protected PublisherAdView adView;
 
     String[] testDevices;
+    String targetString = null;
     AdSize[] validAdSizes;
     String adUnitID;
     AdSize adSize;
@@ -146,6 +147,18 @@ public void loadBanner() {
         this.adView.setAdSizes(adSizesArray);
 
         PublisherAdRequest.Builder adRequestBuilder = new PublisherAdRequest.Builder();
+        if (targetString != null) {
+            String[] parts = targetString.split("\\|");
+            for (String s : parts) {
+                if (s.contains(":")) {
+                    if (s.split(":").length > 1) {
+                        if (s.split(":")[0] != "" && s.split(":")[1] != "") {
+                            adRequestBuilder.addCustomTargeting(s.split(":")[0], s.split(":")[1]);
+                        }
+                    }
+                }
+            }
+        }
         if (testDevices != null) {
             for (int i = 0; i < testDevices.length; i++) {
                 adRequestBuilder.addTestDevice(testDevices[i]);
@@ -173,6 +186,10 @@ public void setAdSize(AdSize adSize) {
         this.adSize = adSize;
     }
 
+    public void setTargeting(String targeting) {
+        this.targetString = targeting;
+    }
+
     public void setValidAdSizes(AdSize[] adSizes) {
         this.validAdSizes = adSizes;
     }
@@ -193,6 +210,7 @@ public class RNPublisherBannerViewManager extends ViewGroupManager<ReactPublishe
     public static final String PROP_AD_SIZE = "adSize";
     public static final String PROP_VALID_AD_SIZES = "validAdSizes";
     public static final String PROP_AD_UNIT_ID = "adUnitID";
+    public static final String PROP_BANNER_TARGETING = "targeting";
     public static final String PROP_TEST_DEVICES = "testDevices";
 
     public static final String EVENT_SIZE_CHANGE = "onSizeChange";
@@ -246,6 +264,11 @@ public void setPropAdSize(final ReactPublisherAdView view, final String sizeStri
         view.setAdSize(adSize);
     }
 
+    @ReactProp(name = PROP_BANNER_TARGETING)
+     public void setTargeting(final ReactPublisherAdView view, final String targetingString) {
+        view.setTargeting(targetingString);
+    }
+
     @ReactProp(name = PROP_VALID_AD_SIZES)
     public void setPropValidAdSizes(final ReactPublisherAdView view, final ReadableArray adSizeStrings) {
         ReadableNativeArray nativeArray = (ReadableNativeArray)adSizeStrings;
@@ -290,6 +313,8 @@ private AdSize getAdSizeFromString(String adSize) {
                 return AdSize.SMART_BANNER;
             case "smartBanner":
                 return AdSize.SMART_BANNER;
+            case "fluid":
+                return AdSize.FLUID;
             default:
                 return AdSize.BANNER;
         }

ios/RNDFPBannerView.h

@@ -11,6 +11,7 @@
 @interface RNDFPBannerView : RCTView <GADBannerViewDelegate, GADAdSizeDelegate, GADAppEventDelegate>
 
 @property (nonatomic, copy) NSArray *validAdSizes;
+@property (nonatomic, copy) NSString *targeting;
 @property (nonatomic, copy) NSArray *testDevices;
 
 @property (nonatomic, copy) RCTBubblingEventBlock onSizeChange;

ios/RNDFPBannerView.m

@@ -52,7 +52,27 @@ - (void)insertReactSubview:(UIView *)subview atIndex:(NSInteger)atIndex
 #pragma clang diagnostic pop
 
 - (void)loadBanner {
-    GADRequest *request = [GADRequest request];
+    DFPRequest *request = [DFPRequest request];
+   if ([_targeting length] > 0) {
+        NSArray *array = [_targeting componentsSeparatedByString:@"|"];
+        NSMutableDictionary *customtargeting = [[NSMutableDictionary alloc] initWithCapacity:[array count]];
+
+        for (int i = 0 ; i < [array count] ; i++) {
+            id objet = [array objectAtIndex:i];
+            if ([objet length] > 0 && objet) {
+                NSArray *array2 = [objet componentsSeparatedByString:@":"];
+                if ([array2 count]>1) {
+                    NSString *key = [array2 objectAtIndex:0];
+                    NSString *valeur = [array2 objectAtIndex:1];
+                    if (valeur && ![valeur isEqual:@"[]"]) {
+                        [customtargeting setObject:valeur forKey: key];
+                    }
+                }
+            }
+        }
+
+        request.customTargeting = customtargeting;
+    }
     request.testDevices = _testDevices;
     [_bannerView loadRequest:request];
 }

ios/RNDFPBannerViewManager.m

@@ -40,6 +40,7 @@ - (dispatch_queue_t)methodQueue
 RCT_REMAP_VIEW_PROPERTY(adSize, _bannerView.adSize, GADAdSize)
 RCT_REMAP_VIEW_PROPERTY(adUnitID, _bannerView.adUnitID, NSString)
 RCT_EXPORT_VIEW_PROPERTY(validAdSizes, NSArray)
+RCT_EXPORT_VIEW_PROPERTY(targeting, NSString)
 RCT_EXPORT_VIEW_PROPERTY(testDevices, NSArray)
 
 RCT_EXPORT_VIEW_PROPERTY(onSizeChange, RCTBubblingEventBlock)