원격 분석을 지원하기 위해 사이트 페이지에 스크립트 코드 추가

아티클
12/11/2024

이 문서에서는 클라이언트 쪽 원격 분석 컬렉션을 지원하기 위해 사이트 페이지에 클라이언트 쪽 스크립트 코드를 추가하는 방법을 설명합니다.

웹 분석은 고객이 사이트와 상호 작용하는 방식을 이해하고 전환율을 극대화하기 위해 경험을 최적화하는 데 도움이 되는 결정을 내리고자 할 때 필수적인 도구입니다. 이러한 목표를 달성하는 데 도움이 되는 Google Analytics, Clicky, Moz Analytics 및 KISSMetrics와 같은 많은 웹 분석 패키지를 사용할 수 있습니다. 대부분의 웹 분석 패키지에서는 사이트의 모든 페이지에 대한 HTML의 head <요소에 클라이언트 측 스크립트 코드를> 추가해야 합니다.

메모

이 문서의 지침은 기본적으로 제공되지 않는 다른 사용자 지정 클라이언트 쪽 기능 Microsoft Dynamics 365 Commerce 에도 적용됩니다.

스크립트 코드에 재사용 가능한 프래그먼트 만들기

조각을 사용하면 사용하는 템플릿에 관계없이 사이트의 모든 페이지에서 인라인 또는 외부 스크립트 코드를 재사용할 수 있습니다.

인라인 스크립트 코드에 대해 재사용 가능한 프래그먼트 만들기

사이트 작성기에서 인라인 스크립트 코드에 재사용 가능한 조각을 만들려면 다음 단계를 따라와 하세요.

Fragments(조각) 로이동한 다음 New(새로 만들기)를 선택합니다 .
New fragment(새 조각 ) 대화 상자에서 Inline script(인라인 스크립트 )를 선택합니다.
조각 이름에서 조각의 이름을 입력한 다음 확인을 선택합니다 .
생성한 프래그먼트 아래에서 기본 인라인 스크립트 모듈을 선택합니다 .
오른쪽의 속성 창의 인라인 스크립트에서 클라이언트 쪽 스크립트를 입력합니다. 그런 다음 필요에 따라 다른 옵션을 구성합니다.
저장 을 선택한다음, 편집 완료를 선택합니다.
게시를 선택합니다.

외부 스크립트 코드에 대해 재사용 가능한 조각 만들기

사이트 작성기에서 외부 스크립트 코드에 대해 재사용 가능한 조각을 만들려면 다음 단계를 따라와 수행합니다.

Fragments(조각) 로이동한 다음 New(새로 만들기)를 선택합니다 .
새 조각 대화 상자에서 외부 스크립트를 선택합니다.
조각 이름에서 조각의 이름을 입력한 다음 확인을 선택합니다 .
만든 조각 아래에서 기본 외부 스크립트 모듈을 선택합니다 .
오른쪽의 속성 창에 있는 스크립트 원본에서 외부 스크립트 원본에 대한 외부 또는 상대 URL을 추가합니다. 그런 다음 필요에 따라 다른 옵션을 구성합니다.
저장 을 선택한다음, 편집 완료를 선택합니다.
게시를 선택합니다.

메모

사이트에 대해 CSP(콘텐츠 보안 정책)가 활성화된 경우 모든 외부 URL이 Commerce 사이트 작성기의 script-src CSP 지시문에 추가되었는지 확인하십시오. 자세한 내용은 CSP(콘텐츠 보안 정책) 관리를 참조하세요.

템플릿에 스크립트 코드가 포함된 조각 추가

스크립트 코드가 포함된 조각을 사이트 작성기의 템플릿에 추가하려면 따라와 다음 단계를 따르십시오.

템플릿 으로이동하여 스크립트 코드를 추가할 페이지의 템플릿을 엽니다.
왼쪽 창에서 템플릿 계층 구조를 확장하여 HTML 헤드 슬롯을 표시합니다.
HTML 헤드 슬롯에서 줄임표 버튼( ...)을 선택한 다음 조각 추가를 선택합니다 .
스크립트 코드에 대해 만든 조각을 선택합니다.
저장 을 선택한다음, 편집 완료를 선택합니다.
게시를 선택합니다.

템플릿에 외부 스크립트 또는 인라인 스크립트 직접 추가

인라인 또는 외부 스크립트를 단일 템플릿으로 제어되는 페이지 집합에 직접 삽입하려는 경우 먼저 조각을 만들 필요가 없습니다.

템플릿에 인라인 스크립트 직접 추가

인라인 스크립트를 사이트 작성기의 템플릿에 직접 추가하려면 다음 단계를 따라와 하세요.

템플릿 으로이동하여 스크립트 코드를 추가할 페이지의 템플릿을 엽니다.
왼쪽 창에서 템플릿 계층 구조를 확장하여 HTML 헤드 슬롯을 표시합니다.
HTML 헤드 슬롯에서 줄임표 버튼( ...)을 선택한 다음 모듈 추가를 선택합니다 .
Add Module(모듈 추가) 대화 상자에서 Inline script(인라인 스크립트 )를 선택합니다.
오른쪽의 속성 창의 인라인 스크립트에서 클라이언트 쪽 스크립트를 입력합니다. 그런 다음 필요에 따라 다른 옵션을 구성합니다.
저장 을 선택한다음, 편집 완료를 선택합니다.
게시를 선택합니다.

템플릿에 직접 외부 스크립트 추가

사이트 작성기의 템플릿에 외부 스크립트를 직접 추가하려면 다음 단계를 따라와 보세요.

템플릿 으로이동하여 스크립트 코드를 추가할 페이지의 템플릿을 엽니다.
왼쪽 창에서 템플릿 계층 구조를 확장하여 HTML 헤드 슬롯을 표시합니다.
HTML 헤드 슬롯에서 줄임표 버튼( ...)을 선택한 다음 모듈 추가를 선택합니다 .
모듈 추가 대화 상자에서 외부 스크립트를 선택합니다.
오른쪽의 속성 창에 있는 스크립트 원본에서 외부 스크립트 원본에 대한 외부 또는 상대 URL을 추가합니다. 그런 다음 필요에 따라 다른 옵션을 구성합니다.
저장 을 선택한다음, 편집 완료를 선택합니다.
게시를 선택합니다.