Show Menu
화제×

모바일 애플리케이션에 Adobe Analytics 추가

단일 페이지 애플리케이션 프레임워크 기반 클라이언트측 렌더링(예: 응답)이 필요한 프로젝트에 SPA 편집기를 사용하는 것이 좋습니다. 추가 정보 .
모바일 애플리케이션 사용자를 위한 매력적이고 연관성 있는 경험을 구축하고자 하십니까? Adobe Mobile Services SDK를 사용하여 애플리케이션 라이프사이클 및 사용량을 모니터링하고 측정하지 않는 경우 어떤 결정을 내리시겠습니까? 우량 고객은 어디에 있습니까? 고객의 관심사와 전환율을 유지하고 최적화하는 방법을 어떻게 보장할 수 있습니까?
사용자가 모든 컨텐츠에 액세스하고 있습니까? 앱을 포기합니까? 그렇다면 어디에 있습니까? 앱의 사용 빈도와 앱을 얼마나 자주 다시 이용합니까? 어떤 변경 사항을 적용한 다음 이를 통해 고객 유지율을 높일 수 있습니까? 사용자의 경우 앱의 충돌 속도는 어떻습니까?
Adobe Mobile Services와 통합하여 AEM 앱에서 모바일 앱 분석을 활용할 수 있습니다 .
AEM Apps를 계측하여 사용자가 모바일 앱 및 컨텐츠에 참여하는 방법을 추적, 보고 및 이해하고, 시작, 앱 내 시간, 충돌률과 같은 주요 라이프사이클 지표를 측정할 수 있습니다.
이 섹션에서는 AEM 개발자가 다음을 수행할 수 있는 방법에 대해 설명합니다.
  • 모바일 애플리케이션에 모바일 분석 통합
  • Bloodhound를 사용하여 분석 추적 테스트

전제 조건

AEM Mobile에서 앱의 추적 데이터를 수집 및 보고하려면 Adobe Analytics 계정이 필요합니다. 구성의 일부로서 AEM 관리자는 먼저 다음을 수행해야 합니다.
  • Adobe Analytics 계정을 설정하고 Mobile Services에서 애플리케이션에 대한 보고서 세트를 만듭니다.
  • AEM(Adobe Experience Manager)에서 AMS 클라우드 서비스를 구성합니다.

개발자용 - 모바일 분석을 앱에 통합

구성 파일을 가져오도록 ContentSync 구성

Analytics 계정이 설정되면 콘텐츠를 모바일 응용 프로그램으로 가져오려면 콘텐츠 동기화 구성을 만들어야 합니다.
자세한 내용은 컨텐츠 동기화 컨텐츠 구성을 참조하십시오. 구성은 컨텐츠 동기화를 통해 ADBMobileConfig를 /www 디렉토리에 배치하도록 해야 합니다. 예를 들어 Geometrixx Outdoors 앱의 콘텐츠 동기화 구성은 다음 위치에 있습니다./content/phonegap/geometrixx-outdoors/shell/jcr:content/pge-app/app-config/ams-ADBMobileConfig **. 개발을 위한 구성도 있습니다.그러나 Geometrixx Outdoors의 경우 개발이 필요 없는 구성과 동일합니다.
모바일 애플리케이션 AEM Apps 대시보드에서 ADBMobileConfig를 다운로드하는 방법에 대한 자세한 내용은 Analytics - Mobile Services - Adobe Mobile Services SDK 구성 파일을 참조하십시오.
<jcr:root xmlns:jcr="https://www.jcp.org/jcr/1.0" xmlns:nt="https://www.jcp.org/jcr/nt/1.0"
    jcr:primaryType="nt:unstructured"
    extension="json"
    path="../../../.."
    selector="ADBMobileConfig"
    targetRootDirectory="www"
    type="mobileADBMobileConfigJSON"/>

각 플랫폼에서는 ADBMobileConfig를 특정 위치에 복사해야 합니다.
PhoneGap CLI를 사용하여 구축하는 경우 cordova 빌드 후크 스크립트로 작성할 수 있습니다. Geometrixx Outdoors 앱의 content/phonegap/geometrixx-outdoors/shell/_jcr_content/pge-app/app-content/phonegap/scripts/restore_plugins.js에서 확인할 수​ 있습니다.
iOS의 경우 파일을 XCode 프로젝트의 리소스 ​디렉토리(예: "platforms/ios/Geometrixx/Resources/ADBMobileConfig.json"). 앱이 Android용으로 타깃팅된 경우 복사할 경로는 "platforms/android/assets/ADBMobileConfig.json"입니다. PhoneGap CLI 빌드 중 후크를 사용하는 방법에 대한 자세한 내용은 Cordova/PhoneGap 프로젝트에 필요한 세 가지 후크를 참조하십시오.
///////////////////////////
//          iOS
///////////////////////////
    ios : [
        {
            "www/ADBMobileConfig.json": "platforms/ios/<YOUR_APP_NAME>/Resources/ADBMobileConfig.json"
        }
    ],
