[AIサーチ] サイト内検索と同時に表示するのではなく、ボタンを押したら表示することは可能でしょうか？

標準的なご利用方法ではサイト内検索結果と同時に表示していただく形となります。

それ以外の方法は、制作ご担当者様とご相談いただき、ジーニー社サービスの機能を損なわない範囲でご利用ください。

制作ご担当者様とのご相談内容をジーニーにお問合せいただいた場合、ジーニー社のサポート範囲外の場合はお応えいたしかねることがありますので、あらかじめご容赦ください。

※この記事中のJavaScriptコードや実装手順は、ジーニーのサポート範囲外となります。アレンジおよび十分なテストの上、ご活用ください。

１．サイト内検索（GENIEE SEARCH）だけの下記例のような起動タグをジーニーから取り寄せてください。

<!-- GENIEE SEARCH 起動 -->
<!-- poptag manager -->
<script type="text/javascript">
(function () {
  var script = document.createElement("script");
  script.setAttribute("src", "https://js.poplink.jp/" + "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxu" + "/poptagmanager.js?ts=" + Date.now()); // 本番用src
  script.setAttribute("defer", true);
  document.head.appendChild(script);
})();
</script>
<!-- end: poptag manager -->
<!-- GENIEE SEARCH 起動ここまで -->

２．AIサーチだけの下記のような起動タグをジーニーから取り寄せてください。

<!-- GENIEE AI SEARCH 起動 -->
<!-- poptag manager -->
<script type="text/javascript">
(function () {
  var script = document.createElement("script");
  script.setAttribute("src", "https://js.poplink.jp/" + "yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyu" + "/poptagmanager.js?ts=" + Date.now()); // 本番用src
  script.setAttribute("defer", true);
  document.head.appendChild(script);
})();
</script>
<!-- end: poptag manager -->
<!-- GENIEE AI SEARCH 起動ここまで -->

３．検索結果画面を制作し、AIサーチ表示用divタグにbuttonタグを追加してください。（例です）

<!-- GENIEE AI SEARCH 表示エリア -->
<hr>
<button type="button" id="loadAISearchButton">AIに要点を尋ねてみる</button>
<div id="ai-search-wrap"></div>
<hr>
<!-- GENIEE AI SEARCH 表示エリアここまで -->

４．「３」より下でなるべく近いところに次のようなJavaScriptを配置してください。（この読み込ませ方はジーニー公式の方法ではないことをご認識ください）

<!-- ここからGENIEEの機能ではありません。 -->
<script type="text/javascript">
document.getElementById('loadAISearchButton').addEventListener('click', () => {
    const ts = Date.now();
    
    // scriptタグを新しく生成
    const script = document.createElement('script');
    script.src = `https://js.poplink.jp/yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyu/poptagmanager.js?ts={ts}`;
    script.async = true;

    script.onload = () => {
        console.log('スクリプトの読み込みと実行が完了しました');
    };

    script.onerror = (err) => {
        console.error('スクリプトの読み込みに失敗しました', err);
    };

    // headタグに追加（この時点でダウンロードと実行が始まる）
    document.head.appendChild(script);
});
</script>
<!-- ここまでGENIEEの機能ではありません。 -->

５．制作された検索結果画面で検索キーワード入力して検索した後で動作確認してください。

検索キーワードは検索結果画面URLのクエリパラメータの「q」に入っている必要があります。

例） https://www.example.com/search/search.html?q=xxxxx