Programmable Search Element Control API

אתם יכולים להטמיע רכיבים של Programmable Search Engine (תיבות חיפוש ודפי תוצאות חיפוש) בדפי האינטרנט ובאפליקציות אינטרנט אחרות באמצעות תגי HTML. רכיבי Programmable Search Engine מורכבים מרכיבים שעוברים עיבוד על סמך הגדרות שמאוחסנות בשרת של Programmable Search, וגם על סמך התאמות אישיות שאתם מבצעים.

כל ה-JavaScript נטען באופן אסינכרוני, כך שדף האינטרנט יכול להמשיך להיטען בזמן שהדפדפן מאחזר את ה-JavaScript של Programmable Search Engine.

מבוא

במסמך הזה מוסבר איך להוסיף רכיבים של Programmable Search Engine לדף אינטרנט, ומוצג מודל בסיסי לכך. בנוסף, מוסבר על הרכיבים הניתנים להגדרה של האלמנט ועל JavaScript API הגמיש.

היקף

במסמך הזה מוסבר איך להשתמש בפונקציות ובמאפיינים שספציפיים ל-Programmable Search Engine Control API.

תאימות לדפדפנים

רשימת הדפדפנים שנתמכים ב-Programmable Search Engine מופיעה כאן.

קהל

התיעוד הזה מיועד למפתחים שרוצים להוסיף פונקציונליות של Programmable Search של Google לדפים שלהם.

Programmable Search Elements

אפשר להשתמש בתגי HTML כדי להוסיף רכיב של Programmable Search לדף. כל רכיב מורכב לפחות מרכיב אחד: תיבת חיפוש, בלוק של תוצאות חיפוש או שניהם. תיבת החיפוש מקבלת קלט מהמשתמש באחת מהדרכים הבאות:

• שאילתת חיפוש שהוקלדה בשדה להזנת טקסט
• מחרוזת שאילתה שמוטמעת בכתובת URL
• ביצוע פרוגרמטי

בנוסף, אפשר להזין נתונים לבלוק של תוצאות החיפוש בדרכים הבאות:

• מחרוזת שאילתה שמוטמעת בכתובת URL
• ביצוע פרוגרמטי

אלה סוגי הרכיבים של Programmable Search שזמינים:

אפשר להוסיף לדף האינטרנט מספר בלתי מוגבל של רכיבי חיפוש תקינים. במצב שתי עמודות, כל הרכיבים הנדרשים (תיבת חיפוש ובלוק של תוצאות חיפוש) חייבים להיות נוכחים.

הנה דוגמה לרכיב חיפוש פשוט:

<!-- Put the following javascript before the closing </head> tag
and replace 123456 with your own Programmable Search Engine ID. -->
<script async src="https://cse.google.com/cse.js?cx=123456"></script>

<!-- Place this tag where you want both of the search box and the search results to render -->
<div class="gcse-search"></div>

יצירת אפשרויות שונות של פריסה באמצעות רכיבי Programmable Search

אפשרויות הפריסה הבאות זמינות בדף 'מראה ותחושה' בלוח הבקרה של Programmable Search Engine. הנה כמה הנחיות כלליות לגבי יצירת אפשרויות פריסה באמצעות רכיבי Programmable Search. כדי לראות הדגמה של אחת מהאפשרויות האלה, לוחצים על הקישור.

מידע נוסף על אפשרויות הפריסה

התאמה אישית של רכיבי Programmable Search

כדי להתאים אישית את הצבעים, הגופן או סגנון הקישור, עוברים לדף 'מראה ותחושה' של מנוע החיפוש הניתן לתכנות.

