Ottimizza il comportamento dei clic di WebView

Se la tua Android app utilizza WebView per visualizzare contenuti web, potresti voler Prendi in considerazione l'ottimizzazione del comportamento dei clic per i seguenti motivi:

  • WebView non supporta gli schemi URL personalizzati che potrebbero essere restituiti negli annunci se la destinazione del clic è un'app separata. Ad esempio, un URL di clickthrough di Google Play potrebbe utilizzare market://.

Questa guida fornisce i passaggi consigliati per ottimizzare il comportamento dei clic sui dispositivi mobili visualizzazioni web conservando i contenuti della visualizzazione web.

Prerequisiti

Implementazione

Per ottimizzare il comportamento dei clic nel tuo WebView istanza:

  1. Esegui l'override di shouldOverrideUrlLoading() il WebViewClient. Questo metodo viene chiamato quando un URL sta per essere caricato con WebView.

  2. Determina se ignorare il comportamento dell'URL di clic.

    Lo snippet di codice riportato di seguito controlla se il dominio corrente è diverso da quello dominio di destinazione. Questo è solo un approccio, in quanto i criteri da utilizzare potrebbero variare.

  3. Decidi se aprire l'URL in un browser esterno, Android Custom schede o all'interno vista web esistente. Questa guida mostra come aprire gli URL che escono da sul sito avviando le schede personalizzate Android.

Esempio di codice

Innanzitutto aggiungi la dipendenza androidx.browser all'elemento build.gradle a livello di modulo file, in genere app/build.gradle. Questa operazione è obbligatoria per le schede personalizzate:

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

Il seguente snippet di codice mostra come implementare 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
      }
    }
  }
}

Testare la navigazione nelle pagine

Per testare le modifiche alla navigazione nelle pagine, carica

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

nella tua vista web. Fai clic su ciascuno dei diversi tipi di link per vederne comportarsi nella tua app.

Ecco alcuni aspetti da controllare:

  • Ogni link apre l'URL previsto.
  • Quando torni all'app, il contatore della pagina di test non viene reimpostato su zero su verificare che lo stato della pagina sia stato conservato.