코드 기반 경험에서 편집 가능한 양식 필드 사용
코드 기반 경험을 보다 유연하게 제어하고 제어하기 위해 Journey Optimizer을(를) 사용하면 개발 팀에서 미리 정의된 편집 가능한 특정 필드가 포함된 JSON 또는 HTML 콘텐츠 템플릿을 만들 수 있습니다.
코드 기반 경험을 만들 때 기술 전문가가 아닌 마케터는 개인화 편집기를 열거나 여정 또는 캠페인의 다른 코드 요소를 터치할 필요 없이 인터페이스에서 이러한 필드를 직접 편집할 수 있습니다.
이 기능은 마케팅 사용자에게 간소화된 환경을 제공하는 동시에 개발자가 코드 콘텐츠를 보다 세밀하게 제어할 수 있도록 하여 오류가 발생할 여지가 줄어듭니다.
양식 필드 구문 이해
HTML 또는 JSON 코드 페이로드의 일부를 편집할 수 있도록 하려면 표현식 편집기에서 특정 구문을 사용해야 합니다. 여기에는 사용자가 코드 기반 환경에 콘텐츠 템플릿을 적용한 후 재정의할 수 있는 기본값으로 변수 선언이 포함됩니다.
예를 들어, 코드 기반 경험에 적용할 콘텐츠 템플릿을 만들고 사용자가 다른 위치에서 사용되는 특정 색상(예: 프레임 또는 버튼의 배경색)을 사용자 지정할 수 있도록 하려는 경우,
콘텐츠 템플릿을 만들 때는 고유 ID(예: "color")로 변수를 선언하고 이 색상을 적용할 콘텐츠의 원하는 위치에서 호출해야 합니다.
콘텐츠에 콘텐츠 템플릿을 적용할 때 사용자는 변수를 참조하는 모든 곳에서 사용되는 색상을 맞춤화할 수 있습니다.
HTML 또는 JSON 콘텐츠 템플릿에 편집 가능한 필드 추가
JSON 또는 HTML 코드 중 일부를 편집할 수 있도록 하려면 먼저 특정 양식 필드를 정의할 수 있는 코드 기반 경험 콘텐츠 템플릿을 만듭니다.
노트-
콘텐츠 템플릿을 만들고 코드 기반 경험 채널을 선택하십시오. 템플릿을 만드는 방법을 알아봅니다
-
작성 모드를 선택합니다. HTML 또는 JSON.
주의작성 모드를 변경하면 현재 코드가 모두 손실됩니다. 이 템플릿을 기반으로 하는 코드 기반 경험은 동일한 작성 모드를 사용해야 합니다. -
코드 콘텐츠를 편집하려면 개인화 편집기를 여십시오.
-
편집 가능한 양식 필드을(를) 정의하려면 왼쪽 탐색 창의 도우미 함수 메뉴로 이동하여 인라인 특성을 추가하십시오. 변수를 선언하고 호출하는 구문은 콘텐츠에 자동으로 추가됩니다.
-
편집 가능한 필드를 식별하려면
"name"을(를) 고유 ID로 바꾸십시오. 예를 들어 "imgURL"을 입력합니다. 노트필드 ID는 고유해야 하며 공백을 포함할 수 없습니다. 이 ID는 변수의 값을 표시하려는 콘텐츠의 모든 곳에서 사용해야 합니다. -
아래 표에 설명된 매개 변수를 추가하여 필요에 맞게 구문을 조정합니다.
작업매개변수예편집 가능한 필드를 기본값(으)로 선언합니다. 템플릿을 콘텐츠에 추가할 때 템플릿을 사용자 지정하지 않으면 이 기본값이 사용됩니다.인라인 태그 사이에 기본값을 추가합니다.{{#inline "editableFieldID"}}default_value{{/inline}}편집 가능한 필드에 대해 레이블 을(를) 정의합니다. 이 레이블은 템플릿의 필드를 편집할 때 코드 편집기에 표시됩니다.name="title"{{#inline "editableFieldID" name="title"}}default_value{{/inline}} -
양식 필드 미리 보기 를 클릭하여 이 템플릿을 적용하는 코드 기반 환경에서 편집 가능한 양식 필드가 표시되는 방식을 확인합니다.
-
편집 가능한 필드 값을 표시할 모든 위치에서 코드에
{{{name}}}구문을 사용합니다.name을(를) 이전에 정의된 필드의 고유 ID로 바꾸십시오.
-
마찬가지로 다른 편집 가능한 필드를 추가하여 각 필드를
{{#inline}}및{{/inline}}태그로 래핑합니다. -
정의한 편집 가능한 필드에 해당하는 ID를 포함하여 나머지 코드를 필요에 따라 편집합니다. 방법 알아보기
-
템플릿을 저장합니다.
