If your mobile app sometimes opens WebViews to display specific content to the user, you should ensure that consent is passed from your app to the WebViews. That will ensure that the user does not have to give consent again in the WebViews.

The setup is the following:

• Collect consent in your app with the Didomi native SDKs

• Launch a WebView with the Didomi Web SDK embedded in it

• Inject JavaScript into the WebView to pass consent information from the native app

This guide assumes that you have already setup the Didomi native SDKs in your Android or iOS app, and that you have setup our Web SDK in the HTML pages loaded into your WebViews.

Web SDK configuration in the WebView

You need to embed the Didomi Web SDK in the HTML page that is loaded by the WebView so that it can collect the consent information passed from the app and share it with vendors.

The list of vendors configured in the web SDK in the WebView should be a subset of the list of vendors configured in the mobile app. That will ensure that the WebView has all the consent information it needs and does not re-collect consent. Examples:

Other parameters of the web SDK can be configured freely, in particular with respect to the IAB framework and tags management.

Inject consent information into the WebView

Consent status can be passed to the Web SDK by embedding JavaScript code into your WebView.

The Android and iOS SDKs automatically generate the required JavaScript code for you with the getJavaScriptForWebView method. Call that method and embed the returned string into your WebView:

Didomi.getInstance().onReady(() -> {
    String didomiJavaScriptCode = Didomi.getInstance().getJavaScriptForWebView();
    webView.evaluateJavascript(
        didomiJavaScriptCode,
        @TargetApi(Build.VERSION_CODES.HONEYCOMB)
        @Override
        public void onReceiveValue(String s) {}
    );
});

let didomiJavaScriptCode = Didomi.shared.getJavaScriptForWebView()
webView.evaluateJavaScript(didomiJavaScriptCode, completionHandler: nil)

Hide the notice in the WebView

The notice should automatically get hidden in the WebView as consent is passed from the mobile app to the website. However, it might happen that the notice gets displayed for a short time before being hidden.

To avoid that visual glitch, you can disable the notice in your WebView to make sure that it never shows by appending didomiConfig.notice.enable=false to the query-string of the URL that you are loading in the WebView:

{{YOUR_WEBSITE_URL}}?didomiConfig.notice.enable=false

If the notice still shows in the WebView when navigating to another page, ensure that the list of vendors and purposes is the same between the mobile app and the website that is loaded in the WebView.