Ionic/Angular でアプリ実行なら「AdMob」、ブラウザ実行なら「AdSense」と処理を分けたい

Question

Ionic / Angularを使用して、モバイルアプリ・WEBブラウザから実行可能なアプリケーションを作成中です。

モバイルアプリ側でAdMobを使用しての広告表示に成功しました。
WEBブラウザからはAdSenseを使用して広告を表示したいのですが
AdSenseはモバイルアプリでは使用が禁止されているため
・アプリから実行ならAdMob
・ブラウザから実行ならAdSense
というように処理を分けたいです。

どのように実装すべきでしょうか。

Answer 1

具体的なコードは思いつきませんが、Platformを使う事で「アプリかwebか」は判別できます。
https://ionicframework.com/docs/angular/platform

こちらはiOSかAndroidか判別する例ですが、どちらかをhybridにして、elseで分ければ良いかと！
https://stackoverflow.com/questions/51816498/how-to-detect-platform-using-ionic-4

if (this.platform.is('hybrid')) {
           console.log('アプリで実行されてる');
      } else {
           console.log('アプリじゃない');
        }

Comments

[hinatahinata]

回答ありがとうございます！
Ionic platformのページを確認いたしました。
『hybrid』の場合『a device running Capacitor or Cordova』ということですが、PCやモバイルのブラウザの場合はfalseになる、という理解で正しいでしょうか？

[Gento]

その認識で合ってると思います。CapacitorとCordovaは、javascriptやHTMLをネイティブアプリのwebviewに変換する役割なので、ブラウザでは起動しません。

[hinatahinata]

実際に試してうまくいきました！
ありがとうございます！