如何獲得用戶點擊搜索引擎結果頁面的內容？

Question

我正在創建一個反應項目，並使用谷歌搜索引擎來允許用戶在我的頁面上搜索谷歌。 但是我不知道如何讓用戶點擊搜索結果頁面。 下面是我的源代碼：

componentDidMount() {
    const myCallback = function() {
      if (document.readyState === 'complete') {
        google.search.cse.element.render(
          {
            div: 'root',
            tag: 'search',
          });
      } else {
        google.setOnLoadCallback(() => {
          google.search.cse.element.render(
            {
              div: 'root',
              tag: 'search',
            });
        }, true);
      }
    };

    window.__gcse = {
      parsetags: 'explicit',
      callback: myCallback,
    };

    (function() {
      const cx = '015923670062127816633:npuitytcpqy';
      const gcse = document.createElement('script');
      gcse.type = 'text/javascript';
      gcse.async = true;
      gcse.src = `https://cse.google.com/cse.js?cx=${cx}&searchType=image`;
      // gcse.src = `https://www.googleapis.com/customsearch/v1?key=YOUR_API_KEY&cx=${cs}&q=flower&searchType=image&fileType=jpg&imgSize=small&alt=json`;
      const s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(gcse, s);
    }());
    console.log(window.__gcse);
  }

  render() {
    return (<div className="content">
      <div className="gcse-searchbox" resultsUrl="http://www.google.com" newWindow="true" queryParameterName="search" />
    </div>);
  }

用戶可以在搜索框中進行搜索，它將在彈出對話框中顯示搜索結果。 如果用戶單擊搜索結果之一，它將打開一個新的瀏覽器標簽。 現在，我要防止打開一個新選項卡，而是獲取用戶單擊的內容並在我的頁面中執行操作。 例如，如果用戶單擊圖像，我想獲得圖像鏈接並將該圖像呈現在我的組件上。 如何通過反應來實現？

Answer 1

首先，訪問Google自定義搜索控制面板。 選擇相關的搜索引擎后，點擊外觀 。 確保選擇了“ 布局”選項卡，然后選擇“ 全角”布局（或者可能選擇其他一種，具體取決於您希望它在頁面上顯示的外觀如何）。 最后，單擊“ 保存並獲取代碼”並使用其提供的代碼。