אם האפליקציה שלכם משתמשת ב-WebView כדי להציג תוכן מהאינטרנט, כדאי לשקול לבצע אופטימיזציה של מה שקורה כשהמשתמש לוחץ על מודעה, מהסיבות הבאות:
-
WebViewלא תומך בגלישה עם כרטיסיות. לחיצה על קישור פותחת את התוכן בדפדפן האינטרנט שמוגדר כברירת מחדל.
-
WebViewלא תומך בסכימות של כתובות URL מותאמות אישית, שיכולות להיות מוחזרות במודעות אם יעד הקליק הוא אפליקציה נפרדת. לדוגמה, כתובת היעד של הקליק ב-Google Play עשויה להשתמש ב-market://.
- אי אפשר להשתמש בכניסה באמצעות חשבון Google ובכניסה באמצעות פייסבוק ב-
WebView.
במדריך הזה מפורטים שלבים מומלצים לאופטימיזציה של מה שקורה כשהמשתמש לוחץ על מודעה בתצוגות של אינטרנט לנייד, תוך שמירה על התוכן של תצוגת האינטרנט.
דרישות מוקדמות
- בצעו את ההוראות שבמדריך להגדרת תצוגת אינטרנט.
הטמעה
כדי לבצע אופטימיזציה של מה שקורה במופע של WebView כשיש קליק:
שינוי מברירת המחדל של
shouldOverrideUrlLoading()ב-WebViewClient. המערכת קוראת ל-method הזה כשכתובת 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 and no scheme, return early.
if (request.getUrl().getHost() == null && request.getUrl().getScheme() == 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 and no scheme, return early.
if (request?.url?.host == null && request.url.scheme == null) {
return false
}
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
}
val targetDomain = request.url.host
// 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
}
}
}
}
בדיקת הניווט בדפים
כדי לבדוק את השינויים בניווט בדפים, טוענים את
https://google.github.io/webview-ads/test/#click-behavior-tests
לתצוגת האינטרנט. כדי לראות מה קורה באפליקציה כשלוחצים על כל סוג של קישור, לחצו על הסוג הרלוונטי.
הנה כמה דברים שכדאי לבדוק:
- כל קישור פותח את כתובת ה-URL הרצויה.
- כשחוזרים לאפליקציה, המונה בדף הבדיקה לא מתאפס כדי לאמת שהמצב של הדף נשמר.