A Complete WebView Application With AdView & Social Share Example

यह एक Webview Adnroid Tutorial और Adview Android Tutorial हैं । किसी भी ब्लॉग या वेबसाइट की Android App बनाना चाहते हैं तो आप इस Example से आसानी से बना सकते हैं, आइये समझते हैं की इस Example में कौन कौन से Topic Cover किये हैं ।

• WebView – WebView से सम्बंधित सामान्य Code हैं .
• AdView – AdView को WebView की निचे Attach किया हैं ताकि आपकी एप्प में ऐड भी दिखाई दे .
• WordPress Share Plugins Implement – जब हम कोई वर्डप्रेस के ब्लॉग को किसी वेब्वयेव में लिंक करते हैं तो शेयर ऑप्शन के लिए कुछ चेंज करना होते हैं उनके बारे में जानकारी हैं
• Google Play Redirection – यदि आपके वर्डप्रेस ब्लॉग पर यदि गूगल प्ले का लिंक हो तो उसे गूगल प्ले अप्प पर Redirect करने का कोड भी इसमें शामिल हैं

---

What is WebView?

जब भी हमे कोई भी Web Application जीसे की हम Browser मे Run कर सकते है यदि उसे Android Native App मे लिंक करना हो तो हमे Webview बहुत ही काम आता हैं, WebView के द्वारा हम कोई भी Web App को हमारे द्वारा बनाए गए WebView मे URL से add कर देते है , एक तरह से यह Browser ही हैं, इस पर किसी को Link भी नहीं दिखती हैं ओर हम Online app बना सकते हैं ।

WebView का उपयोग करने से आप अपनी App मे Web Link को Connect कर आसानी से कोई भी Responsive Web Application को Mobile पर Display कर सकते हैं, इसका सबसे बड़ा Benefit यह होता हैं की आपको App का Maintenance बहुत ही आसान हो जाता हैं । क्युकी आपको बार बार Changes के update नहीं देना होते है । Web पर होने पर आप जैसे की कोई Update देते हैं वह आसानी से Update हो जाता है ।

---

What is AdView?

यदि हम app से Income करना चाहते हैं तो हमे हमे अपनी app मे Ad View लगाना होता हैं, AdView Admob से लिंक होने से आपकी app मे Ad Run होने लगते हैं , इसलिए यदि आप चाहे को adview भी लगा सकते हैं ।

---

इस article मे एक Complete WebView App बना सकते है । जिसमे Share से संबंधित कोई Changes करना होते है ओर साथ मे यदि Redaction करना हो तो वह भी आसानी से कर सकते हैं साथ मे एक Project मे आपको Admob का उपयोग कर Adview लगाने के बारे मे भी जानकारी है । इस आर्टिकल मे adview android example हैं ।

1: Create New Project

• 1. Open Android Studio
• 2. File -> New -> New Project

2: Gradle Changes

