emi-indo-cordova-plugin-admob 2.0.5 → 2.0.7

package/README.md

@@ -1,4 +1,130 @@
-<img width="543" alt="cp" src="https://github.com/user-attachments/assets/c19a682f-63c4-4754-a008-2e59b46493ac">
+### emi-indo-cordova-plugin-admob@2.0.7
+
+
+## Features/method
+- initialize
+- targeting
+- globalSettings
+- AppTrackingTransparency (ATT)
+- CMP SDK
+- UMP SDK
+- CustomConsentManager
+- App Open Ads
+- Banner Ads including (Collapsible)
+- Interstitial Ads
+- Rewarded Ads
+- Adsense
+- Mediation
+- impression-level-ad-revenue
+- targetingAdRequest
+- setPersonalizationState
+- setPPS
+
+## new version of the plugin @2.0.7 or higher
+- Migrate from Mobile Ads SDK (Android) v23 to v24
+- Migrate from Mobile Ads SDK (iOS) SDK version v11 to v12
+- Migrate from Cordova Android 13.0.0 to 14.0.0
+- And maybe some APIs are re-signed, the old api will not be disturbed.
+- https://cordova.apache.org/announcements/2025/03/26/cordova-android-14.0.0.html
+- Full of simple examples: https://github.com/EMI-INDO/emi-indo-cordova-plugin-admob/tree/main/example/www/js
+- Check all release notes: https://github.com/EMI-INDO/emi-indo-cordova-plugin-admob/releases/
+ ```
+config.xml
+<preference name="fullscreen" value="false" />
+<preference name="android-minSdkVersion" value="23" />
+<preference name="android-targetSdkVersion" value="35" />
+  ```
+
+<h3>Screenshots banner ad no overlapping</h3>
+
+<table>
+  <tr>
+    <td align="left"><strong>Banner Ad</strong></td>
+    <td align="center"><strong>Collapsible, no overlapping, non full-screen</strong></td>
+    <td align="center"><strong>Collapsible close, no overlapping, non full-screen</strong></td>
+    <td align="center"><strong>Collapsible, no overlapping, full-screen</strong></td>
+    <td align="center"><strong>Collapsible close, no overlapping, full-screen</strong></td>
+  </tr>
+ 
+  The height of the body is reduced by the height of the banner, || Auto-detect whether it is in full-screen mode or not.
+  
+  <tr>
+    <td></td>
+    <td align="center">
+      <img width="200" src="https://github.com/user-attachments/assets/53b832d2-8d15-4450-919b-9833569d0ffb" alt="Banner Ad" />
+    </td>
+   <td align="center">
+      <img width="200" src="https://github.com/user-attachments/assets/80ebf83f-b8fd-4a4c-8121-e2088005399d" alt="Banner Ad" />
+    </td>
+    <td align="center">
+      <img width="200" src="https://github.com/user-attachments/assets/13c3333f-b612-426e-8c3a-1e31695dc548" alt="Banner Ad" />
+    </td>
+    <td align="center">
+      <img width="200" src="https://github.com/user-attachments/assets/f4583d93-5764-4d24-a11c-ffdf623cb50a" alt="Banner Ad" />
+    </td>
+  </tr>
+</table>
+
+
+<h3>Screenshots banner ad overlapping</h3>
+
+<table>
+  <tr>
+    <td align="left"><strong>Banner Ad</strong></td>
+    <td align="center"><strong>Collapsible, overlapping, full-screen</strong></td>
+    <td align="center"><strong>Collapsible close, overlapping, full-screen</strong></td>
+    <td align="center"><strong>Collapsible, overlapping, non full-screen</strong></td>
+    <td align="center"><strong>Collapsible close, overlapping, full-screen</strong></td>
+  </tr>
+ 
+  The body height is not reduced, the banner overlaps on top of the body, || Auto-detect whether it is in full-screen mode or not.
+  
+  <tr>
+    <td></td>
+    <td align="center">
+      <img width="200" src="https://github.com/user-attachments/assets/14646090-bbc8-4c31-812b-f945faaadd06" alt="Banner Ad" />
+    </td>
+   <td align="center">
+      <img width="200" src="https://github.com/user-attachments/assets/c78e7879-cab6-4963-ad72-4a68316d7181" alt="Banner Ad" />
+    </td>
+    <td align="center">
+      <img width="200" src="https://github.com/user-attachments/assets/840ce3ef-60bb-4f74-9705-61d511d964f0" alt="Banner Ad" />
+    </td>
+    <td align="center">
+      <img width="200" src="https://github.com/user-attachments/assets/9342fb3b-bb38-4681-a794-44e25d6b9bd8" alt="Banner Ad" />
+    </td>
+  </tr>
+</table>
+
+
+<h3>Screenshots</h3>
+
+<table>
+  <tr>
+    <td align="left"><strong>Non banner</strong></td>
+    <td align="center"><strong>App Open Ad</strong></td>
+    <td align="center"><strong>Interstitial Ad</strong></td>
+    <td align="center"><strong>Rewarded video or Rewarded Interstitial</strong></td>
+    <td align="center"><strong>Adsense</strong></td>
+  </tr>
+  <tr>
+    <td></td>
+    <td align="center">
+      <img width="200" src="https://github.com/user-attachments/assets/fc641c56-5219-4f02-8122-6a42a51f0853" alt="App Open Ad" />
+    </td>
+    <td align="center">
+      <img width="200" src="https://github.com/user-attachments/assets/7a5c68f2-18f9-4e23-9464-4a4c307f06ae" alt="Interstitial Ad" />
+    </td>
+    <td align="center">
+      <img width="200" src="https://github.com/user-attachments/assets/2d87f85e-5fb7-4bf4-8b86-c2411c35fdcf" alt="Rewarded Ad" />
+    </td>
+    <td align="center">
+      <img width="200" src="https://github.com/user-attachments/assets/14b289c4-74f7-45a7-9a8a-52df8859afec" alt="AdSense" />
+    </td>
+  </tr>
+</table>
+
+
 
 
 ### emi-indo-cordova-plugin-admob
