<ph type="x-smartling-placeholder"></ph>
현재 Apigee Edge 문서를 보고 있습니다.
Apigee X 문서. 정보
<ph type="x-smartling-placeholder">
포털의 각 페이지에서 <body>
태그 앞에 커스텀 자바스크립트 코드 또는 HTML 콘텐츠를 추가하려면 다음 안내를 따르세요.
- 게시 > 포털을 선택하고 포털을 선택합니다.
- 방문 페이지에서 설정을 클릭합니다. 또는 상단 탐색 메뉴의 드롭다운에서 설정을 선택할 수 있습니다.
- 커스텀 스크립트 탭을 클릭합니다.
커스텀 스크립트 섹션의 텍스트 상자에 커스텀 자바스크립트 코드를 입력합니다. 여러 스크립트를 포함할 수 있습니다.
저장을 클릭합니다.
다음 섹션에서는 커스텀 스크립트의 예시를 제공합니다.
애널리틱스 추적 구성도 참고하세요.
onLoad 또는 onUnload JavaScript 이벤트 중에 맞춤 스크립트 실행
포털의 각 페이지에서 실행할 커스텀 스크립트를 정의합니다.
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>