Experience Cloud 설정 자동화를 사용하여 적응형 양식용 Adobe Analytics 활성화 integrate-adobe-analytics-to-aem-forms-with-experience-cloud-setup-automation

클라우드 서비스의 구성 컨테이너 만들기:

1. 도구 > 일반 > 구성 브라우저​로 이동합니다.
2. 구성 컨테이너를 선택하거나 만들고 클라우드 구성 폴더를 활성화합니다
3. 저장 및 닫기​를 선택하여 구성을 저장하고 대화 상자를 종료합니다.

AEM 인스턴스에서 [Forms] >> [양식 및 문서]​로 이동합니다.

구성 컨테이너​에서 양식 >> 속성​을 선택한 다음 1단계의 구성 브라우저​에서 만들거나 선택한 구성 컨테이너를 선택합니다.

왼쪽 레일에서 작업 패널을 선택하고 Analytics 설정 및 Adobe Analytics 활성화​를 클릭합니다.

보고서 세트에 원하는 이름을 입력하고 다음 및 저장​을 클릭합니다.

프로젝트를 저장하고 나면 Adobe Analytics가 적응형 양식과 통합될 때까지 잠시 동안 설정이 실행됩니다. 통합 상태​를 확인할 수도 있습니다.

AEM 인스턴스에서 Forms >> [양식 및 문서]​로 이동하여 양식​을 선택하면 아래 이미지에 표시된 대로 Adobe Analytics가 양식에 통합됩니다.

이제 적응형 양식 Adobe Analytics 보고서를 볼 수 있습니다.

AEM 인스턴스에서 Forms >> 양식 및 문서​로 이동하고 양식​을 선택합니다.

왼쪽 레일의 작업 패널을 선택하고 Analytics 설정 및 Adobe Analytics 활성화​를 클릭합니다.

보고서 세트에 원하는 이름을 입력하고 다음 및 저장​을 클릭합니다.

프로젝트를 저장하고 나면 Adobe Analytics가 적응형 양식과 통합될 때까지 잠시 동안 설정이 실행됩니다. 통합 상태​를 확인할 수도 있습니다.

AEM 인스턴스에서 Forms >> 양식 및 문서​으로 이동하여 양식 을 선택하면 Adobe Analytics가 양식에 통합됩니다.

이제 적응형 양식 Adobe Analytics 보고서를 볼 수 있습니다.

AEM 인스턴스에서 Forms >> 양식 및 문서​로 이동합니다.

양식을 선택하면 왼쪽에 표시된 대로 Adobe Analytics가 Adobe Analytics에 활성화된 양식에 통합됩니다.

{width="100%"}

Adobe Analytics​를 클릭하여 보고서를 보고 성능 데이터를 분석합니다.

텍스트 편집기에서 AEM Forms Archetype 또는 복제된 Git 저장소 프로젝트를 엽니다. 예: Visual Studio Code.

적응형 양식이 있는 사이트 페이지로 이동합니다. 예를 들어 이 데모 프로젝트에는 ui.apps/src/main/content/jcr_root/apps/corecomponents/components/page/.content.xml이(가) 있습니다.

sling:resourceSuperType의 값을 복사합니다. 예를 들어 값은 core/wcm/components/page/v3/page입니다.

{width="100%"}

ui.apps/src/main/content/jcr_root/apps 위치에 core/wcm/components/page/v3/page과(와) 동일한 유사한 구조를 만듭니다.

{width="100%"}

customfooterlibs.html 파일을 추가합니다.

// customheaderlibs.html
<sly data-sly-use.page="com.adobe.cq.wcm.core.components.models.Page">
<sly data-sly-test="${page.data && page.dataLayerClientlibIncluded}" data-sly-call="${clientlib.js @ categories='core.forms.components.commons.v1.datalayer', async=true}"></sly>
</sly>

customfooterlibs.html은(는) JavaScript에 사용됩니다.

파이프라인을 실행하여 변경 내용을 배포합니다.

Adobe Experience Platform 데이터 수집​을(를) 방문하세요.

왼쪽에 있는 태그​를 클릭합니다.

아래 이미지에 표시된 대로 프로그램 ID로 프로젝트를 검색합니다. 예를 들어 URL이 https://author-p45921-e175111-cmstg.adobeaemcloud.com/index.html이고 프로그램 ID가 45921인 환경에 대해 검색할 수 있습니다.

{width="100%"}

아래와 같이 양식 규칙 및 데이터 요소​에 대한 구성을 추가하십시오.

양식을 선택하고 오른쪽 상단에 있는 새 속성​을 추가하거나 양식을 클릭하십시오.

속성 페이지에서 규칙​을 클릭하고 양식에 대한 이벤트를 선택합니다. 아래 예제 이미지에서는 양식 이벤트​입니다.

{width="100%"}

폼의 모든 이벤트를 선택하고 오른쪽 위 레일에 있는 복사​를 선택합니다.

복사하면 프로젝트 ID로 Sites 페이지를 검색하여 양식 규칙을 붙여넣는 규칙 복사 팝업이 나타납니다.

{width="100%"}

복사​를 클릭하여 양식 규칙을 Sites 페이지에 붙여넣습니다.

양식을 선택하고 오른쪽 상단에 있는 새 속성​을 추가하거나 양식을 클릭하십시오.

속성 페이지에서 데이터 요소​를 클릭하고 양식에 대한 이벤트를 선택합니다.

폼의 모든 이벤트를 선택하고 오른쪽 위 레일에 있는 복사​를 선택합니다.

복사하면 프로젝트 ID로 Sites 페이지를 검색하여 양식 규칙을 붙여넣는 규칙 복사 팝업이 나타납니다.

복사​를 클릭하여 양식 규칙을 Sites 페이지에 붙여넣습니다.

{width="100%"}