웹 보기 처리

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

전제 조건

  • SDK가 설치 및 구성된 앱을 빌드하고 실행했습니다.

학습 목표

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

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

잠재적 추적 문제

앱의 기본 부분과 앱 내의 WebView에서 데이터를 전송하는 경우 각각은 고유한 Experience Cloud ID(ECID)를 생성하므로 히트가 끊기고 방문/방문자 데이터가 부풀려집니다. ECID에 대한 자세한 내용은 ECID 개요.

이러한 바람직하지 않은 상황을 해결하려면 사용자의 ECID를 앱의 기본 부분에서 앱에서 사용할 WebView로 전달하는 것이 중요합니다.

WebView 내에서 사용된 AEP Edge Identity 확장은 새 ID에 대한 Adobe 요청을 전송하는 대신 현재 ECID를 수집하여 URL에 추가합니다. 그런 다음 구현은 이 ECID를 사용하여 URL을 요청합니다.

구현

다음으로 이동 Luma > Luma > Views > Info > TermsOfServiceSheet ​을 클릭하고 func loadUrl() 의 함수 final class SwiftUIWebViewModel: ObservableObject 클래스. 웹 보기를 처리하기 위해 다음 호출을 추가합니다.

// Handle web view
AEPEdgeIdentity.Identity.getUrlVariables {(urlVariables, error) in
    if let error = error {
        print("Error with Webview", error)
        return;
    }

    if let urlVariables: String = urlVariables {
        urlString.append("?" + urlVariables)
        guard let url = URL(string: urlString) else {
            return
        }
        DispatchQueue.main.async {
            self.webView.load(URLRequest(url: url))
        }
    }
    Logger.aepMobileSDK.info("Successfully retrieved urlVariables for WebView, final URL: \(urlString)")
}

다음 AEPEdgeIdentity.Identity.getUrlVariables API는 URL에 대해 ECID 등과 같은 모든 관련 정보를 포함하도록 변수를 설정합니다. 이 예에서는 로컬 파일을 사용하고 있지만 원격 페이지에도 동일한 개념이 적용됩니다.

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

유효성 검사

코드를 실행하려면:

  1. 리뷰 설치 지침 시뮬레이터 또는 장치를 Assurance에 연결하는 섹션입니다.

  2. 로 이동 설정 앱에서

  3. View… 단추 표시 Terms of Use.

    {width="300"} {width="300"}

  4. Assurance UI에서 Edge ID 응답 URL 변수 다음에서 이벤트 발생 com.adobe.grifcon.mobile 공급업체.

  5. 이벤트를 선택하고 urlvariable 의 필드 ACPExtensionEventData 다음 매개 변수가 URL에 있는지 확인하는 개체입니다. adobe_mc, mcmid, 및 mcorgid.

    webview 유효성 검사

    샘플 urvariables 필드는 아래에서 볼 수 있습니다.

    • 원본(이스케이프 처리된 문자 포함)

      code language-html
      adobe_mc=TS%3D1636526122%7CMCMID%3D79076670946787530005526183384271520749%7CMCORGID%3D7ABB3E6A5A7491460A495D61%40AdobeOrg
      
    • 미화

      code language-html
      adobe_mc=TS=1636526122|MCMID=79076670946787530005526183384271520749|MCORGID=7ABB3E6A5A7491460A495D61@AdobeOrg
      

죄송합니다. 웹 세션 디버깅은 제한됩니다. 예를 들어 브라우저의 Adobe Experience Platform Debugger을 사용하여 Webview 세션을 계속 디버깅할 수는 없습니다.

NOTE
이러한 URL 매개 변수를 통한 방문자 결합은 Platform Web SDK(버전 2.11.0 이상)에서 그리고 을 사용할 때 지원됩니다 VisitorAPI.js.
SUCCESS
이제 Adobe Experience Platform Mobile SDK에서 이미 발급한 ECID와 동일한 ECID를 사용하여 웹 보기에서 URL을 기반으로 콘텐츠를 표시하도록 앱을 설정했습니다.
Adobe Experience Platform Mobile SDK에 대해 학습하는 데 시간을 투자해 주셔서 감사합니다. 질문이 있거나 일반적인 피드백을 공유하려는 경우 또는 향후 콘텐츠에 대한 제안이 있는 경우 이에 대해 공유하십시오 Experience League 커뮤니티 토론 게시물

다음: 신원

recommendation-more-help
9fed61f5-c338-47ad-8005-0b89a5f4af8b