앱에서 Android
WebView
웹 콘텐츠를 표시하려면
다음과 같은 이유로 클릭 행동 최적화를 고려해 보세요.
WebView
에서는 맞춤 URL 스키마를 지원하지 않습니다. 클릭 도착 페이지가 별도의 앱으로 연결되는 경우 광고에서 반환될 수 있습니다. 예를 들어 Google Play 클릭연결 URL이market://
를 사용할 수 있습니다.
- Google 로그인
<ph type="x-smartling-placeholder"></ph>
및 Facebook 로그인
아니
에서 지원
WebView
됩니다.
이 가이드에서는 모바일에서 클릭 동작을 최적화하기 위한 권장 단계를 안내합니다. 웹 뷰 콘텐츠를 보존합니다.
기본 요건
- 웹 보기 설정을 완료합니다. 참조하세요.
구현
다음 단계에 따라 캠페인에서 클릭 행동을
WebView
인스턴스:
shouldOverrideUrlLoading()
재정의 (WebViewClient
) 이 메서드는 URL이 현재WebView
클릭 URL의 동작을 재정의할지 결정합니다.
아래의 코드 스니펫은 현재 도메인이 대상 도메인입니다. 사용하는 기준이 다를 수 있으므로 이는 하나의 접근 방식일 뿐입니다.
외부 브라우저인 Android 맞춤에서 URL을 열지 여부를 결정합니다. 탭 또는 삭제할 수 있습니다 이 가이드에서는 Android 맞춤 탭을 실행하여 사이트의 질을 높일 수 있습니다.
코드 예
먼저 모듈 수준 build.gradle
에 androidx.browser
종속 항목을 추가합니다.
파일(일반적으로 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 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으로 재설정되지 않고 검증하기만 하면 됩니다.