יצירת דף חיפוש בהתאמה אישית

הדף הזה רלוונטי ל-Apigee ול-Apigee Hybrid.

לעיון במסמכי התיעוד של Apigee Edge

כדי לאפשר חיפוש של התוכן שזמין לציבור בפורטל, אפשר ליצור דף חיפוש ייעודי ולהטמיע בו מנוע חיפוש מותאם אישית (CSE) של Google.

כדי לראות תמונה גדולה יותר, לוחצים עליה

כדי לראות תמונה גדולה יותר, לוחצים עליה

כדי ליצור דף חיפוש בהתאמה אישית:

  1. פרסום התוכן בפורטל.
  2. כדי ליצור מנוע חיפוש מותאם אישית של Google:

    1. עוברים לדף ההגדרה של חיפוש מותאם אישית של Google.
    2. לוחצים על הוספה כדי ליצור מנוע חיפוש מותאם אישית חדש.
    3. מגדירים את מנוע החיפוש המותאם אישית ומזהים את הדומיין של אתר הפורטל. אפשר לעיין במאמר יצירת מנוע חיפוש במרכז העזרה של Google Custom Search. התצורה של החיפוש המותאם אישית מחזירה משהו כמו הדוגמה הבאה:
      ‫
      <script async src="https://cse.google.com/cse.js?cx=e13bcb52d46f04dfd"></script>
      <div class="gcse-search"></div>
      כאשר cx=e13bcb52d46f04dfd הוא המזהה של מנוע החיפוש של Google.
  3. מוסיפים את הסקריפט המותאם אישית הבא לפורטל. איך מוסיפים סקריפטים בהתאמה אישית

    מגדירים את המשתנה cx למזהה מנוע החיפוש שלכם ב-Google, לדוגמה e13bcb52d46f04dfd, ואת הערך path לכתובת ה-URL של דף החיפוש, לדוגמה /search.

    <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>
    
  4. יוצרים דף חיפוש חדש בפורטל ומתאימים אותו אישית כמו שמתואר במאמר ניהול דפים בפורטל.

  5. מוסיפים את מזהה רכיב החיפוש המותאם אישית (search-box) שהוגדר בסקריפט המותאם אישית במיקום שבו רוצים שתיבת החיפוש של Google תופיע. לדוגמה <div id="search-box"></div>

  6. מוסיפים את דף החיפוש לניווט בפורטל, כמו שמתואר במאמר בנושא הגדרת ניווט.

  7. מפרסמים את דף החיפוש ואת עדכוני הניווט.