채널 메뉴 코드 설정 생성하기

1단계: JavaScript를 사용하여 코드 조각 설정 파일 만들기

채널 메뉴에 문자열, 배열, JSON, JavaScript 함수를 포함하여 JavaScript 정적 자원 파일을 사용할 수 있습니다. 시작하려면 이 코드 예에 따라 채널 메뉴 정적 자원 파일의 메뉴 항목을 수정합니다. 다음과 같은 지원되는 설정을 사용합니다.

2단계: 정적 자원 파일 업로드

코드가 준비되면 설정에서 파일을 정적 자원으로 업로드합니다.

1. 파일을 업로드할 때 캐시 제어에 대해 Public(공개)를 선택합니다.
2. 기억하기 쉬운 정적 리소스 이름을 선택합니다. 채널 메뉴 설정에 파일 이름이 아닌 이 이름을 사용하십시오.

3단계: 코드 설정에 리소스 추가

코드 설정을 편집하여 정적 자원 파일에 연결합니다.

1. 설정에서 빠른 찾기 상자에 채널 메뉴를 입력하고 채널 메뉴를 선택합니다.
2. 편집할 채널 메뉴의 이름을 클릭합니다.
3. 코드 설정 섹션에서 편집을 클릭합니다.
   
4. 코드 설정 추가를 선택합니다.
5. 사용자 정의를 위해 고유한 코드 설정 이름을 입력합니다.
   
6. 설명을 추가하고 자원 유형을 선택합니다.
7. 정적 자원 필드에서 업로드된 자원 이름을 선택합니다.
8. 더 추가하려면 Add Code Setting(코드 설정 추가)를 선택합니다.
9. 변경 사항을 저장합니다.

4단계: 코드 설정 구현(익스피리언스 빌더 사이트)

속성 편집기에 코드 설정 이름을 추가하고 사이트의 코드 설정 이름을 특정 페이지에 로드합니다.

5단계: 코드 설정 구현(웹 사이트)

채널 메뉴 코드 조각에 코드 설정 이름을 추가합니다.

1. 아직 적용하지 않은 경우 채널 메뉴 코드 조각을 적용합니다.
2. 웹 사이트에 추가한 코드 조각을 엽니다.
3. 코드 조각에서 새 매개 변수를 개체로서 embedded_svc.menu.init() 호출에 추가합니다. 예제는 이 섹션의 끝을 참조하세요.
4. embedded_svc.menu.init()에 전달된 마지막 매개 변수가 개체인지 확인합니다.
5. 웹 페이지 마크업에서 코드 조각이 변경되었는지 확인합니다.
6. 10분 후에 웹 페이지를 새로 고치고 채널 메뉴 버튼이 나타나는지 확인합니다. 정적 리소스가 로드되었고 웹 페이지에서 해당 항목이 작동하는지 확인합니다.

embedded_svc.menu.init(
	...existing parameters,
	{
		pageName: "InsertName"
	}
);