@@ -11,6 +137,9 @@
  ## Support framework
  - Quasar: https://github.com/quasarframework/quasar/discussions/17706
  - Capacitor: https://github.com/EMI-INDO/emi-indo-cordova-plugin-admob/discussions/29
+ - Jquery mobile: https://jquerymobile.com/
+
+
 
 > [!NOTE]  
 > - To maintain this plugin in the long run, 
@@ -20,15 +149,16 @@
  ## 💰Sponsor this project
   [![PayPal](https://img.shields.io/badge/PayPal-00457C?style=for-the-badge&logo=paypal&logoColor=white)](https://paypal.me/emiindo)  
   [![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/F1F16NI8H)
-##  [Check all release notes:](https://github.com/EMI-INDO/emi-indo-cordova-plugin-admob/releases/)
+  
+### Check all release notes: https://github.com/EMI-INDO/emi-indo-cordova-plugin-admob/releases/
 
 
-### Mobile Ads SDK (Android: 23.6.0) [Release Notes:](https://developers.google.com/admob/android/rel-notes)
-### User Messaging Platform (UMP Android: 3.1.0) [Release Notes:](https://developers.google.com/admob/android/privacy/release-notes)
+### Mobile Ads SDK (Android: 24.1.0) [Release Notes:](https://developers.google.com/admob/android/rel-notes)
+### User Messaging Platform (UMP Android: 3.2.0) [Release Notes:](https://developers.google.com/admob/android/privacy/release-notes)
 
-### Mobile Ads SDK (IOS: 11.13.0) [Release Notes:](https://developers.google.com/admob/ios/rel-notes)
+### Mobile Ads SDK (IOS: 12.2.0) [Release Notes:](https://developers.google.com/admob/ios/rel-notes)
 
-### User Messaging Platform (UMP IOS: 2.7.0) [Release Notes:](https://developers.google.com/ad-manager/mobile-ads-sdk/ios/privacy/download)
+### User Messaging Platform (UMP IOS: 3.0.0) [Release Notes:](https://developers.google.com/ad-manager/mobile-ads-sdk/ios/privacy/download)
 ### IAB Europe Transparency & Consent Framework (CMP: 2.2.0)
 
 
@@ -36,19 +166,67 @@
 ## Documentation Capacitor example
 -  [Documentation Capacitor example: ](https://github.com/EMI-INDO/emi-indo-cordova-plugin-admob/discussions/29)
 
-### This is not a dependency, it's a separate plugin but highly recommended.
-https://github.com/EMI-INDO/emi-indo-cordova-plugin-fanalytics
+
 
 ## New example 
 - https://github.com/EMI-INDO/emi-indo-cordova-plugin-admob/tree/main/example/www
 
+## Version locking the plugin during production is highly recommended.
+
+- Example cordova plugin add emi-indo-cordova-plugin-admob@1.6.0 --save --variable APP_ID_ANDROID=ca-app-pub-xxx~xxx
+- View plugin version: https://www.npmjs.com/package/emi-indo-cordova-plugin-admob?activeTab=versions
+- Release notes: https://github.com/EMI-INDO/emi-indo-cordova-plugin-admob/releases
+
+## Installation
+- Only platform Android
+```sh
+cordova plugin add emi-indo-cordova-plugin-admob --save --variable APP_ID_ANDROID=ca-app-pub-xxx~xxx
+```
+
+- Only platform IOS
+```sh
+cordova plugin add emi-indo-cordova-plugin-admob --save --variable APP_ID_IOS=ca-app-pub-xxx~xxx
+```
+
+- Platform Both
+```sh
+cordova plugin add emi-indo-cordova-plugin-admob --save --variable APP_ID_ANDROID=ca-app-pub-xxx~xxx --variable APP_ID_IOS=ca-app-pub-xxx~xxx
+```
+
+## Remove
+```sh
+cordova plugin rm emi-indo-cordova-plugin-admob
+```
+
+## Note IOS
+> [!NOTE]  
+> - To prevent some warnings or errors in xcode later, it is best after adding platforms and plugins cd/project root/command line run cordova prepare.
+> - after that just cd platform/ios command line run pod install --repo-update
+
+## Import the Mobile Ads SDK IOS
+### Then from the command line run:
+- cd platforms/ios 
+- Then run cordova prepare
+### Then from the command line run:
+- pod install --repo-update
+
+
+### This is not a dependency, it's a separate plugin but highly recommended.
+https://github.com/EMI-INDO/emi-indo-cordova-plugin-fanalytics
+
+
+## Older versions of plugins
 
-## Minimum Cordova Engines
-- cordova-android version = 12.0.0
+<details>
+<summary>Older versions of plugins</summary>
+
+
+### Minimum Cordova Engines
+- cordova-android version = 13.0.0
 - cordova-ios version = 7.0.0
 
 
-## IOS Ad Support IOS 18 *
+### IOS Ad Support IOS 18 *
 - Fix error build IOS: https://github.com/EMI-INDO/emi-indo-cordova-plugin-admob/discussions/42
 - Mobile Ads SDK (IOS: 11.12.0)
 - emi-indo-cordova-plugin-admob@1.6.3 or higher requires cocoapods 1.16.2 or higher
@@ -57,7 +235,7 @@ https://github.com/EMI-INDO/emi-indo-cordova-plugin-fanalytics
 > - emi-indo-cordova-plugin-admob@1.5.2 or higher
 > - Minimum supported Xcode version up to 15.3 or higher
 > - minimum deployment-target: 12.2
-## Minimum macOS | Xcode, and others
+### Minimum macOS | Xcode, and others
 - minimum macOS 14.4 or higher
 - Xcode min 15.3 > or higher
 - Command Line Tools 15.3 or higher
@@ -67,7 +245,7 @@ https://github.com/EMI-INDO/emi-indo-cordova-plugin-fanalytics
 - Dependency: pod MerchantKit (not needed)
 
 
-## IOS
+### IOS
 > [!WARNING]
 > - emi-indo-cordova-plugin-admob@1.5.1
 > - Minimum supported Xcode version to 14.3
@@ -78,6 +256,8 @@ https://github.com/EMI-INDO/emi-indo-cordova-plugin-fanalytics
 - Command Line Tools 14.1 or higher
 https://developers.google.com/admob/ios/quick-start
 
+</details>
+
 <details>
 <summary>Guaranteed income using this plugin #14</summary>
 
@@ -92,6 +272,11 @@ https://developers.google.com/admob/ios/quick-start
 > - 
 </details>
 
+
+## Video test of the old version of the plugin
+<details>
+<summary>Video test of the old version of the plugin</summary>
+
 ## VIDEO Test Collapsible banner ads
 - Test Plugin with construct 3
   
@@ -117,7 +302,7 @@ https://developers.google.com/admob/ios/quick-start
 
 [![Video](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLhjgjUkLSlagAcfz_0KwNXLLfvZnkrs8YG4PAUo9y5e0kyTDwUYAHATmWzyF0ZkJ7EWCsvsJIhP-rIDPnAMrrQKkmuZxM38lW4JIzzfb0LZWTh0q9FCbEPEZBjbgkZbzsFlI23Y30uTPR-TEiVpt9w5gFUQXrep0_Tlyj_koRJUhc66zxE2UUJPsejEE/s320/mq2.webp)](https://youtu.be/sLXHKdU6DAg)
 
-
+</details>
 
 
 
@@ -139,45 +324,6 @@ https://developers.google.com/admob/ios/quick-start
 <li> impression-level-ad-revenue</li>
 </ul>
 </details>
-## Version locking the plugin during production is highly recommended.
-
-- Example cordova plugin add emi-indo-cordova-plugin-admob@1.6.0 --save --variable APP_ID_ANDROID=ca-app-pub-xxx~xxx
-- View plugin version: https://www.npmjs.com/package/emi-indo-cordova-plugin-admob?activeTab=versions
-- Release notes: https://github.com/EMI-INDO/emi-indo-cordova-plugin-admob/releases
-
-## Installation
-- Only platform Android
-```sh
-cordova plugin add emi-indo-cordova-plugin-admob --save --variable APP_ID_ANDROID=ca-app-pub-xxx~xxx
-```
-
-- Only platform IOS
-```sh
-cordova plugin add emi-indo-cordova-plugin-admob --save --variable APP_ID_IOS=ca-app-pub-xxx~xxx
-```
-
-- Platform Both
-```sh
-cordova plugin add emi-indo-cordova-plugin-admob --save --variable APP_ID_ANDROID=ca-app-pub-xxx~xxx --variable APP_ID_IOS=ca-app-pub-xxx~xxx
-```
-
-## Remove
-```sh
-cordova plugin rm emi-indo-cordova-plugin-admob
-```
-
-## Note IOS
-> [!NOTE]  
-> - To prevent some warnings or errors in xcode later, it is best after adding platforms and plugins cd/project root/command line run cordova prepare.
-> - after that just cd platform/ios command line run pod install --repo-update
-
-## Import the Mobile Ads SDK IOS
-### Then from the command line run:
-- cd platforms/ios 
-- Then run cordova prepare
-### Then from the command line run:
-- pod install --repo-update
-
 
 
 ## >>> Device Ready <<<

package/example/capacitor.config.json

@@ -7,7 +7,7 @@
     "AdMob": {
       "APP_ID_ANDROID": "ca-app-pub-3940256099942544~3347511713", 
       "APP_ID_IOS": "ca-app-pub-3940256099942544~1458002511",
-      "USE_LITE_ADS": "lite"
+      "USE_LITE_ADS": ""
     }
   }
 }

package/example/config.xml

@@ -8,4 +8,11 @@
     <content src="index.html" />
     <allow-intent href="http://*/*" />
     <allow-intent href="https://*/*" />
+    <preference name="GradlePluginKotlinVersion" value="2.1.0" />
+    <preference name="AndroidXEnabled" value="true" />
+    <preference name="GradlePluginKotlinEnabled" value="true" />
+    <preference name="orientation" value="portrait" />
+    <preference name="fullscreen" value="false" />
+    <preference name="android-minSdkVersion" value="23" />
+    <preference name="android-targetSdkVersion" value="35" />
 </widget>

package/example/package.json

@@ -14,7 +14,7 @@
   "author": "Apache Cordova Team",
   "license": "Apache-2.0",
   "devDependencies": {
-    "emi-indo-cordova-plugin-admob": "^1.8.9"
+    "emi-indo-cordova-plugin-admob": "^2.0.7"
   },
   "cordova": {
     "plugins": {

package/example/www/css/index.css

@@ -1,110 +1,60 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-* {
-    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
-}
-
 body {
-    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
-    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
-    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
-    background-color:#E4E4E4;
-    background-image:linear-gradient(to bottom, #A7A7A7 0%, #E4E4E4 51%);
-    font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
-    font-size:12px;
-    height:100vh;
-    margin:0px;
-    padding:0px;
-    /* Padding to avoid the "unsafe" areas behind notches in the screen */
-    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
-    text-transform:uppercase;
-    width:100%;
-}
-
-/* Portrait layout (default) */
-.app {
-    background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
-    position:absolute;             /* position in the center of the screen */
-    left:50%;
-    top:50%;
-    height:50px;                   /* text area height */
-    width:225px;                   /* text area width */
-    text-align:center;
-    padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
-    margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
-                                   /* offset horizontal: half of text area width */
-}
-
-/* Landscape layout (with min-width) */
-@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
-    .app {
-        background-position:left center;
-        padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
-        margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
-                                      /* offset horizontal: half of image width and text area width */
-    }
-}
-
-h1 {
-    font-size:24px;
-    font-weight:normal;
-    margin:0px;
-    overflow:visible;
-    padding:0px;
-    text-align:center;
-}
-
-.event {
-    border-radius:4px;
-    color:#FFFFFF;
-    font-size:12px;
-    margin:0px 30px;
-    padding:2px 0px;
-}
-
-.event.listening {
-    background-color:#333333;
-    display:block;
-}
-
-.event.received {
-    background-color:#4B946A;
-    display:none;
-}
-
-#deviceready.ready .event.listening { display: none; }
-#deviceready.ready .event.received { display: block; }
-
-@keyframes fade {
-    from { opacity: 1.0; }
-    50% { opacity: 0.4; }
-    to { opacity: 1.0; }
-}
-
-.blink {
-    animation:fade 3000ms infinite;
-    -webkit-animation:fade 3000ms infinite;
-}
-
-
-@media screen and (prefers-color-scheme: dark) {
-    body {
-        background-image:linear-gradient(to bottom, #585858 0%, #1B1B1B 51%);
-    }
-}
+    font-family: Arial, sans-serif;
+    margin: 0;
+    height: 100%;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #f4f4f4;
+  }
+    
+    
+  h1 {
+    color: #333;
+    margin-bottom: 20px;
+  }
+
+  .button-container {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: 10px;
+    width: 100%;
+    max-width: 600px;
+  }
+
+  button {
+    padding: 10px 15px;
+    font-size: 14px;
+    border: none;
+    background-color: #007bff;
+    color: white;
+    border-radius: 5px;
+    cursor: pointer;
+    text-align: center;
+    transition: background-color 0.3s ease;
+  }
+
+  button:hover {
+    background-color: #0056b3;
+  }
+
+  textarea {
+    width: 100%;
+    max-width: 600px;
+    margin-top: 20px;
+    padding: 10px;
+    font-size: 14px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    resize: none;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    height: 150px;
+  }
+
+  label {
+    font-size: 16px;
+    font-weight: bold;
+    margin-top: 20px;
+    color: #333;
+  }

package/example/www/index.html

@@ -1,44 +1,43 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
 <head>
-    <script type="text/javascript" src="cordova.js"></script>
-    <script src="js/deviceready.js" defer></script>
-    <script src="js/appOpenAd.js" defer></script>
-    <script src="js/bannerAd.js" defer></script>
-    <script src="js/interstitialAd.js" defer></script>
-    <script src="js/rewardedAd.js" defer></script>
-    <script src="js/rewardedInterstitialAd.js" defer></script>
-    <script src="js/adSense.js" defer></script>
-    <script src="js/privacyOptionsFormShow.js" defer></script>
+  <meta charset="utf-8">
+      <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <meta name="theme-color" content="#000000">
+  <title>Cordova | Capacitor | Quasar</title>
+  <style> </style>
+  <link rel="stylesheet" href="css/index.css">
+  <script type="text/javascript" src="cordova.js"></script>
+  <script src="js/deviceready.js" defer></script>
+  <script src="js/appOpenAd.js" defer></script>
+  <script src="js/bannerAd.js" defer></script>
+  <script src="js/interstitialAd.js" defer></script>
+  <script src="js/rewardedAd.js" defer></script>
+  <script src="js/rewardedInterstitialAd.js" defer></script>
+  <script src="js/adSense.js" defer></script>
+  <script src="js/privacyOptionsFormShow.js" defer></script>
 </head>
 <body>
-    
-    
-<label for="event">Debug Event All response :</label>
-<textarea id="log" name="log" rows="20" cols="40"></textarea>
-
-<p> <button onclick="loadAppOpen();">Auto Show App Open Ad</button></p>
-
-<p> <button onclick="loadBanner();">load a show Banner Ad</button></p>
-<p> <button onclick="showBanner();">show Banner Ad</button></p>
-<p> <button onclick="hideBanner();">hide Banner Ad</button></p>
-<p> <button onclick="removeBanner();">remove Banner Ad</button></p>
-
-<p> <button onclick="loadInterstitial();">Load Interstitial Ad</button></p>
-<p> <button onclick="showInterstitial();">Show Interstitial Ad</button></p>
-
-<p> <button onclick="loadRewarded();">Load Rewarded Ad</button></p>
-<p> <button onclick="showRewarded();">Show Rewarded Ad</button></p>
-
-<p> <button onclick="loadRewardedInt();">Load Rewarded Int Ad</button></p>
-<p> <button onclick="showRewardedInt();">Show Rewarded int Ad</button></p>
-
-<p> <button onclick="registerWebView();">AdSense Register</button></p>
-<p> <button onclick="loadUrl();">AdSense load Url</button></p>
-
-<p> <button onclick="showPrivacyOptionsForm();">Show Privacy Options Form</button></p>
-<p> <button onclick="forceDisplayPrivacyForm();">Force Display Privacy Form</button></p>
-
-<p> <button onclick="cleanText();">Clean response Text</button></p>
-
+  <h1>Ad Management Panel</h1>
+  <div class="button-container">
+    <button onclick="loadAppOpen();">Auto Show App Open Ad</button>
+    <button onclick="loadBanner();">Load and Show Banner Ad</button>
+    <button onclick="showBanner();">Show Banner Ad</button>
+    <button onclick="hideBanner();">Hide Banner Ad</button>
+    <button onclick="removeBanner();">Remove Banner Ad</button>
+    <button onclick="loadInterstitial();">Load Interstitial Ad</button>
+    <button onclick="showInterstitial();">Show Interstitial Ad</button>
+    <button onclick="loadRewarded();">Load Rewarded Ad</button>
+    <button onclick="showRewarded();">Show Rewarded Ad</button>
+    <button onclick="loadRewardedInt();">Load Rewarded Int Ad</button>
+    <button onclick="showRewardedInt();">Show Rewarded Int Ad</button>
+    <button onclick="registerWebView();">AdSense Register</button>
+    <button onclick="loadUrl();">AdSense Load Url</button>
+    <button onclick="showPrivacyOptionsForm();">Show Privacy Options Form</button>
+    <button onclick="forceDisplayPrivacyForm();">Force Display Privacy Form</button>
+    <button onclick="cleanText();">Clean Response Text</button>
+  </div>
+  <label for="log">Debug Event All Response:</label>
+  <textarea id="log" name="log" placeholder="Logs will appear here..."></textarea>
 </body>
 </html>