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%"}

클릭 복사 을 눌러 양식 규칙을 사이트 페이지에 붙여넣습니다.

양식을 선택하고 추가 새 속성 오른쪽 위에 있거나 양식을 클릭합니다.

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

양식의 모든 이벤트를 선택하고 복사 오른쪽 위 레일에 있습니다.

복사한 후에는 규칙 복사 프로젝트 id로 Sites 페이지를 검색하여 양식 규칙을 붙여넣는 위치에 팝업이 나타납니다.

클릭 복사 을 눌러 양식 규칙을 사이트 페이지에 붙여넣습니다.

{width="100%"}