///////////////////////////
//          ANDROID
///////////////////////////
    android: [
        {
            "www/ADBMobileConfig.json": "platforms/android/assets/ADBMobileConfig.json"
        }
    ]

앱에 AMS 플러그인 추가

앱이 데이터를 수집하려면 Adobe Mobile Services(AMS) 플러그인을 앱의 일부로 포함해야 합니다. 플러그인을 앱의 config.xml에 기능으로 포함시키면 PhoneGap 빌드 프로세스 동안 플러그인을 자동으로 추가하는 데 다른 Cordova 후크를 사용할 수 있습니다.
<feature name="ADBMobile">
    <param name="id" value="https://github.com/Adobe-Marketing-Cloud/mobile-services#0482f9cedf90c98a8d4b07219ece1933b2e46a60"/>
</feature>

Geometrixx Outdoors 앱 config.xml은 /content/phonegap/geometrixx-outdoors/shell/jcr:content/pge-app/app-content/phonegap/www/config.xml에 있습니다 . 위의 예는 플러그인 URL 뒤에 '#'를 추가한 다음 태그 값을 추가하여 특정 버전의 플러그인을 요청합니다. 이는 빌드 중에 테스트되지 않은 플러그인이 추가되어 예상치 못한 문제가 나타나지 않도록 하기 위해 따르는 우수 사례입니다.
이러한 단계를 수행하면 앱이 Adobe Analytics에서 제공하는 모든 라이프사이클 지표를 보고할 수 있게 됩니다. 여기에는 시작, 충돌 및 설치와 같은 데이터가 포함됩니다. 만약 그것이 당신이 관심을 갖는 유일한 데이터라면 당신은 끝납니다. 사용자 지정 데이터를 수집하려면 코드를 작성해야 합니다.

전체 앱 추적을 위해 코드 계기

AMS Phonegap Plugin API에 제공되는 여러 추적 API가 있습니다.
이렇게 하면 사용자가 앱에서 탐색하는 페이지 위치, 가장 많이 사용되는 컨트롤 등과 같은 상태와 작업을 추적할 수 있습니다. 추적을 위해 앱을 계측하는 가장 쉬운 방법은 AMS 플러그인에서 제공하는 Analytics API를 사용하는 것입니다.
  • ADB.trackState()
  • ADB.trackAction()
Geometrixx Outdoors 앱의 코드를 참조하십시오. Geometrixx Outdoors 앱에서 ADB.trackState() 메서드를 사용하여 모든 페이지 탐색을 추적합니다. 자세한 내용은 /libs/mobileapps/components/angular/ng-page/clientlibs/app-navigation.js의 소스 코드를 참조하십시오.
이러한 메서드 호출을 사용하여 소스 코드를 구현함으로써 애플리케이션에 대해 전체 지표를 수집할 수 있습니다.

Bloodhound를 사용하여 분석 추적 테스트

선택적으로 프로덕션에 배포하기 전에 Adobe 도구 Bloodhound 사용하여 분석 구성을 테스트할 수 있습니다. 분석 구성을 테스트하려면 ADBMobileConfig.json 파일을 편집하여 실제 Analytics 서버 대신 Bloodhound가 실행 중인 서버를 가리켜야 합니다. 이 변경 사항을 적용하려면 ADBMobileConfig.json에서 다음 항목을 변경합니다.
...
"analytics": {
    "rsids": "YOUR_RSID",
    "server": "YOUR_TRACKING_SERVER:YOUR_TRACKING_PORT",
...

이 항목과 일치하도록 변경:
...
"analytics": {
    "rsids": "YOUR_RSID",
    "server": "localhost:50000",
...

이렇게 하면 AMS 플러그인에서 수집한 모든 데이터를 Bloodhound로 리디렉션하여 결과를 볼 수 있습니다.

AMS에 연결하기 위한 속성입니다.

com.adobe.cq.momobile.mobileservices.impl.service. MobileServicesHttpClientImpl은 AMS에 연결하기 위해 다음 속성을 노출합니다.
레이블
설명
기본값
API 끝점
Adobe Mobile Services HTTP API의 기본 URL
https://api.omniture.com
구성 끝점
지정된 보고서 세트 ID에 대한 ADB 모바일 구성을 검색하는 데 사용되는 URL
/ams/1.0/app/config/
모바일 서비스 앱
사용자 회사 내에서 앱 목록 가져오기
/ams/1.0/apps