Show Menu
화제×

JavaScript 구현 개요

Analytics를 사용하기 시작하려면 보고에 표시할 보고서 세트로 데이터를 보내야 합니다.
Analytics로 데이터를 보내는 가장 쉽고 권장되는 방법은 Launch 를 사용하는 것입니다. 그러나 경우에 따라 이전 JavaScript 메서드를 사용하여 Analytics를 구현할 수 있습니다.
이 섹션에서는 Analytics를 구현하는 기존 방법을 설명합니다. 모든 Analytics 고객은 Experience Cloud 태그를 배포하는 표준 방법인 Launch 에 액세스할 수 있습니다.

구현 절차

데이터를 모으는 코드 페이지를 성공적으로 구현하기 위해서는, 새로운 컨텐츠를 웹 사이트에 업로드할 수 있도록 호스팅 서버에 대한 액세스 권한을 가지고 있어야 합니다. 코드를 구현할 기존 사이트가 있으면 유용합니다.
다음은 기초 Analytics 구현 단계입니다.
작업
설명
1. JavaScript용 AppMeasurement 및 ID 서비스를 다운로드합니다.
Experience Cloud를 통해 Analytics에 로그인합니다. 다운로드 파일은 Analytics > 관리자 > 코드 관리자에서 사용할 수 있습니다. 이 다운로드 ZIP에는 여러 파일이 포함되어 있습니다. AppMeasurement.js 및 VisitorAPI.js는 Analytics를 구현할 때 관련된 파일입니다.
2. ID 서비스를 설정합니다. 이전 방문자 ID 서비스입니다.
3. AppMeasurement.js 를 업데이트합니다.
Copy the example AppMeasurement.js code and paste it at the beginning of your AppMeasurement.js file. 최소한 다음 변수를 업데이트하십시오.
  • s.account="INSERT-RSID-HERE"
  • s.trackingServer="INSERT-TRACKING-SERVER-HERE"
  • s.visitorNamespace = "INSERT-NAMESPACE-HERE"
  • s.visitor = Visitor.getInstance("INSERT-MCORG-ID-HERE")
trackingServer 및 trackingServerSecure 변수 올바로 채우기를 참조하거나 이러한 값에 대해 잘 모르는 경우 클라이언트 지원 팀에 문의하십시오. 이 변수들이 올바로 설정되지 않으면, 구현해도 데이터가 수집되지 않습니다.
4. AppMeasurement.js VisitorAPI.js 를 호스팅합니다.
코어 JavaScript 파일은 사이트의 모든 페이지에서 액세스할 수 있는 웹 서버에 호스팅되어야 합니다. 다음 단계에서 이 파일에 대한 경로가 필요합니다.
5. 모든 사이트 페이지에서 AppMeasurement.js VisitorAPI.js 를 참조합니다.
  • 각 페이지의 head 또는 body 태그에 다음 코드 행을 추가하여 방문자 ID 서비스를 포함합니다. VisitorAPI.js AppMeasurement.js 앞에 포함해야 합니다.
    script language="JavaScript" type="text/javascript" src="https://INSERT-DOMAIN-AND-PATH-TO-CODE-HERE/VisitorAPI.js"
  • 다음 코드 행을 각 페이지의 head 또는 body 태그에 추가하여 JavaScript용 AppMeasurement를 포함합니다.
    script language="JavaScript" type="text/javascript" src="https://INSERT-DOMAIN-AND-PATH-TO-CODE-HERE/AppMeasurement.js"
6. 페이지 코드를 업데이트하고 배포합니다.
Copy the Example Page Code and paste it just after the opening body tag on each page you want to track. 최소한 다음 변수를 업데이트하십시오.
  • var s=s_gi("INSERT-RSID-HERE")
  • s.pageName="INSERT-NAME-HERE"(예: s.pageName=document.title)
7. Experience Cloud 디버거를 사용하여 데이터가 전송되고 있는지 확인합니다.
Experience Cloud Debugger 를 설치합니다. 설치가 끝나면 페이지 코드를 배포한 페이지를 불러온 다음 디버거를 엽니다. 디버거가 전송된 수집 데이터에 대한 정보를 표시합니다.

캐시

JavaScript 파일은 처음에 로드된 후 방문자의 브라우저에 캐싱되며 일반적으로 세션당 한 번 이상 다운로드되지 않습니다. 이 파일은 사이트의 모든 페이지에서 사용되더라도 각 페이지에서 다운로드되지 않습니다. 대부분의 웹 사이트에서 사용자는 평균적으로 세션당 여러 번 페이지를 보기 때문에 여러 번 사용되는 JavaScript를 이 파일로 전송하면 다운로드되는 전체 데이터가 줄어들 수 있습니다.

AppMeasurement 압축용 JavaScript

H 코드(JavaScript 1.0용 AppMeasurement는 사전에 압축되어 있음)의 페이지 무게(크기)가 걱정되는 경우에는, GZIP을 사용한 파일 압축을 고려해 보는 것이 좋습니다. GZIP은 모든 주요 브라우저에서 지원되며, JavaScript 압축보다 나은 성능을 제공하여 코어 s_code.js JavaScript 파일을 압축 및 압축 해제할 수 있도록 해줍니다.
다음 링크는 사이트에서 GZIP 기능을 사용하여 s_code.js JavaScript 코드의 압축을 처리할 수 있는 방법을 이해하는 데 도움이 됩니다.