HMS Ads Kit — 3

Ali Mert Özhayta
Huawei Developers - Türkiye
4 min readJun 18, 2020

Merhaba, önceki yazılırımızda HMS Ads Kit entegrasyonuna ve reklam formatlarından Banner, Splash ve Interstitial Ads’lere değinmiştik. Bu yazımızda ise Rewarded Ad ve Native Ad’e değineceğiz.

Rewarded Ad

Rewarded Ads ile kullanıcıların görüntülemeyi seçtiği ve tam ekran video reklamı sonunda ödül veya avantajlar elde edebildiği projeninin basamaklarını adım adım inceleyelim.

  1. Öncelikle gerekli değişkenlerimizi oluşturup, HUAWEI Ads SDK’sını başlatmak için RewardedAdActivity sınıfının onCreate() yönteminde HwAds.init()‘i çağıralım.

2. Ardından reklamı yüklemek için oluşturduğumuz loadRewardAd() metodumuzu çağırarak reklamı oluşturalım ve reklamın yüklendiği ya da hata aldığı gibi durumlarda yapması gerekenlerini belirlediğimiz listener değişkenini oluşturalım.

3. Kullanıcı (watchAdButton) butonuna bastığı zaman reklam görüntülemesi karşılığında ödül alması için rewardAdShow() metodunu oluşturalım.

4. Son adım olarak RewardedAdActivity’nin XML dosya düzenini (res > layout > activity_rewarded_ad.xml) inceleyelim.

5. Tebrikler !!

Rewarded Ad Demo

Native Ad

Native Ad, ilk bakışta bir reklam gibi değil de uygulamanın bir parçasıymış gibi görünen ve reklamları uygulama akışına göre dizayn edileceğiniz video ya da fotoğraf içeren reklamlardır. Bu örneğimizde video içeren Native Ad ile ve ardından küçük ve büyük fotoğraf içeren Native Ad reklamlarını ScrollView içerisinde tutan aktivitenin basamaklarını adım adım inceleyeceğiz.

  1. Öncelikle gerekli değişkenlerimizi oluşturup, HUAWEI Ads SDK’sını başlatmak için NativeAdActivity sınıfının onCreate() yönteminde HwAds.init()‘i çağıralım.

2. NativeAdActivity’nin XML düzeni dosyasında (res > layout > activity_native_ad.xml) oluşturduğumuz ScrollView’ün içerisine 3 farklı reklamı göstermek için 3 tane farklı NativeView oluşturmamız gerekiyor. Öncelikle, ullanacağımız NativeView’lerin dizaynını içeren XML dosyalarını oluşturacağız.

Büyük fotoğraf ile video içerecek reklamların dizaynları aynı olmasını istediğimizden sadece NativeView dizaynını içeren bir XML dosyası oluşturacağız. (res > layout > native_video_template.xml)

Farklı bir dizayna sahip olan ve küçük fotoğraf içeren NativeView dizaynı için ayrı bir XML dosyası oluşturacağız. (res>layout>native_small_template.xml)

3. Ardından reklamları yüklemek için loadAd() metodumuza parametre olarak reklam id (addId) ve yüklemesini istediğimiz NativeView’ü ekleyerek çağıralım. loadAd() metodunda reklam ile ilgili durumları kontrol eden listener’ların reklamın yüklendiği ya da hata aldığı gibi durumlarda yapması gerekenleri belirleyelim.

4. Reklam başarılı bir şekilde yüklendikten sonra showNativeAd() metoduyla reklam verileriyle NativeView verilerini eşitleyelim. (Aynı zamanda eğer NativeView’leri dinamik bir şekilde oluşturacaksanız, NativeView’leri ara yüze bu metotla ekleyebilirsiniz.) Ayrıca NativeView’de göstereceğimiz reklam, video içeriyorsa videonun başlaması ve bitmesi gibi durumları dinleyen listener’ı da oluşturalım.

5. Son adım olarak NativeAdActivity’nin XML dosya düzenini (res > layout > activity_native_ad.xml) inceleyelim.

6. Tebrikler !!

Native Ad Demo

Bu yazımızda Rewarded Ad ve Native Ad’ten bahsetmiş olduk bir sonraki yazımızda görüşmek üzere :)

Huawei Mobile Servis ile ilgili karşılaştığınız sorunları linki kullanarak Huawei Developer Forum sayfasından sorabilir veya daha önce cevaplanmış olan soruları inceleyebilirsiniz.

Huawei Mobile Servis ile ilgili karşılaştığınız sorunları linki kullanarak Huawei Developer Forum sayfasından sorabilir veya daha önce cevaplanmış olan soruları inceleyebilirsiniz.

Referanslar

HMS Ads Kit kapsamlı rehber için tıklayınız.

HMS Ads Kit referanslar linki için tıklayınız.

HMS Ads Kit örnek kod linki için tıklayınız.

HMS Ads Kit sdk linki için tıklayınız.

--

--