커스텀 검색 페이지 만들기

이 페이지는 Apigee 및 Apigee Hybrid에 적용됩니다.

포털에서 공개적으로 제공하는 콘텐츠 검색을 사용 설정하기 위해 Google 맞춤검색 엔진(CSE)을 삽입하는 전용 검색 페이지를 만들 수 있습니다. 예를 들어 다음 그림에 표시된 포털은 Google에서 색인이 생성된 콘텐츠를 검색할 수 있는 Google CSE를 포함합니다.

Google 맞춤검색 엔진을 삽입하기 전에 다음 사항에 유의하세요.

Google CSE를 사용하여 검색하면 공개적으로 제공하는 콘텐츠의 결과만 반환할 수 있습니다. 즉, 포털 사용자는 콘텐츠를 보기 위해 포털에 로그인할 필요가 없습니다.
현재로서는 승인된 비영리 사이트가 아니라면 검색결과에서 광고를 사용 중지할 수 없습니다.
Google CSE는 Apigee 라이선스에 포함되지 않습니다. 통합 포털의 즉시 사용 가능한 검색 솔루션은 향후 출시 버전에서 제공될 예정입니다.
Google Search Console(Apigee 라이선스에 포함되지 않음)은 Google 검색 색인에서 포털을 삭제 및 관리하는 데 사용할 수 있는 또 다른 도구입니다.

맞춤검색 페이지를 만들려면 다음 절차를 따르세요.

포털 콘텐츠를 게시합니다.
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>
```
필요에 따라 포털 탐색에 검색 페이지를 추가합니다. 자세한 내용은 탐색 설정을 참조하세요.
검색 페이지와 탐색 업데이트를 게시합니다.