NAM 광고를 HTML Element에 연결하여 즉시 송출합니다.
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val webView = findViewById<WebView>(R.id.wvWebView)
// Web SDK 연동하는 WebView 설정
webView.settings.apply {
javaScriptEnabled = true // 자바스크립트 활성화
domStorageEnabled = true // DOM 스토리지 활성화
}
// JavaScript Interface 추가
webView.addJavascriptInterface(
SPCWebView.SPCWebBridge(context = context, webView = webView),
SPCWebView.WEB_VIEW_BRIDGE
)
}
class webSDKTestViewController: ViewController {
var webView: WKWebView = WKWebView()
var pageUrl = "test.html"
override func viewDidLoad(){
super.viewDidLoad()
// 웹뷰에 Javascript Bridge 설정
let scriptMessageHandler = AvatyeWebSDKController(rootWebView: webView)
webView.configuration.userContentController.add(scriptMessageHandler, name: "AvatyeBridge_SPC")
// 웹뷰 Delegate 설정
webView.navigationDelegate = self
// 웹뷰를 뷰에 추가
view.addSubview(webView)
// 웹 페이지 로드
if let url = URL(string: pageUrl) {
let request = URLRequest(url: url)
webView.load(request)
}
}
}
// WKWebview Delegate 구현
extension webSDKTestViewController: WKNavigationDelegate{
func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
guard let url = navigationAction.request.url, url.absoluteString != "about:blank" else {
decisionHandler(.cancel)
return
}
if url.absoluteString != pageUrl {
// 웹뷰에서 사용중인 url과 다를 경우, 기본 브라우저로 오픈 처리
UIApplication.shared.open(url, options: [:]) { isSuccess in
// after open
}
decisionHandler(.cancel)
} else {
// 웹뷰 내에서 랜딩
decisionHandler(.allow)
}
}
}
<Html>
<Head>
</Head>
<body>
// 상용
<script src={'https://avatye-resources.s3.ap-northeast-2.amazonaws.com/pointhome/webSdk/spc/pointhome-{version}.min.js'} />
// 테스트
<script src={'https://avatye-resources.s3.ap-northeast-2.amazonaws.com/pointhome/webSdk/spc/pointhome-{version}-test.min.js'} />
</body>
</Html>
// 최초 initialize하여 지면 세팅에 필요한 데이터를 초기화합니다.
Pointhome.NAM.init({
pubID: '868410196', // 앱 키
eventListener: { // NAM EventListener 등록 (Optional)
onLoaded: (elementID) => {
// elementID: 광고가 등록된 elementID
console.log("onLoaded", elementID)
},
onClicked: (elementID) => {
// elementID: 광고가 등록된 elementID
console.log("onClicked", elementID)
},
onError: (elementID, stat) => {
// elementID: 광고가 등록된 elementID
// stat: 에러 코드 (0: error (invalid ad unit id, ...), 2: no ad, 3: timeout)
console.log("onError", elementID, stat)
},
},
});
// 지면 1개 세팅
Pointhome.NAM.setPlacements({
elementID: 'ph-NAM', // 광고 노출 영역 (HTML Element)의 ID
placementID: 'njsSWrFDZs3HRZK', // 지면 ID
adUnitID: 'WEB_nw_banner-N345765840', // NAM 광고 유닛 ID
onClick: (elementID, curl) => { // 지면 클릭 이벤트 (curl을 통한 랜딩 처리)
console.log("onClick", elementID, curl);
}
});
// 지면 n개 세팅 (배열 param으로 전달)
Pointhome.NAM.setPlacements([
{
elementID: 'ph-NAM',
placementID: 'njsSWrFDZs3HRZK',
adUnitID: 'WEB_nw_banner-N345765840',
onClick: (elementID, curl) => {
console.log("onClick", elementID, curl);
},
},
{
elementID: 'ph-NAM-2',
placementID: 'njsSWrFDZs3HRZK',
adUnitID: 'WEB_nw_banner-N345765840',
onClick: (elementID, curl) => {
console.log("onClick", elementID, curl);
},
},
]);
// initialize와 동시에 지면 세팅
Pointhome.NAM.init({
pubID: '868410196',
}).then(() => {
Pointhome.NAM.setPlacements({
elementID: 'ph-NAM',
placementID: 'njsSWrFDZs3HRZK',
adUnitID: 'WEB_nw_banner-N345765840',
onClick: (elementID, curl) => {
console.log("onClick", elementID, curl);
},
});
})