• 1. Open Gradle Script -> Build Gradle (App)
• 2. Change Min SDK Version minSdkVersion 21
• 3. Add this Code in dependencies {

 /*AddSence*/ 
 implementation 'com.google.android.gms:play-services-ads:18.3.0'  

AdSense को Implement करने के लिए यह Code लिखना होता हैं ।

3: String Value

• 1. Open app->src->main->res->value->strings.xml
• 2. Add This Script Before Close

<string name="msWebViewLink">URL-of-Your-Blog</string> 

• 3. Replace URL (URL-of-Your-Blog)

String का उपयोग हम इसलिए करते हैं ताकि कोई भी चेंज करना हो तो यहाँ पर करे, कोड में किसी भी प्रकार का Change नहीं आता है ।

4: Menifest.xml Changes

• 1. Open App-> Menifeast -> AndroidManifest.xml
• 2. Add This code in application tag

<!-- for AddSense -->
<meta-data
    android:name="com.google.android.gms.ads.APPLICATION_ID"
    android:value="ca-app-pub-????~????" />

• 3. Change ca-app-pub-????~???? to your AdSense account AdUnitCode

4: XML Code

• 1. app->src->main->res->layout->activity_main.xml
• 2. Copy this XML in Layout Activity_mail,xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity"
    android:id="@+id/main"
    >
    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:clickable="true"
        android:clipChildren="false"
        android:isScrollContainer="true"></WebView>

    <com.google.android.gms.ads.AdView
        android:id="@+id/adView"
        android:layout_width="match_parent"
        android:layout_height="65dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_gravity="bottom"
        android:baselineAligned="false"
        app:adSize="BANNER"
        app:adUnitId="ca-app-pub-????/????">

    </com.google.android.gms.ads.AdView>

</LinearLayout>

• 3. ca-app-pub-????/???? को AdUnitId से बदल दे

5: MainActivity Code

• 1. app->src->main->java->your-package-name->MainActivity
• 2. Copy This Code And Replace MainActivity Class of MainActivity.java

public class MainActivity extends AppCompatActivity {
    private AdView mAdView;
    private WebView myWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getSupportActionBar().hide();
        setContentView(R.layout.activity_main);

        myWebView = (WebView) findViewById(R.id.webview);
        mAdView   = findViewById(R.id.adView);

        GetShowAd(0);

        WebSettings webSettings = myWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);


        String ls_url = getString(string.msWebViewLink );
        //Log.v("SL:URL", ls_url);
        myWebView.loadUrl(ls_url);

        myWebView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                String url = request.getUrl().toString();

                if (url.startsWith("tel:")) {
                    Intent intent = new Intent(Intent.ACTION_DIAL);
                    intent.setData(Uri.parse(url));
                    startActivity(intent);
                    return true;
                }

                if (url.startsWith("https://www.addtoany")) {
                    Intent intent = new Intent(Intent.ACTION_SEND);
                    intent.setType("text/plain");
                    Uri uri = Uri.parse(url);
                    String UrlText = uri.getQueryParameter("linkurl");
                    String UrlName = uri.getQueryParameter("linkname");
                    //String UrlNote = uri.getQueryParameter("linknote");
                    String TextSend = UrlName + "\r\n" +  UrlText;
                    intent.putExtra(Intent.EXTRA_SUBJECT, UrlName);
                    intent.putExtra(Intent.EXTRA_TEXT, TextSend);
                    startActivity(intent.createChooser(intent, "Share Using"));
                    return true;
                }

                if (url.startsWith("https://play.google.com")) {
                    startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url)));
                    return true;
                }

                view.loadUrl(request.getUrl().toString());
                return false;
            }

            public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                myWebView.loadUrl("file:///android_asset/index.html");

            }
        });


    }

    @Override
    public void onBackPressed() {
        if (myWebView.canGoBack()) {
            myWebView.goBack();
        } else {
            super.onBackPressed();
        }
    }

    public void GetShowAd(int li_ht)
    {
          MobileAds.initialize(this, new OnInitializationCompleteListener() {
            @Override
            public void onInitializationComplete(InitializationStatus initializationStatus) {
            }
        });

        AdRequest adRequest = new AdRequest.Builder().build();
        mAdView.loadAd(adRequest);

    }
 
}
        

• 3. Save करे , यदि कोई Error आये तो आप यह लाइन top में import करे

import static com.sl.webview_adsense.R.*;

6: Change Icon

• 1. File -> New-> Image Asset
• 2. Change Icon -> Next -> Finish

7: Complete

यह बेसिक कोड का वर्क कम्पलीट हुआ अब आप एप्प को रन करके आउटपुट देख सकते हैं, इसमें adCode भी लगा हैं लेकिन उसका आउटपुट टेस्ट एप्प में नहीं आता हैं ।

Google Play पर App Publish करना सीखे

---

हमारे अन्य आर्टिकल

• MySQL Function
• MySQL Stored Procedure
• PHP Get /Post Method के बारे में जाने
• PHP Math Function के बारे में जाने
• C से C ++ सीखे सरल शब्दों में
• PHP Variable के बारे में जाने
• Arduino Control Structure 
• Union in C
• Declaration of Pointer in C
• Search jQuery
• MySQL Create Table | Alter Table | Drop Table

---

FAQ