포털에서 공개적으로 제공하는 콘텐츠 검색을 사용 설정하기 위해 Google 맞춤검색 엔진(CSE)을 삽입하는 전용 검색 페이지를 만들 수 있습니다. 예를 들어 다음 그림에 표시된 포털은 Google에서 색인이 생성된 콘텐츠를 검색할 수 있는 Google CSE를 포함합니다.
Google 맞춤검색 엔진을 만듭니다.
a. Google 맞춤검색 구성 페이지로 이동합니다.
b. 추가를 클릭하여 새 맞춤검색 엔진을 만듭니다.
c. 커스텀 검색 엔진을 구성하고 포털 사이트 도메인을 식별합니다. Google 맞춤검색 엔진 도움말에서 검색 엔진 만들기를 참조하세요.
d. Google Search Console을 사용하여 사이트를 확인 및 제출하여 사이트 색인 생성을 가속화합니다. Google 맞춤검색 엔진 도움말의 검색 콘솔에서 사이트 확인을 참조하세요.
cx 변수를 Google 검색엔진 ID로 설정하고 path 값을 검색 페이지 URL로 설정합니다.
<script>
window.portal = {
pageEventListeners: {
onLoad: (path) => {
// Update with your search page URL
if (path === '/your-search-page-URL') {
// Add your Google search engine ID
var cx = 'your-search-engine-id';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
gcse.onload = function () {
var search = document.createElement('gcse:search');
// Note the element ID name
var searchBox = document.getElementById('search-box');
searchBox.appendChild(search);
};
}
}
}
};
</script>
포털에서 새 검색 페이지를 만들고 원하는 대로 맞춤설정합니다. 포털에서 페이지 관리를 참조하세요.
Google 검색창을 표시하려는 위치에 커스텀 스크립트에 정의된 맞춤검색 요소 ID(search-box)를 추가하세요.
예를 들면 다음과 같습니다.
<div id="search-box"></div>
필요에 따라 포털 탐색에 검색 페이지를 추가합니다. 자세한 내용은 탐색 설정을 참조하세요.