facebook twitter hatena line email

「Monaca/admob/admob-plus」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
行2: 行2:
 
admob-freeの後継
 
admob-freeの後継
  
==サンプル==
+
==インストール==
 
https://github.com/admob-plus/admob-plus
 
https://github.com/admob-plus/admob-plus
  
行17: 行17:
  
 
  admob.banner.show({ // 18行目はここなので、admobがnullな様子。
 
  admob.banner.show({ // 18行目はここなので、admobがnullな様子。
 +
 +
==サンプル==
 +
www/index.html
 +
<pre>
 +
<!DOCTYPE HTML>
 +
<html>
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 +
    <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: content: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
 +
    <script src="components/loader.js"></script>
 +
    <link rel="stylesheet" href="components/loader.css">
 +
    <link rel="stylesheet" href="css/style.css">
 +
    <script>
 +
    </script>
 +
</head>
 +
<body>
 +
<br />
 +
    This is a template for Monaca app.
 +
    <script>
 +
    document.addEventListener('deviceready', () => {
 +
  admob.banner.show({
 +
    id: {
 +
      // replace with your ad unit IDs
 +
      android: 'ca-app-pub-3940256099942544/6300978111',
 +
      ios: 'ca-app-pub-3940256099942544/2934735716',
 +
    },
 +
  }).then(() => {
 +
    setTimeout(() => {
 +
      admob.banner.hide({
 +
        // replace with your ad unit IDs
 +
        android: 'ca-app-pub-3940256099942544/6300978111',
 +
        ios: 'ca-app-pub-3940256099942544/2934735716',
 +
      })
 +
    }, 10000)
 +
  })
 +
}, false)
 +
</script>
 +
</body>
 +
</html>
 +
</pre>
 +
上記ca-app-pub-はadmobの公式サンプルのもの

2020年5月26日 (火) 16:54時点における版

admob-plusとは

admob-freeの後継

インストール

https://github.com/admob-plus/admob-plus

インストール方法

公式:https://admob-plus.github.io/docs/installation.html

cordova plugin add cordova-admob-plus --variable APP_ID_ANDROID=ca-app-pub-xxx~xxx --variable APP_ID_IOS=ca-app-pub-xxx~xxx
cordova plugin add cordova-plugin-androidx
cordova plugin add cordova-plugin-androidx-adapter

admobが無いエラー

Uncaught ReferenceError: admob is not defined www/index.html:18
admob.banner.show({ // 18行目はここなので、admobがnullな様子。

サンプル

www/index.html

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: content: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
    <script src="components/loader.js"></script>
    <link rel="stylesheet" href="components/loader.css">
    <link rel="stylesheet" href="css/style.css">
    <script>
    </script>
</head>
<body>
	<br />
    This is a template for Monaca app.
    <script>
    document.addEventListener('deviceready', () => {
  admob.banner.show({
    id: {
      // replace with your ad unit IDs
      android: 'ca-app-pub-3940256099942544/6300978111',
      ios: 'ca-app-pub-3940256099942544/2934735716',
    },
  }).then(() => {
    setTimeout(() => {
      admob.banner.hide({
        // replace with your ad unit IDs
        android: 'ca-app-pub-3940256099942544/6300978111',
        ios: 'ca-app-pub-3940256099942544/2934735716',
      })
    }, 10000)
  })
}, false)
</script>
</body>
</html>

上記ca-app-pub-はadmobの公式サンプルのもの