Huawei Reklamlarını AdMob Uyumlulaştırma Hizmeti ile Kullanma (React-Native)
Google AdMob, mobil uygulama geliştiricilerinin gelir etmesi amacıyla oluşturulmuş bir reklamcılık hizmetidir. Farklı reklam kaynaklarına aracılık oluşturması, reklam pazarındaki en büyük söz sahibi olması, birçok reklam türünü destekleyebilmesi ve platform çeşitliliği sayesinde hem reklamverenler hem de mobil uygulama geliştiricileri tarafından çoğunlukla tercih edilir.
Bu yazımda sizlere Google AdMob uyumlulaştırma hizmetini kullanarak React Native’de Huawei Ads reklamlarının nasıl gösterilecegini adım adım anlatacağım. Entegrasyon adımlarına başlamadan önce AdMob platformu üzerinden Huawei Ads reklamlarını uyumlulaştırma işlemini başarıyla tamamladığınıza emin olun.
Google AdMob uyumlulaştırma hizmetini gerçekleştirdikten sonra artık entegrasyon adımlarına geçebiliriz.
React Native platformunda AdMob kullanabilmek için öncelikle bir SDK’ya ihtiyacımız var. Google AdMob, React Native platformuna resmi destek sağlamadığı için entegrasyonu açık kaynak SDK’ler ile tamamlayacağız. Kullanacağımız SDK’lar, göstereceğimiz reklam türüne farklılık gösterebilir.
Referans verilecek açık kaynak SDK’lar bu makale için örnek olarak verilmiştir. React-Native’in Google AdMob’u destekleyen resmi veya açık kaynak başka bir SDK’sı var ise onları da kullanabilirsiniz.
Göstermek istediğiniz reklam tipleri Banner, Interstitial veya Rewarded ise aşağıdaki SDK’yı kullanabilirsiniz;
react-native-admob
Göstermek istediğiniz reklam tipi Native ise aşağıdaki SDK’yı kullanabilirsiniz.
react-native-admob-native-ads
SDK’yı native Android bağımlılığı için de yüklemek için link işlemini gerçekleştirmeyi unutmayın. Bu işlemin nasıl yapılacağını buradan inceyebilirsiniz.
Belirtilen adımları takip ederek SDK entegrasyonunu başarıyla tamamladıysanız, artık React-Native projenizde istediğiniz tüm AdMob reklamlarını görüntüleyebilirsiniz.
Google AdMob reklamlarının React-Native’de gösterilebilmesi için reklam test ID’leri ile oluşturulmuş kod parçalarını inceleyebilirsiniz.
AdMob Banner Reklamı
AdMob Interstitial Reklamı
AdMob Rewarded Reklamı
AdMob Native Ad
React-Native AdMob SDK entegrasyon adımlarını başarıyla tamamladıktan ve tüm reklam türlerini görüntüleyebildiğinizden emin olduktan sonra Huawei plugin entegrasyonuna başlayabilirsiniz. Bunu yapabilmek için, React-Native projenizin native Android kısmını Android Studio veya benzeri bir uygulamada açmanız gerekiyor.
Projenizin native Android kısmını açtıktan sonra ilk adım, proje düzeyindeki build-gradle dosyasına Huawei kaynağını eklemek.
Daha sonrasında ise uygulama düzeyindeki build-gradle dosyasına Huawei Ads Kit SDK’sını ve Huawei mediation plugin SDK’sını eklemeniz gerekiyor.
Verilen örnekteki SDK sürümleri güncel olmayabilir; güncel sürümleri aşağıdaki kaynaklardan takip edebilirsiniz.
Kütüphane entegrasyonu adımlarını başarıyla tamamladıysanız, artık tek yapmanız gereken Huawei reklamlarını görüntülemek. Huawei reklamları hakkında daha fazla bilgi almak için buradaki dökümanları inceleyebilirsiniz.
Google AdMob reklamlarını gösterebilmek için AdMob test ID’lerini kullanmıştık. Şimdi ise AdMob test ID’leri yerine Google AdMob uyumlulaştırma hizmeti ile oluşturduğumuz Huawei reklam ID’lerini kullanarak, Huawei reklamlarını görüntüleyeceğiz.
Yukarıdaki örnek reklam kod bloklarında verilen adUnitID değerlerini uyumlulaştırılmış Huawei ID’leri ile değiştiriyoruz. Banner reklam tipi için örnek kod bloğu aşağıdaki gibidir;
Interstitial, Rewarded ve Native reklam türleri için de adUnitID değerlerini değiştirerek Huawei reklamlarını gösterebilirsiniz.
Özet
Bu yazımda sizlere Google AdMob’un uyumlulaştırma hizmeti ile oluşturulan Huawei reklamlarının, React-Native platformu üzerinde Huawei uyumlulaştırma adaptörünü kullanarak nasıl gösterilebileceğini anlatmaya çalıştım. Umarım faydalı olmuştur :)
Kaynaklar
Huawei-AdMob mediation creation:
Huawei mediation adapter:
Huawei Ads Kit React Native:
How to use Huawei Ads with Google AdMob mediation:
https://clho40.medium.com/how-to-use-huawei-ads-with-google-admob-mediation-banner-ads-5ff1791e750c