본 연동 가이드는 하이브리드 앱에 애드팝콘 광고를 사용하기 위한 문서입니다.

배너, 네이티브에 한해 아래 가이드를 활용하여, Web 영역에 광고를 노출 시킬 수 있으며, 전면, 전면비디오, 리워드 비디오 타입은 네이티브 가이드를 활용하여 연동하시기 바랍니다.

0. 지원 버전

Android : AdPopcornSSP v3.3.1

• 3.3.1 : 광고 스크립트 오류 대응

iOS : AdPopcornSSP v2.6.0

• 2.5.5 : 광고 스크립트 오류 대응
• 2.6.0 : 한 화면에서 연속으로 광고 호출 시, 광고 미노출 대응

1. 네이티브 Side 연동

Android

• WebVieiw 내 Javascript 및 Local storage 활성화

private WebView hybridWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_hybrid);

        hybridWebView = (WebView) findViewById(R.id.hybrid_webview);

        **hybridWebView.getSettings().setJavaScriptEnabled(true);
        hybridWebView.getSettings().setDomStorageEnabled(true);**								
    }

• Javascript Interface 설정

  → addJavascriptInterface 함수를 이용해 AdPopcornSSPJsBridge를 설정합니다.

private WebView hybridWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_hybrid);

        hybridWebView = (WebView) findViewById(R.id.hybrid_webview);

        hybridWebView.getSettings().setJavaScriptEnabled(true);
        hybridWebView.getSettings().setDomStorageEnabled(true);

        **hybridWebView.addJavascriptInterface(new AdPopcornSSPJsBridge(this, hybridWebView), AdPopcornSSPJsBridge.INTERFACE_NAME);**
    }

→ 위 2가지 연동을 hybrid webview에 설정해주면 네이티브와 통신을 위한 준비가 마무리됩니다.

이후에는 [WebPage Side 연동] 를 확인해 웹 페이지 내에 배너, 네이티브 영역을 지정하여 광고를 송출할 준비를 진행합니다.