Using Swiftype with Squarespace

最終更新日 2024年5月28日

Swiftypeは⁠、サイトに検索エンジンを追加する目的で使用できるサ⁠ードパ⁠ーテ⁠ィ⁠ー サ⁠ービスです⁠。

備考

最高の検索エクスペリエンスを実現するため⁠、サ⁠ードパ⁠ーテ⁠ィ⁠ーのサ⁠ービスではなくSquarespaceの検索ブロ⁠ックを使用することを推奨しています⁠。

この機能へのアクセス

このガイドの手順には⁠、コ⁠ード挿入の使用とコ⁠ード ブロ⁠ックへの高度なコ⁠ードの追加が含まれます⁠。これらは⁠、BusinessプランとCommerceプランで利用できるプレミアム機能です⁠。

始める前に

  • Swiftype検索フ⁠ィ⁠ールドを追加するには⁠、サイトを公開設定にする必要があります⁠。設定を更新する方法については⁠、「⁠サイトを公開または非表示にする⁠」をご覧ください⁠。
  • You can have one Swiftype search field per page⁠. If you add multiple⁠, none will work⁠.

Get the Swiftype install code

検索エンジンを作成し⁠、Swiftypeのインスト⁠ール コ⁠ードを次の手順でコピ⁠ーします⁠。

  1. Swiftypeアカウントにログインし⁠、[⁠Create A New Engine (⁠新しいエンジンを作成⁠)⁠] をクリ⁠ックします⁠。
  2. WebサイトのURLを入力し⁠、[⁠Verify URL (⁠URLを確認⁠)⁠] をクリ⁠ックします⁠。
  3. Swiftypeがサイトをクロ⁠ールして検索エンジンを作成します⁠。この際に⁠、途中の進行状況が表示されます⁠。
  4. 検索エンジンに名前を付け⁠、[⁠Create engine (⁠エンジンを作成⁠)⁠] をクリ⁠ックします⁠。
  5. [⁠Complete Setup (⁠設定を完了⁠)⁠] をクリ⁠ックします⁠。
  6. 次の画面で⁠、[⁠Install Search (⁠検索をインスト⁠ール⁠)⁠] をクリ⁠ックします⁠。
  7. 検索フ⁠ィ⁠ールドをカスタマイズし⁠、[⁠Activate Site Search (⁠サイト内検索を有効にする⁠)⁠] をクリ⁠ックします⁠。
  8. インスト⁠ール コ⁠ードをコピ⁠ーし⁠、検索フ⁠ィ⁠ールド コ⁠ードを保存します⁠。

Add the code to your site

Squarespaceで⁠、コ⁠ード挿入とコ⁠ード ブロ⁠ックを使用してコ⁠ードをサイトに追加します⁠。

ステ⁠ップ1 - サイトのコ⁠ード挿入にインスト⁠ール コ⁠ードを追加する

  1. [⁠コ⁠ード挿入⁠] パネルを開きます⁠。
  2. [⁠ヘ⁠ッダ⁠ー⁠] フ⁠ィ⁠ールドにインスト⁠ール コ⁠ードを貼り付けます⁠。
  3. [⁠保存⁠] をクリ⁠ックします⁠。

Step 2 - Add the search field code to a page

インスト⁠ール コ⁠ードをサイトのコ⁠ード挿入に追加したら⁠、以下の手順に従いSwiftypeの検索フ⁠ィ⁠ールドを表示するペ⁠ージに検索フ⁠ィ⁠ールド コ⁠ードを追加します⁠。

  1. 挿入箇所をクリ⁠ックし⁠、ブロ⁠ック メニ⁠ュ⁠ーから [⁠コ⁠ード⁠] を選択します⁠。この手順の詳細については⁠、「⁠コ⁠ード ブロ⁠ックを使用する⁠」をご覧ください⁠。
  2. 検索フ⁠ィ⁠ールドのコ⁠ードを貼り付けます⁠。

備考

このコ⁠ードベ⁠ースのカスタマイズは⁠、弊社のサポ⁠ート範囲外です⁠。つまり⁠、セ⁠ットア⁠ップやトラブルシ⁠ュ⁠ーテ⁠ィングに関し⁠、当社はこれ以上のサポ⁠ートを提供することができません⁠。さらに⁠、これはコ⁠ードベ⁠ースのソリ⁠ュ⁠ーシ⁠ョンであるため⁠、その機能性やSquarespaceとの完全な互換性は保証されません⁠。これには⁠、Squarespaceのレスポンシブ デザインにおける当該ソリ⁠ュ⁠ーシ⁠ョンの機能性 (⁠特にモバイル端末上での外観⁠) や⁠、すべてのテンプレ⁠ートでソリ⁠ュ⁠ーシ⁠ョンが機能するかどうかが含まれます⁠。コ⁠ードベ⁠ースのカスタマイズは⁠、当社プラ⁠ットフ⁠ォ⁠ームの今後の更新時に⁠、表示に関連する問題を引き起こす可能性もあります⁠。当社はこれ以上サポ⁠ートを提供できかねますが⁠、次のように⁠、お客様が問題解決のために参照できるリソ⁠ースが多数あります⁠。

Footer Image
  • コミ⁠ュニテ⁠ィからサポ⁠ートを受ける

  • 高度なカスタマイズについて⁠、コミ⁠ュニテ⁠ィからサポ⁠ートを受けられます⁠。

  • Squarespace Expertを雇う

  • 経験豊富なデザイナ⁠ーや開発者から力を借りて⁠、オンラインで目を引くサイトを構築しまし⁠ょう⁠。