Next.js に Bing Custom Search の Hosted UI を埋め込む

1036 ワード

bing next.js bing テキストリンク

SSRでやるべきことではないはずだし、一時的なものだがググっても出なかったので。

import Script from 'next/script'として大文字の<Script>でやっても、</body>タグ直前に検索フォームは出るが検索はできない。通常の小文字の<script>タグを使い、閉じタグ？の</script>を消して<script src="" />という形にすると上手く行った。

index.tsx

          <script type="text/javascript" 
              id="bcs_js_snippet"
            src="https://ui.customsearch.ai/api/ux/rendering-js?customConfig=xxx&market=ja-JP&version=latest&q=&setLang=JA&safeSearch=Strict"
          />

Author And Source

この問題について(Next.js に Bing Custom Search の Hosted UI を埋め込む), 我々は、より多くの情報をここで見つけました https://qiita.com/maztak/items/9bada663659a9b6157bb

著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。

Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .