เพิ่มประสิทธิภาพพฤติกรรมการคลิก WebView

หาก Android แอปใช้WebView เพื่อแสดงเนื้อหาเว็บ คุณอาจต้องพิจารณาเพิ่มประสิทธิภาพพฤติกรรมการคลิกเนื่องจากเหตุผลต่อไปนี้

• WebView ไม่รองรับ การท่องเว็บโดยใช้แท็บ การคลิกลิงก์จะเปิดเนื้อหาในเว็บเบราว์เซอร์เริ่มต้น ท่องเว็บแบบแท็บ

• WebView ไม่รองรับรูปแบบ URL ที่กำหนดเอง ซึ่งแสดงในโฆษณาได้ในกรณีที่ปลายทางการคลิกเป็นคนละแอปกัน ตัวอย่างเช่น URL การคลิกผ่านของ Google Play อาจใช้ market://

• Google Sign-In และ Facebook Sign-In ไม่มี การรองรับใน WebView

คู่มือนี้จะแสดงขั้นตอนที่แนะนำในการเพิ่มประสิทธิภาพพฤติกรรมการคลิกในการดูเว็บบนอุปกรณ์เคลื่อนที่โดยที่ยังเก็บเนื้อหาการดูเว็บไว้

ข้อกำหนดเบื้องต้น

• ทำตามคู่มือตั้งค่ามุมมองเว็บ

การใช้งาน

ทำตามขั้นตอนต่อไปนี้เพื่อเพิ่มประสิทธิภาพพฤติกรรมการคลิกในอินสแตนซ์WebView

1. ลบล้าง shouldOverrideUrlLoading() ใน WebViewClient ระบบจะเรียกเมธอดนี้เมื่อกําลังโหลด URL ใน WebView ปัจจุบัน

2. กำหนดว่าจะลบล้างลักษณะการทำงานของ URL การคลิกหรือไม่

   ข้อมูลโค้ดด้านล่างจะตรวจสอบว่าโดเมนปัจจุบันแตกต่างจากโดเมนเป้าหมายหรือไม่ วิธีนี้เป็นเพียงวิธีการหนึ่งเนื่องจากเกณฑ์ที่คุณใช้อาจแตกต่างกันไป

3. เลือกว่าจะเปิด URL ในเบราว์เซอร์ภายนอก แท็บที่กำหนดเองของ Android หรือภายในมุมมองเว็บที่มีอยู่ คู่มือนี้แสดงวิธีเปิด URL ที่ออกจากไซต์โดยเปิดแท็บที่กำหนดเองของ Android

ตัวอย่างโค้ด

ก่อนอื่นให้เพิ่มทรัพยากร Dependency androidx.browser ในไฟล์ build.gradle ระดับโมดูล ซึ่งโดยทั่วไปจะอยู่ที่ app/build.gradle ซึ่งจำเป็นสำหรับแท็บที่กำหนดเอง:

dependencies {
  implementation 'androidx.browser:browser:1.5.0'
}

ข้อมูลโค้ดต่อไปนี้แสดงวิธีติดตั้งใช้งาน shouldOverrideUrlLoading()

public class MainActivity extends AppCompatActivity {

  private WebView webView;

  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // ... Register the WebView.

    webView = new WebView(this);
    WebSettings webSettings = webView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    webView.setWebViewClient(
        new WebViewClient() {
          // 1. Implement the web view click handler.
          @Override
          public boolean shouldOverrideUrlLoading(
              WebView view,
              WebResourceRequest request) {
            // 2. Determine whether to override the behavior of the URL.
            // If the target URL has no host, return early.
            if (request.getUrl().getHost() == null) {
              return false;
            }

            // Handle custom URL schemes such as market:// by attempting to
            // launch the corresponding application in a new intent.
            if (!request.getUrl().getScheme().equals("http")
                && !request.getUrl().getScheme().equals("https")) {
              Intent intent = new Intent(Intent.ACTION_VIEW, request.getUrl());
              // If the URL cannot be opened, return early.
              try {
                MainActivity.this.startActivity(intent);
              } catch (ActivityNotFoundException exception) {
                Log.d("TAG", "Failed to load URL with scheme:" + request.getUrl().getScheme());
              }
              return true;
            }

            String currentDomain;
            // If the current URL's host cannot be found, return early.
            try {
              currentDomain = new URL(view.getUrl()).getHost();
            } catch (MalformedURLException exception) {
              // Malformed URL.
              return false;
            }
            String targetDomain = request.getUrl().getHost();

            // If the current domain equals the target domain, the
            // assumption is the user is not navigating away from
            // the site. Reload the URL within the existing web view.
            if (currentDomain.equals(targetDomain)) {
              return false;
            }

            // 3. User is navigating away from the site, open the URL in
            // Custom Tabs to preserve the state of the web view.
            CustomTabsIntent intent = new CustomTabsIntent.Builder().build();
            intent.launchUrl(MainActivity.this, request.getUrl());
            return true;
          }
        });
  }
}

class MainActivity : AppCompatActivity() {

  private lateinit var webView: WebView

  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)

    // ... Register the WebView.

    webView.webViewClient = object : WebViewClient() {
      // 1. Implement the web view click handler.
      override fun shouldOverrideUrlLoading(
          view: WebView?,
          request: WebResourceRequest?
      ): Boolean {
        // 2. Determine whether to override the behavior of the URL.
        // If the target URL has no host, return early.
        request?.url?.host?.let { targetDomain ->
          val currentDomain = URL(view?.url).host

          // Handle custom URL schemes such as market:// by attempting to
          // launch the corresponding application in a new intent.
          if (!request.url.scheme.equals("http") &&
              !request.url.scheme.equals("https")) {
            val intent = Intent(Intent.ACTION_VIEW, request.url)
            // If the URL cannot be opened, return early.
            try {
              this@MainActivity.startActivity(intent)
            } catch (exception: ActivityNotFoundException) {
              Log.d("TAG", "Failed to load URL with scheme: ${request.url.scheme}")
            }
            return true
          }

          // If the current domain equals the target domain, the
          // assumption is the user is not navigating away from
          // the site. Reload the URL within the existing web view.
          if (currentDomain.equals(targetDomain)) {
            return false
          }

          // 3. User is navigating away from the site, open the URL in
          // Custom Tabs to preserve the state of the web view.
          val customTabsIntent = CustomTabsIntent.Builder().build()
          customTabsIntent.launchUrl(this@MainActivity, request.url)
          return true
        }
        return false
      }
    }
  }
}

ทดสอบการนำทางหน้าเว็บ

หากต้องการทดสอบการเปลี่ยนแปลงการนำทางหน้าเว็บ ให้โหลด

https://webview-api-for-ads-test.glitch.me#click-behavior-tests

ลงในมุมมองเว็บของคุณ คลิกลิงก์แต่ละประเภทเพื่อดูลักษณะการทำงานในแอป

โปรดตรวจสอบสิ่งต่อไปนี้

• แต่ละลิงก์จะเปิด URL ที่ต้องการ
• เมื่อกลับไปที่แอป ตัวนับของหน้าทดสอบจะไม่รีเซ็ตเป็น 0 เพื่อตรวจสอบว่ายังมีการรักษาสถานะหน้าเว็บไว้