커스텀 스크립트 추가

현재 Apigee Edge 문서가 표시되고 있습니다.
Apigee X 문서로 이동 정보

포털의 각 페이지에서 <body> 태그 앞에 커스텀 자바스크립트 코드 또는 HTML 콘텐츠를 추가하려면 다음 안내를 따르세요.

  1. 게시 > 포털을 선택하고 포털을 선택합니다.
  2. 방문 페이지에서 설정을 클릭합니다. 또는 상단 탐색 메뉴의 드롭다운에서 설정을 선택할 수 있습니다.
  3. 커스텀 스크립트 탭을 클릭합니다.

  4. 커스텀 스크립트 섹션의 텍스트 상자에 커스텀 자바스크립트 코드를 입력합니다. 여러 스크립트를 포함할 수 있습니다.

  5. 저장을 클릭합니다.

다음 섹션에서는 커스텀 스크립트의 예시를 제공합니다.

애널리틱스 추적 구성도 참고하세요.

onLoad 또는 onUnload 자바스크립트 이벤트 도중 맞춤 스크립트 실행

포털의 각 페이지에서 실행할 커스텀 스크립트를 정의합니다.

  • onLoad 자바스크립트 이벤트를 사용하여 DOM에 로드합니다.
  • onUnload 자바스크립트 이벤트를 사용하여 포털의 각 페이지에서 벗어납니다.

커스텀 함수는 window 변수에 선언된 글로벌 네임스페이스의 portal.pageEventListeners 일부로 정의되어야 합니다.

onLoad 및 onUnload 이벤트는 모두 페이지의 현재 경로(예: /quickstart)에 첫 번째 매개변수로 전송됩니다. onUnload 함수는 onLoad 호출에서 반환 값을 두 번째 매개변수로 받아 컨텍스트가 두 이벤트 간에 전달될 수 있도록 합니다. onUnload를 사용하여 더 이상 필요하지 않은 이벤트 리스너를 정리하고 다른 정리 활동을 수행합니다.

예를 들면 다음과 같습니다.

<script>
window.portal = {};
window.portal.pageEventListeners = {
  onLoad: (path) => {
    if (path === '/quickstart') {
      // Change text content of first <p> element to something
      // else. (DOM must be loaded when onLoad is called)
      document.getElementsByTagName('p')[0].textContent =
          'Welcome to the quick start! Be sure to send us your feedback.';
      // print a custom message to the console every second while user is on
      // quickstart page.
      const interval =
          window.setInterval(() => console.log('Hello'), 1000);
      return interval;
    }
    return undefined;
  },
  onUnload: (path, contextReturnedFromOnLoad) => {
    if (contextReturnedFromOnLoad != null) {
      // Stop printing custom message to console every second.
      window.clearInterval(contextReturnedFromOnLoad)

    }
  },
};
</script>

커스텀 스크립트를 사용하여 쿠키 동의 솔루션을 구현할 수 있습니다. JavaScript로 구현된 다양한 오픈소스 옵션이 있습니다. 특정 규정 준수 요구사항에 맞는 옵션을 선택하세요.

예를 들어 다음 스크립트는 쿠키 정보 스크립트를 사용합니다.

<script type="text/javascript" id="cookieinfo" src="//cookieinfoscript.com/js/cookieinfo.min.js">
</script>