Merhabalar, aslında topluluk tarafından yazılan bir plugin’i ios ve android’de çalışacak şekilde kullanımından bahsedeceğim. Bu kütüphane burada

Kurulumu

1. npm i react-native-admob -S

2. react-native link

3. (Sadece IOS için) Bu adresten Google Mobile Ads SDK’yı indirin zip’den çıkarın. İçerideki GoogleMobileAds.framework klasörünü projenizin bulunduğu ios/ dizinine atın. Sonra xcode üzerinden Linked Frameworks and Libraries sekmesinden + butonuna tıklayarak GoogleMobileAds.framework dosyasını bulun ve Open seçeneğine tıklayın.

Kullanımı

Dokümanında daha detaylı bir şekilde anlatılmış oradan faydalanabilirsiniz. Ben şu an versiyon 1.3.2 için kullanımından bahsedeceğim.

Toplamda google admob bize basitçe 3 tip reklam alanı veriyor (sadece basit olanları), bunlar:
1. Banner: Küçük reklam alanı. Yüksekliği belirli olan (yaklaşık 52 gibi) genişliği tam olan reklam çubuğu. 
2. Interstitial: Ekranın tamamını kaplayan tam ekran reklam alanı.
3. Rewarded video: Ekranın tamamını kaplayan ve genellikle 30 saniyelik videoları kullanıcılara izletmek için kullanılıyor.

Banner kullanımı

Tek yapmanız gereken ekranın istediğiniz alanına şu komutları yazmanız:

<AdMobBanner
    bannerSize="fullBanner"
    adUnitID="sizin-admob-birim-idniz"
    testDeviceID="EMULATOR"
    didFailToReceiveAdWithError={this.bannerError} />

sizin-admob-birim-idniz yazan alana kendi idnizi yazabilirsiniz. Eğer test etmek istiyorsanız burayı kullanın.
this.bannerError alanında herhangi bir hata olursa bunu size bildirmek için kullanabilirsiniz.

Interstitial Kullanımı

Bunun için id’nizi bir defaya mahsus tanımlamanız gerekiyor.

AdMobInterstitial.setAdUnitID('sizin-admob-birim-idniz');

Test cihaz id’si tanımlamak için ise:

AdMobInterstitial.setTestDeviceID('EMULATOR');

Ekranda görüntülemek için ise şu komutları kullanıyoruz:

AdMobInterstitial.requestAd(error => {
    AdMobInterstitial.showAd((error) => {});
});

Bu dokümanında yok. Gerekli açıklama için buraya bakınız.

Rewarded Video Kullanımı

Bu da Interstitial’a benziyor. Id’nizi bir defaya mahsus tanımlamanız gerekiyor.

AdMobRewarded.setAdUnitID('sizin-admob-birim-idniz');

Test için dokümanda bir şey yazılmamış. Ekranda görüntülemek için ise şu komutları kullanıyoruz:

AdMobRewarded.requestAd(error => {
    AdMobRewarded.showAd((error) => {});
});

Bu şekilde uygulamanıza reklam ekleyebilirsiniz. Bir sorun olursa bana bildirmeyi unutmayın. Bu makalenin video’sunu buradan izleyebilirsiniz. Aynı zamanda github üzerinde bir örnek yaptım onu da kullanabilirsiniz.

Bugün anlatacaklarım bu kadardı aklınıza takılan bir soru olursa çekinmeyin. Eğer bu konu hakkında veya konu dışı olarak bana soru sormak istiyorsanız https://github.com/abdurrahmanekr/bana-istedigini-sor repository’sinde bir issue açabilirsiniz. Youtube kanalıma abone olarak ve yayınladığım bu makaleyi paylaşarak bana destek olabilirsiniz. Diğer makalelerde görüşmek üzere :)