אפשר להשתמש במאפיינים אופציונליים כדי לשכתב הגדרות שנוצרו בלוח הבקרה של Programmable Search Engine. כך תוכלו ליצור חוויית חיפוש ספציפית לדף. לדוגמה, הקוד הבא יוצר תיבת חיפוש שפותחת דף תוצאות (http://www.example.com?search=lady+gaga) בחלון חדש. הערך של המאפיין queryParameterName, יחד עם מחרוזת השאילתה של המשתמש, משמש ליצירת כתובת ה-URL של התוצאות.

שימו לב: לפני מאפיין queryParameterName מופיע הקידומת data-. חובה להוסיף את הקידומת הזו לכל המאפיינים.

<div class="gcse-searchbox-only" data-resultsUrl="http://www.example.com" data-newWindow="true" data-queryParameterName="search">

אם השתמשתם בלוח הבקרה של Programmable Search Engine כדי להפעיל תכונות כמו השלמה אוטומטית או הגדרות מדויקות יותר, אתם יכולים להשתמש במאפיינים כדי להתאים אישית את התכונות האלה. כל התאמה אישית שתציינו באמצעות המאפיינים האלה תבטל את ההגדרות שנקבעו בלוח הבקרה. בדוגמה הבאה נוצר רכיב חיפוש עם שתי עמודות והתכונות הבאות:

• הניהול של ההיסטוריה מופעל
• מספר ההשלמות האוטומטיות שיוצגו מוגדר ל-5
• ההצעות לשיפור מוצגות כקישורים.

<div class="gcse-searchbox" data-enableHistory="true" data-autoCompleteMaxCompletions="5">
<div class="gcse-searchresults" data-refinementStyle="link">

מאפיינים נתמכים

<div class="gcse-searchbox" data-gname="storesearch"></div>
<div class="gcse-searchresults" data-gname="storesearch"></div>

התקשרות חזרה

הפונקציות לביצוע חוזר מאפשרות שליטה מפורטת בתהליכי האתחול והחיפוש של רכיב החיפוש. הם רשומים ב-JavaScript של רכיב החיפוש דרך האובייקט הגלובלי __gcse. במאמר Register Callbacks מוסבר איך לרשום את כל ה-callbacks הנתמכים.

  window.__gcse = {
    parsetags: 'explicit', // Defaults to 'onload'
    initializationCallback: myInitializationCallback,
    searchCallbacks: {
      image: {
        starting: myImageSearchStartingCallback,
        ready: myImageResultsReadyCallback,
        rendered: myImageResultsRenderedCallback,
      },
      web: {
        starting: myWebSearchStartingCallback,
        ready: myWebResultsReadyCallback,
        rendered: myWebResultsRenderedCallback,
      },
    },
  };
  

התקשרות חזרה לאתחול

הקריאה החוזרת (callback) של האתחול מופעלת לפני שסקריפט ה-JavaScript של רכיב החיפוש מעבד רכיבי חיפוש ב-DOM. אם הערך של parsetags מוגדר ל-explicit ב-__gcse, קוד ה-JavaScript של אלמנט החיפוש משאיר את העיבוד של אלמנט החיפוש לפונקציית הקריאה החוזרת של ההפעלה (כפי שמוצג ברישום פונקציות קריאה חוזרות). יכול להיות שהמאפיין הזה ישמש לבחירת רכיבים לעיבוד, או לדחיית עיבוד רכיבים עד שיהיה צורך בהם. הוא יכול גם לשנות את מאפייני הרכיבים. לדוגמה, הוא יכול לשנות תיבת חיפוש שהוגדרה דרך לוח הבקרה או מאפייני HTML כך שברירת המחדל שלה תהיה חיפוש באינטרנט, ולהפוך אותה לתיבת חיפוש תמונות. הוא יכול גם לציין ששאילתות שנשלחות דרך טופס של מנוע חיפוש שניתן לתכנות יופעלו ברכיב של תוצאות חיפוש בלבד. לצפייה בהדגמה

התפקיד של קריאת החזרה לאתחול נקבע לפי הערך של המאפיין parsetags של __gcse.

• אם הערך שלו הוא onload, קוד ה-JavaScript של רכיב החיפוש מעבד את כל רכיבי החיפוש בדף באופן אוטומטי. הקריאה החוזרת לאתחול עדיין מופעלת, אבל היא לא אחראית לעיבוד של רכיבי החיפוש.
• אם הערך הוא explicit, קוד ה-JavaScript של רכיב החיפוש לא מעבד את רכיבי החיפוש. פונקציית ה-callback יכולה להציג אותם באופן סלקטיבי באמצעות הפונקציה render(), או להציג את כל רכיבי החיפוש באמצעות הפונקציה go().

בדוגמת הקוד הבאה מוצג איך להציג תיבת חיפוש יחד עם תוצאות חיפוש ב-div באמצעות התג explicit וקריאה חוזרת (callback) לאתחול:

    <div id="test"></div>

const myInitCallback = function() {
  if (document.readyState == 'complete') {
    // Document is ready when Search Element is initialized.
    // Render an element with both search box and search results in div with id 'test'.
    google.search.cse.element.render(
        {
          div: "test",
          tag: 'search'
         });
  } else {
    // Document is not ready yet, when Search Element is initialized.
    google.setOnLoadCallback(function() {
       // Render an element with both search box and search results in div with id 'test'.
        google.search.cse.element.render(
            {
              div: "test",
              tag: 'search'
            });
    }, true);
  }
};

// Insert it before the Search Element code snippet so the global properties like parsetags and callback
// are available when cse.js runs.
window.__gcse = {
  parsetags: 'explicit',
  initializationCallback: myInitCallback
};

<script async
  src="https://cse.google.com/cse.js?cx=000888210889775888983:y9tkcjel090"></script>

חיפוש שיחות חוזרות

קוד ה-JavaScript של רכיב החיפוש תומך בשש פונקציות קריאה חוזרת (callback) שפועלות בתהליך העבודה של החיפוש. התקשרויות החזרה של החיפוש מגיעות בזוגות, התקשרות חזרה של חיפוש באינטרנט והתקשרות חזרה תואמת של חיפוש תמונות:

• חיפוש התחלתי
  • חיפוש תמונות
  • לחיפוש באינטרנט
• התוצאות מוכנות
  • חיפוש תמונות
  • לחיפוש באינטרנט
• תוצאות שנוצרו
  • חיפוש תמונות
  • לחיפוש באינטרנט

בדומה לפונקציית הקריאה החוזרת (callback) של ההפעלה,פונקציות הקריאה החוזרת של החיפוש מוגדרות באמצעות רשומות באובייקט __gcse. המצב הזה קורה כשה-JavaScript של רכיב החיפוש מתחיל. המערכת מתעלמת משינויים ב-__gcse אחרי ההפעלה.

כל אחת מהקריאות החוזרות האלה מקבלת את gName של רכיב החיפוש כארגומנט. התכונה gname שימושית כשהדף מכיל יותר מחיפוש אחד. נותנים לרכיב search ערכים של gname באמצעות המאפיין data-gname:

<div class="gcse-searchbox" data-gname="storesearch"></div>

אם לא מצוין gname ב-HTML, קוד ה-JavaScript של רכיב החיפוש יוצר ערך שיישאר עקבי עד שיבוצע שינוי ב-HTML.

קריאה חוזרת (callback) להפעלת חיפוש תמונות או חיפוש באינטרנט

הקריאות החוזרות (callback) להפעלת החיפוש מופעלות מיד לפני שרכיב החיפוש JavaScript מבקש תוצאות חיפוש מהשרת שלו. תרחיש לדוגמה לשימוש: שימוש בשעה המקומית ביום כדי לשלוט בשינויים בשאילתה.

searchStartingCallback(gname, query)

gname

המחרוזת המזהה של רכיב החיפוש

query

הערך שהמשתמש הזין (יכול להיות ששונה על ידי JavaScript של רכיב החיפוש).

פונקציית ההתקשרות חזרה מחזירה את הערך שצריך לשמש כשאילתה לחיפוש הזה. אם הפונקציה מחזירה מחרוזת ריקה, המערכת מתעלמת מהערך המוחזר והקריאה לפונקציה משתמשת בשאילתה ללא שינוי.

אפשר גם להוסיף את פונקציית הקריאה החוזרת לאובייקט __gcse או להוסיף אותה לאובייקט באופן דינמי באמצעות JavaScript:

window.__gcse['searchCallbacks']['web']['starting'] = function(gname, query) {...};

דוגמה לקריאה חוזרת (callback) של התחלת חיפוש

הדוגמה של פונקציית הקריאה החוזרת (callback) שמופעלת בתחילת החיפוש ב-Example Search Starting Callback מוסיפה את המחרוזת morning או afternoon לשאילתה, בהתאם לשעה ביום.

    const myWebSearchStartingCallback = (gname, query) => {
      const hour = new Date().getHours();
      return query + (hour < 12 ? ' morning' : ' afternoon');
    };
    window.myImageSearchStartingCallbackName = myWebSearchStartingCallback;

התקנת פונקציית ה-callback הזו ב-window.__gcse:

  window.__gcse || (window.__gcse = {});
    window.__gcse.searchCallbacks = {
      image: {
        starting: 'myImageSearchStartingCallbackName',
      },
      web: {
        starting: myWebSearchStartingCallback,
      },
    };
  

  <script
  async src="https://cse.google.com/cse.js?cx=000888210889775888983:y9tkcjel090"></script>
<div class="gcse-searchbox"></div>
<div class="gcse-searchresults"></div>

קריאה חוזרת (callback) שמוכנה לתוצאות חיפוש תמונות או חיפוש באינטרנט

הקריאות החוזרות האלה מופעלות מיד לפני שקוד ה-JavaScript של רכיב החיפוש מעבד את המבצעים ואת התוצאות. דוגמה לתרחיש שימוש היא קריאה חוזרת (callback) שמעבדת מבצעים ומובילה לסגנון שלא ניתן לציין באמצעות התאמה אישית רגילה.

resultsReadyCallback(gname, query, promos, results, div)

gname

המחרוזת המזהה של רכיב החיפוש

query

השאילתה שהניבה את התוצאות האלה

promos

מערך של אובייקטים של מבצעים, שמתאימים למבצעים שתואמים לשאילתת המשתמש. הגדרת אובייקט קידום המכירות

results

‫

מערך של אובייקטים של תוצאות. אפשר לעיין בהגדרת אובייקט התוצאה.

div

‫

HTML div שממוקם ב-DOM במקום שבו רכיב החיפוש בדרך כלל מציב מבצעים ותוצאות חיפוש. בדרך כלל, קוד ה-JavaScript של רכיב החיפוש מטפל באכלוס של ה-div הזה, אבל פונקציית הקריאה החוזרת הזו יכולה להפסיק את העיבוד האוטומטי של התוצאות ולהשתמש ב-div כדי לעבד את התוצאות בעצמה.

אם פונקציית ההתקשרות חזרה הזו מחזירה ערך של true, קוד ה-JavaScript של רכיב החיפוש מדלג לעבודה שלו בכותרת התחתונה של הדף.

דוגמה לקריאה חוזרת (callback) של התוצאות מוכנות

הקריאה החוזרת resultsReady בדוגמה Example Results Ready Callback מחליפה את הצגת ברירת המחדל של המבצעים והתוצאות בהחלפה פשוטה מאוד.

    const myResultsReadyCallback = function(name, q, promos, results, resultsDiv) {
      const makePromoElt = (promo) => {
        const anchor = document.createElement('a');
        anchor.href = promo['url'];
        anchor.target = '_blank';
        anchor.classList.add('gs-title');
        const span = document.createElement('span');
        span.innerHTML = 'Promo: ' + promo['title'];
        anchor.appendChild(span);
        return anchor;
      };
      const makeResultParts = (result) => {
        const anchor = document.createElement('a');
        anchor.href = result['url'];
        anchor.target = '_blank';
        anchor.classList.add('gs_title');
        anchor.appendChild(document.createTextNode(result['visibleUrl']));
        const span = document.createElement('span');
        span.innerHTML = ' ' + result['title'];
        return [anchor, span];
      };

      const table = document.createElement('table');
      if (promos) {
        for (const promo of promos) {
          const row = table.insertRow(-1);
          const cell = row.insertCell(-1);
          cell.appendChild(makePromoElt(promo));
        }
        resultsDiv.appendChild(table);
        resultsDiv.appendChild(document.createElement('br'));
      }
      if (results) {
        const table = document.createElement('table');
        for (const result of results) {
          const row = table.insertRow(-1);
          const cell = row.insertCell(-1);
          const [anchor, span] = makeResultParts(result);
          cell.appendChild(anchor);
          const cell2 = row.insertCell(-1);
          cell2.appendChild(span);
        }
        resultsDiv.appendChild(table);
      }
      return true;
    };

  window.__gcse || (window.__gcse = {});
    window.__gcse.searchCallbacks = {
      web: {
        ready: myResultsReadyCallback,
      },
    };

  <script async
  src="https://cse.google.com/cse.js?cx=000888210889775888983:y9tkcjel090"></script>
<div class="gcse-searchbox"></div>
<div class="gcse-searchresults"></div>

קריאה חוזרת (callback) של עיבוד תוצאות חיפוש תמונות או חיפוש באינטרנט

הקריאות החוזרות האלה מופעלות מיד לפני שקוד ה-JavaScript של רכיב החיפוש מעבד את הכותרת התחתונה של הדף. דוגמאות למקרים לשימוש כוללות קריאה חוזרת שמוסיפה תוכן לתוצאה שלא מוצג ברכיב החיפוש, כמו תיבת סימון של שמירת התוצאה או מידע שלא מוצג באופן אוטומטי, או קריאה חוזרת שמוסיפה לחצנים של מידע נוסף.

אם קריאה חוזרת (callback) של תוצאות שעברו עיבוד צריכה מידע שהיה בפרמטרים promos ו-results של קריאה חוזרת (callback) של תוצאות מוכנות, היא יכולה להעביר את המידע הזה ביניהן, באופן הבא:

callback(gname, query, promoElts, resultElts);

gname

המחרוזת המזהה של רכיב החיפוש

query

מחרוזת החיפוש.

promoElts

מערך של רכיבי DOM שמכילים מבצעים.

resultElts

מערך של רכיבי DOM שמכילים תוצאות.

אין ערך להחזרה.

דוגמה לקריאה חוזרת (callback) של תוצאות שעברו רינדור

הקריאה החוזרת resultsRendered בדוגמה Example Results Rendered Callback מוסיפה לכל מבצע ולכל תוצאה תיבת סימון פיקטיבית Keep.

myWebResultsRenderedCallback = function(name, q, promos, results) {
    for (const div of promos.concat(results)) {
      const innerDiv = document.createElement('div');
      innerDiv.appendChild(document.createTextNode('Keep: '));
      const checkBox = document.createElement('input');
      checkBox.type = 'checkbox';
      checkBox.name = 'save';
      innerDiv.appendChild(checkBox);
      div.insertAdjacentElement('afterbegin', innerDiv);
    }
  };

window.__gcse || (window.__gcse = {});
window.__gcse.searchCallbacks = {
  web: {
    rendered: 'myWebResultsRenderedCallback',
  },
};

  <script async
    src="https://cse.google.com/cse.js?cx=000888210889775888983:y9tkcjel090"></script>
<div class="gcse-searchbox"></div>
<div class="gcse-searchresults"></div>

אם הקריאה החוזרת של תוצאות העיבוד צריכה מידע שהועבר אל הקריאה החוזרת של תוצאות מוכנות, היא יכולה להעביר את הנתונים האלה בין הקריאות החוזרות. בדוגמה הבאה מוצגת אחת מהדרכים הרבות להעברת ערך דירוג מ-richSnippet מתוך הקריאה החוזרת (callback) של התוצאות שמוכנות אל הקריאה החוזרת (callback) של התוצאות שמוצגות.

const makeTwoPartCallback = () => {
  let saveForRenderCallback;
  const readyCallback = (name, q, promos, results, resultsDiv) =>
  {
    saveForRenderCallback = [];
    for (const result of results) {
      const {
        richSnippet: {
          answer = []
        } = {},
      } = result;
      const firstAnswer = answer[0];
      if (firstAnswer) {
        const upVotes = firstAnswer['upvotecount'];
        if (upVotes) {
          saveForRenderCallback.push(
            {upvotes: parseInt(upVotes, 10)}
          );
          continue;
        }
      }
      saveForRenderCallback.push({});
    }
  };
  const renderedCallback = (name, q, promos, results) => {
    for (let i = 0; i < results.length; ++i) {
      const div = results[i];
      const votes = saveForRenderCallback[i]['upvotes'];
      if (votes) {
        const innerDiv = document.createElement('div');
        innerDiv.innerHTML = '<b>Upvotes: ' + votes + '</b>';
         div.insertAdjacentElement('afterbegin', innerDiv);
      }
    }
  };
  return {readyCallback, renderedCallback};
};

const {
  readyCallback: webResultsReadyCallback,
  renderedCallback: webResultsRenderedCallback,
} = makeTwoPartCallback();
window.__gcse || (window.__gcse = {});
window.__gcse.searchCallbacks = {
  web: {
    ready: webResultsReadyCallback,
    rendered: webResultsRenderedCallback,
  },
};

  <script async
  src="https://cse.google.com/cse.js?cx=000888210889775888983:kdroeu4mwju"></script>
<div class="gcse-searchbox"></div>
<div class="gcse-searchresults"></div>

דוגמה לקריאה חוזרת (callback) של עיבוד תוצאות: פתיחת סוגים ספציפיים של קבצים בכרטיסייה או בחלון חדשים

בדוגמה הבאה של קריאה חוזרת אפשר לשנות קישורים לתוצאות חיפוש אחרי שהם מוצגים, כדי לפתוח קובץ ספציפי בכרטיסייה או בדף חדשים במקום בחלון הנוכחי (לדוגמה: PDF,‏ Excel או Word). כך משפרים את חוויית הגלישה כשמשתמשים לא רוצים לפתוח קובץ באותו חלון ולעבור מדף התוצאות.

בדוגמה הזו של קריאה חוזרת, מזוהים קישורים לקובצי PDF בתוצאות החיפוש, ומוגדר מאפיין target="_blank" בקישורים לקובצי PDF כך שהם ייפתחו בכרטיסייה חדשה. התוצאות החדשות מטופלות באופן דינמי באמצעות MutationObserver אם הדף מתעדכן. הערה: אפשר להחליף את .pdf ב-handleSearchResults בכל סוג קובץ אחר לפי הצורך.

דוגמת הקריאה החוזרת הזו לא פועלת בפריסות של Google Hosted ו-Overlay.

function handleSearchResults() {
  const links = document.querySelectorAll('.gsc-results .gs-title');
  links.forEach(link => {
    const url = link.href;
    if (url?.toLowerCase().endsWith('.pdf')) {
      link.setAttribute('target', '_blank');
    }
  });
}

const myWebResultsRenderedCallback = () => {
  // Call handleSearchResults when results are rendered
  handleSearchResults();
  // Set up a MutationObserver to handle subsequent updates to the results
  const observer = new MutationObserver(handleSearchResults);
  const searchResultsContainer = document.querySelector('.gsc-results');
  if (searchResultsContainer) {
    observer.observe(searchResultsContainer, {
      childList: true,
      subtree: true
    });
  } else {
    console.log('No Results.');
  }
};

window.__gcse || (window.__gcse = {});
window.__gcse.searchCallbacks = {
  web: {
    rendered: myWebResultsRenderedCallback,
  },
};

  <script async
    src="https://cse.google.com/cse.js?cx=000888210889775888983:y9tkcjel090"></script>
<div class="gcse-searchbox"></div>
<div class="gcse-searchresults"></div>

דוגמאות נוספות לקריאה חוזרת (callback)

דוגמאות נוספות לקריאות חוזרות (callback) זמינות במסמך דוגמאות נוספות לקריאות חוזרות.

מאפייני מבצע ותוצאה

אלה המאפיינים של האובייקטים promotion ו-result באמצעות הסימון של JSDoc. בטבלה הבאה מפורטים כל המאפיינים שיכולים להופיע. הנוכחות של רוב המאפיינים תלויה בפרטי המבצע או תוצאת החיפוש.

{
  content: string,
  image: {
    height: number,
    url: string,
    width: number,
  },
  title: string,
  url: string,
  visibleUrl: string,
}

{
  content: string,
  contentNoFormatting: string,
  contextUrl: string, // For image search results only
  fileFormat: string,
  image: { // For image search reseults only
    height: number,
    url: string,
    width: number,
  },
  perResultLabels: !Array<{
    anchor: string,
    label: string,
    labelWithOp: string,
  }>,
  richSnippet: !Array<!Object>, // For web search results only
  thumbnailImage: {
    height: number,
    url: string,
    width: number,
  },
  title: string,
  titleNoFormatting: string,
  url: string,
  visibleUrl: string,
}

‫richSnippet ב-results הוא סוג חופשי של מערך אובייקטים. הערכים של הרשומות במערך הזה נקבעים על ידי הנתונים המובְנים שנמצאים בדף האינטרנט של כל תוצאת חיפוש. לדוגמה, אתר עם ביקורות יכול לכלול נתונים מובְנים שמוסיפים את רשומת המערך הזו ל-richSnippet:

'review': {
  'ratingstars': '3.0',
  'ratingcount': '1024',
},

Programmable Search Element Control API (V2)

אובייקט google.search.cse.element מפרסם את הפונקציות הסטטיות הבאות:

var element = google.search.cse.element.getElement('element1');
            element.execute('news');