หากแอปของคุณใช้
WebView
เพื่อแสดงเนื้อหาเว็บ คุณอาจต้องพิจารณาเพิ่มประสิทธิภาพลักษณะการคลิกด้วยเหตุผลต่อไปนี้
-
WebView
ไม่รองรับการท่องเว็บแบบเปิดได้หลายแท็บในวินโดว์เดียวของเบราว์เซอร์ การคลิกลิงก์จะเปิดเนื้อหาในเว็บเบราว์เซอร์เริ่มต้น
WebView
ไม่รองรับรูปแบบ URL ที่กําหนดเอง ซึ่งอาจแสดงในโฆษณาหากปลายทางของการคลิกไปยังแอปอื่น ตัวอย่างเช่น URL การคลิกผ่านของ Google Play อาจใช้market://
- ฟีเจอร์ลงชื่อเข้าใช้ด้วย Google และฟีเจอร์ลงชื่อเข้าใช้ด้วย Facebook ไม่พร้อมให้บริการใน
WebView
คู่มือนี้จะแสดงขั้นตอนที่แนะนําในการเพิ่มประสิทธิภาพลักษณะการคลิกใน WebView บนอุปกรณ์เคลื่อนที่ ขณะเดียวกันก็รักษาเนื้อหา WebView ไว้
ข้อกำหนดเบื้องต้น
- ทำตามคู่มือตั้งค่าเว็บวิวให้เสร็จสมบูรณ์
การใช้งาน
ทําตามขั้นตอนต่อไปนี้เพื่อเพิ่มประสิทธิภาพลักษณะการคลิกในWebView
อินสแตนซ์
ลบล้าง
shouldOverrideUrlLoading()
ในWebViewClient
ระบบจะเรียกใช้เมธอดนี้เมื่อ URL กำลังจะโหลดในWebView
ในปัจจุบันพิจารณาว่าจะลบล้างลักษณะการทํางานของ URL การคลิกหรือไม่
ตัวอย่างโค้ดจะตรวจสอบว่าโดเมนปัจจุบันแตกต่างจากโดเมนเป้าหมายหรือไม่ นี่เป็นแนวทางเพียงแนวทางเดียว เนื่องจากเกณฑ์ที่คุณใช้อาจแตกต่างกันไป
เลือกว่าจะเปิด URL ในเบราว์เซอร์ภายนอก, แท็บที่กำหนดเองของ Android หรือภายในมุมมองเว็บที่มีอยู่ คู่มือนี้จะแสดงวิธีเปิด URL ที่ออกจากเว็บไซต์โดยการเปิดแท็บที่กำหนดเองของ Android
ตัวอย่างโค้ด
ก่อนอื่น ให้เพิ่มการพึ่งพา androidx.browser
ลงในไฟล์ build.gradle
ระดับโมดูล ซึ่งโดยปกติจะเป็น app/build.gradle
ข้อมูลต่อไปนี้เป็นข้อมูลที่จำเป็นสำหรับแท็บที่กำหนดเอง
dependencies {
implementation 'androidx.browser:browser:1.5.0'
}
ข้อมูลโค้ดต่อไปนี้แสดงวิธีใช้ shouldOverrideUrlLoading()
Java
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 URI(view.getUrl()).toURL().getHost();
} catch (URISyntaxException | 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;
}
});
}
}
Kotlin
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 = URI(view?.url).toURL().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 เพื่อตรวจสอบว่าสถานะของหน้าเว็บได้รับการเก็บรักษาไว้