Si votre iOS application utilise
WKWebView
pour afficher du contenu Web, vous pouvez
d'optimiser le comportement en termes de clics pour les raisons suivantes:
WKWebView
ne fait pas la prise en charge de la la navigation par onglets. Les clics sur les annonces qui tentent d'ouvrir un nouvel onglet n'ont aucun effet : par défaut.
Les clics sur les annonces qui s'ouvrent dans le même onglet actualisent la page. Vous voudrez peut-être forcer clics sur l'annonce pour s'ouvrir en dehors de
WKWebView
, par exemple si vous hébergez H5 jeux vidéo et souhaitent maintenir l'état de chaque jeu.La saisie automatique n'est pas compatible avec les informations de carte de crédit en
WKWebView
. Cela pourrait entraîner une diminution du nombre de conversions e-commerce pour les annonceurs, la monétisation du contenu Web.
- Google Sign-In
n'est pas
Disponible en
WKWebView
.
Ce guide fournit des recommandations pour optimiser le comportement en termes de clics sur mobile. les vues Web tout en conservant le contenu de la vue Web.
Prérequis
- Suivez les instructions de la section Configurer la vue Web. .
Implémentation
L'attribut cible href
des liens publicitaires peut être défini sur _blank
, _top
,
_self
ou _parent
.
Avec Ad Manager, vous pouvez définir l'attribut cible sur _blank
ou _top
.
en configurant les annonces pour qu'elles s'ouvrent dans un nouvel onglet
fenêtre.
Les liens d'annonce peuvent également contenir des fonctions JavaScript telles que
window.open(url, "_blank")
Le tableau suivant décrit le comportement de chacun de ces liens dans une vue Web.
href attribut cible |
Comportement par défaut pour les clics sur les WKWebView |
---|---|
target="_blank" |
Lien non géré par la vue Web. |
target="_top" |
Actualisez le lien dans la vue Web existante. |
target="_self" |
Actualisez le lien dans la vue Web existante. |
target="_parent" |
Actualisez le lien dans la vue Web existante. |
Fonction JavaScript | Comportement par défaut pour les clics sur les WKWebView |
window.open(url, "_blank") |
Lien non géré par la vue Web. |
Procédez comme suit pour optimiser le comportement en termes de clics dans votre
WKWebView
instance:
Définissez
WKUIDelegate
sur votreWKWebView
Compute Engine.- Implémentez
webView(_:createWebViewWith:for:windowFeatures:)
.
- Implémentez
Définissez le
WKNavigationDelegate
sur votreWKWebView
.- Implémentez
webView(_:decidePolicyFor:decisionHandler:)
.
- Implémentez
Déterminez si le comportement de l'URL de suivi des clics doit être optimisé.
Vérifiez si la propriété
navigationType
sur l'objetWKNavigationAction
est type de clic à optimiser. L'extrait de code vérifie pour.linkActivated
qui ne s'applique qu'aux clics sur un lien comportant un attributhref
.Vérifiez le
targetFrame
de l'objetWKNavigationAction
. Si la valeurnil
est renvoyée, cela signifie la cible de la navigation est une nouvelle fenêtre. CommeWKWebView
ne peut pas gérer qui cliquent sur l'annonce, ceux-ci doivent être gérés manuellement.
Déterminez si vous souhaitez ouvrir l'URL dans un navigateur externe,
SFSafariViewController
, ou la vue Web existante. L'extrait de code montre comment ouvrir des URL qui quittent la page du site en présentant unSFSafariViewController
.
Exemple de code
L'extrait de code suivant montre comment optimiser le comportement en termes de clics dans la vue Web. En tant que Par exemple, elle vérifie si le domaine actuel est différent du domaine cible. Il ne s'agit que d'une approche parmi d'autres, car les critères utilisés peuvent varier.
Swift
import GoogleMobileAds
import SafariServices
import WebKit
class ViewController: UIViewController, WKNavigationDelegate, WKUIDelegate {
override func viewDidLoad() {
super.viewDidLoad()
// ... Register the WKWebView.
// 1. Set the WKUIDelegate on your WKWebView instance.
webView.uiDelegate = self;
// 2. Set the WKNavigationDelegate on your WKWebView instance.
webView.navigationDelegate = self
}
// Implement the WKUIDelegate method.
func webView(
_ webView: WKWebView,
createWebViewWith configuration: WKWebViewConfiguration,
for navigationAction: WKNavigationAction,
windowFeatures: WKWindowFeatures) -> WKWebView? {
guard let url = navigationAction.request.url,
let currentDomain = webView.url?.host,
let targetDomain = url.host else { return nil }
// 3. Determine whether to optimize the behavior of the click URL.
if didHandleClickBehavior(
url: url,
currentDomain: currentDomain,
targetDomain: targetDomain,
navigationAction: navigationAction) {
print("URL opened in SFSafariViewController.")
}
return nil
}
// Implement the WKNavigationDelegate method.
func webView(
_ webView: WKWebView,
decidePolicyFor navigationAction: WKNavigationAction,
decisionHandler: @escaping (WKNavigationActionPolicy) -> Void)
{
guard let url = navigationAction.request.url,
let currentDomain = webView.url?.host,
let targetDomain = url.host else { return decisionHandler(.cancel) }
// 3. Determine whether to optimize the behavior of the click URL.
if didHandleClickBehavior(
url: url,
currentDomain: currentDomain,
targetDomain: targetDomain,
navigationAction: navigationAction) {
return decisionHandler(.cancel)
}
decisionHandler(.allow)
}
// Implement a helper method to handle click behavior.
func didHandleClickBehavior(
url: URL,
currentDomain: String,
targetDomain: String,
navigationAction: WKNavigationAction) -> Bool {
// Check if the navigationType is a link with an href attribute or
// if the target of the navigation is a new window.
guard navigationAction.navigationType == .linkActivated ||
navigationAction.targetFrame == nil,
// If the current domain does not equal the target domain,
// the assumption is the user is navigating away from the site.
currentDomain != targetDomain else { return false }
// 4. Open the URL in a SFSafariViewController.
let safariViewController = SFSafariViewController(url: url)
present(safariViewController, animated: true)
return true
}
}
Objective-C
@import GoogleMobileAds;
@import SafariServices;
@import WebKit;
@interface ViewController () <WKNavigationDelegate, WKUIDelegate>
@property(nonatomic, strong) WKWebView *webView;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// ... Register the WKWebView.
// 1. Set the WKUIDelegate on your WKWebView instance.
self.webView.uiDelegate = self;
// 2. Set the WKNavigationDelegate on your WKWebView instance.
self.webView.navigationDelegate = self;
}
// Implement the WKUIDelegate method.
- (WKWebView *)webView:(WKWebView *)webView
createWebViewWithConfiguration:(WKWebViewConfiguration *)configuration
forNavigationAction:(WKNavigationAction *)navigationAction
windowFeatures:(WKWindowFeatures *)windowFeatures {
NSURL *url = navigationAction.request.URL;
NSString *currentDomain = webView.URL.host;
NSString *targetDomain = navigationAction.request.URL.host;
// 3. Determine whether to optimize the behavior of the click URL.
if ([self didHandleClickBehaviorForURL: url
currentDomain: currentDomain
targetDomain: targetDomain
navigationAction: navigationAction]) {
NSLog(@"URL opened in SFSafariViewController.");
}
return nil;
}
// Implement the WKNavigationDelegate method.
- (void)webView:(WKWebView *)webView
decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction
decisionHandler:
(void (^)(WKNavigationActionPolicy))decisionHandler {
NSURL *url = navigationAction.request.URL;
NSString *currentDomain = webView.URL.host;
NSString *targetDomain = navigationAction.request.URL.host;
// 3. Determine whether to optimize the behavior of the click URL.
if ([self didHandleClickBehaviorForURL: url
currentDomain: currentDomain
targetDomain: targetDomain
navigationAction: navigationAction]) {
decisionHandler(WKNavigationActionPolicyCancel);
return;
}
decisionHandler(WKNavigationActionPolicyAllow);
}
// Implement a helper method to handle click behavior.
- (BOOL)didHandleClickBehaviorForURL:(NSURL *)url
currentDomain:(NSString *)currentDomain
targetDomain:(NSString *)targetDomain
navigationAction:(WKNavigationAction *)navigationAction {
if (!url || !currentDomain || !targetDomain) {
return NO;
}
// Check if the navigationType is a link with an href attribute or
// if the target of the navigation is a new window.
if ((navigationAction.navigationType == WKNavigationTypeLinkActivated
|| !navigationAction.targetFrame)
// If the current domain does not equal the target domain,
// the assumption is the user is navigating away from the site.
&& ![currentDomain isEqualToString: targetDomain]) {
// 4. Open the URL in a SFSafariViewController.
SFSafariViewController *safariViewController =
[[SFSafariViewController alloc] initWithURL:url];
[self presentViewController:safariViewController animated:YES
completion:nil];
return YES;
}
return NO;
}
Tester la navigation sur les pages
Pour tester les modifications apportées à la navigation sur les pages, chargez
https://webview-api-for-ads-test.glitch.me#click-behavior-tests
dans votre vue Web. Cliquez sur les différents types de liens dans votre application.
Voici quelques points à vérifier :
- Chaque lien ouvre l'URL prévue.
- Lorsque vous revenez dans l'application, le compteur de la page de test n'est pas réinitialisé pour confirmer que l'état de la page a été conservé.