feat(banner): Add onAdImpression and onAdClicked event listeners

Author: arunlodhi

android/src/main/java/io/invertase/googlemobileads/ReactNativeGoogleMobileAdsBannerAdViewManager.java

@@ -57,6 +57,8 @@ public class ReactNativeGoogleMobileAdsBannerAdViewManager
     extends SimpleViewManager<ReactNativeAdView> {
   private static final String REACT_CLASS = "RNGoogleMobileAdsBannerView";
   private final String EVENT_AD_LOADED = "onAdLoaded";
+  private final String EVENT_AD_IMPRESSION = "onAdImpression";
+  private final String EVENT_AD_CLICKED = "onAdClicked";
   private final String EVENT_AD_FAILED_TO_LOAD = "onAdFailedToLoad";
   private final String EVENT_AD_OPENED = "onAdOpened";
   private final String EVENT_AD_CLOSED = "onAdClosed";
@@ -283,6 +285,16 @@ public void onAdOpened() {
           public void onAdClosed() {
             sendEvent(reactViewGroup, EVENT_AD_CLOSED, null);
           }
+
+          @Override
+          public void onAdImpression {
+            sendEvent(reactViewGroup, EVENT_AD_IMPRESSION, null);
+          }
+
+          @Override
+          public void onAdClicked {
+            sendEvent(reactViewGroup, EVENT_AD_CLICKED, null);
+          }
         });
     if (adView instanceof AdManagerAdView) {
       ((AdManagerAdView) adView)

docs/displaying-ads.mdx

@@ -456,6 +456,8 @@ or network triggers an event:
 - `onAdFailedToLoad`
 - `onAdLeftApplication`
 - `onAdOpened`
+- `onAdImpression`
+- `onAdClicked`
 - `onPaid` — On [impression-level ad revenue](https://support.google.com/admob/answer/11322405?hl=en) events.
 
 Each render of the component loads a single advert, allowing you to display multiple adverts at once. If you need to reload/change

ios/RNGoogleMobileAds/RNGoogleMobileAdsBannerComponent.m

@@ -184,6 +184,14 @@ - (void)bannerViewWillPresentScreen:(GADBannerView *)bannerView {
   [self sendEvent:@"onAdOpened" payload:nil];
 }
 
+- (void)bannerViewDidRecordImpression:(GADBannerView *)bannerView {
+  [self sendEvent:@"onAdImpression" payload:nil];
+}
+
+- (void)bannerViewDidRecordClick:(GADBannerView *)bannerView {
+  [self sendEvent:@"onAdClicked" payload:nil];
+}
+
 - (void)bannerViewWillDismissScreen:(GADBannerView *)bannerView {
   // not in use
 }

ios/RNGoogleMobileAds/RNGoogleMobileAdsBannerView.mm

@@ -225,6 +225,25 @@ - (void)bannerViewWillPresentScreen:(GADBannerView *)bannerView {
   }
 }
 
+- (void)bannerViewDidRecordImpression:(GADBannerView *)bannerView {
+  if (_eventEmitter != nullptr) {
+    std::dynamic_pointer_cast<const facebook::react::RNGoogleMobileAdsBannerViewEventEmitter>(
+        _eventEmitter)
+        ->onNativeEvent(facebook::react::RNGoogleMobileAdsBannerViewEventEmitter::OnNativeEvent{
+            .type = "onAdImpression"});
+  }
+}
+
+- (void)bannerViewDidRecordClick:(GADBannerView *)bannerView {
+  if (_eventEmitter != nullptr) {
+    std::dynamic_pointer_cast<const facebook::react::RNGoogleMobileAdsBannerViewEventEmitter>(
+        _eventEmitter)
+        ->onNativeEvent(facebook::react::RNGoogleMobileAdsBannerViewEventEmitter::OnNativeEvent{
+            .type = "onAdClicked"});
+  }
+}
+
+
 - (void)bannerViewWillDismissScreen:(GADBannerView *)bannerView {
   // not in use
 }

src/ads/BaseAd.tsx

@@ -79,7 +79,7 @@ export const BaseAd = React.forwardRef<
             width: number;
             height: number;
           }
-        | { type: 'onAdOpened' | 'onAdClosed' }
+        | { type: 'onAdOpened' | 'onAdClosed' | 'onAdImpression' | 'onAdClicked' }
         | {
             type: 'onAdFailedToLoad';
             code: string;

src/types/BannerAdProps.ts

@@ -80,6 +80,16 @@ export interface BannerAdProps {
    */
   onAdOpened?: () => void;
 
+  /**
+   * Called when an impression is recorded for an ad.
+   */
+  onAdImpression?: () => void;
+
+  /**
+   * Called when a click is recorded for an ad
+   */
+  onAdClicked?: () => void;
+
   /**
    * Called when the user is about to return to the app after tapping on an ad.
    */