WebViews 처리

모바일 앱에서 WebViews를 사용하여 데이터 수집을 처리하는 방법을 알아봅니다.

전제 조건

• SDK가 설치 및 구성된 앱을 성공적으로 빌드하고 실행합니다.

학습 목표

이 단원에서는 다음 작업을 수행합니다.

• WebViews에 대해 특별한 고려 사항을 고려해야 하는 이유를 이해합니다.
• 추적 문제를 방지하는 데 필요한 코드를 이해합니다.

잠재적 추적 문제

앱의 네이티브 부분 및 WebView에서 데이터를 전송하는 경우, 각각 고유한 Experience Cloud ID(ECID)를 생성합니다. 이로 인해 연결이 끊기고 방문/방문자 데이터가 부풀려집니다. ECID에 대한 자세한 내용은 ECID 개요.

이러한 원치 않는 상황을 해결하기 위해서는 사용자의 ECID를 원래 위치에서 WebView로 전달하는 것이 중요합니다.

WebView의 Experience Cloud ID 서비스 JavaScript 확장은 새 ID에 대한 Adobe에 요청을 전송하는 대신 URL에서 ECID를 추출합니다. ID 서비스는 이 ECID를 사용하여 방문자를 추적합니다.

구현

Luma 샘플 앱에서 를 찾습니다. TermsOfService.swift 파일( Intro-Login_SignUp 폴더)로 이동하여 다음 코드를 찾습니다.

// Show tou.html
let url = Bundle.main.url(forResource: "tou", withExtension: "html")
let myRequest = URLRequest(url: url!)
self.webView.load(myRequest)

이는 WebView를 로드하는 간단한 방법입니다. 이 경우 로컬 파일이지만 원격 페이지에는 동일한 개념이 적용됩니다.

아래 표시된 대로 웹 보기 코드를 리팩터링합니다.

let url = Bundle.main.url(forResource: "tou", withExtension: "html")
if var urlString = url?.absoluteString {
    // Adobe Experience Platform - Handle Web View
    AEPEdgeIdentity.Identity.getUrlVariables {(urlVariables, error) in
        if let error = error {
            self.simpleAlert("\(error.localizedDescription)")
            return;
        }

        if let urlVariables: String = urlVariables {
            urlString.append("?" + urlVariables)
        }

        DispatchQueue.main.async {
            self.webView.load(URLRequest(url: URL(string: urlString)!))
        }
        print("Successfully retrieved urlVariables for WebView, final URL: \(urlString)")
    }
} else {
    self.simpleAlert("Failed to create URL for webView")
}

에 대해 자세히 알아볼 수 있습니다 Identity.getUrlVariables 의 API Edge Network 확장 API 참조 안내서의 ID.

유효성 검사

를 검토한 후 설정 지침 섹션에서 시뮬레이터나 장치를 Assurance에 연결하고 WebView를 로드하고 Edge Identity Response URL Variables 이벤트 com.adobe.griffon.mobile 공급업체

WebView를 로드하려면 Luma 앱의 홈 화면으로 이동하고 "account" 아이콘을 선택한 후 바닥글에 "사용 약관" 이 표시됩니다.

WebView를 로드한 후 이벤트를 선택하고 urlvariables 의 필드 ACPExtensionEventData 개체, 다음 매개 변수가 URL에 있는지 확인합니다. adobe_mc, mcmid, 및 mcorgid.

샘플 urvariables 필드는 아래와 같습니다.

// Original (with escaped characters)
adobe_mc=TS%3D1636526122%7CMCMID%3D79076670946787530005526183384271520749%7CMCORGID%3D7ABB3E6A5A7491460A495D61%40AdobeOrg

// Beautified
adobe_mc=TS=1636526122|MCMID=79076670946787530005526183384271520749|MCORGID=7ABB3E6A5A7491460A495D61@AdobeOrg

다음: ID

Business.Adobe.com 리소스