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のレスポンシブ デザインにおける当該ソリューションの機能性 (特にモバイル端末上での外観) や、すべてのテンプレートでソリューションが機能するかどうかが含まれます。コードベースのカスタマイズは、当社プラットフォームの今後の更新時に、表示に関連する問題を引き起こす可能性もあります。当社はこれ以上サポートを提供できかねますが、次のように、お客様が問題解決のために参照できるリソースが多数あります。

• カスタム コードを追加するためのベスト プラクティスを確認してください。
• 「コードベースのカスタマイズに関する基本ガイド」をお読みください。
• For help with Swiftype, contact them at support@swiftype.com or visit their documentation.
• 当社のお客様と開発者のフォーラムであるSquarespace Forumをご覧ください。
• Squarespace Expertを雇い、ご自分のサイト用のカスタム コードの作成を依頼しましょう。