Shopify検索APIを無料で追加する方法

Shopifyは、eコマースストアを立ち上げて販売を開始する最も簡単な方法です。ShopifyストアにGoogleのような検索バーの完全な機能をインストールする方法は以下の通りです。Expertrecのコードは次のようになります：

<script>
  (function() {
    var id = 'Your_API_Key';
    var ci_search = document.createElement('script');
    ci_search.type = 'text/javascript';
    ci_search.async = true;
    ci_search.src = 'https://cse.expertrec.com/api/js/ci_common.js?id=' + id;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(ci_search, s);
  })();
</script>

ExpertrecでShopify検索APIを作成する

Shopify Search APIを理解する – おお、なんてこった！

Expertrecの検索APIは、Shopifyストアに検索機能を統合するために使用できます。APIキーは各Shopifyストアで異なります。これは、検索クエリと検索結果の間でデータを交換するためのコードのセットです。APIキーは、すべてのストアに対して一意の識別子です。セットアッププロセス中にAPIを作成できます。たとえば、これがwriterorg.myshopify.comの検索APIです。

https://searchv7.expertrec.com/v6/search/c8017851-46f8-4fd9-b738-1e727cbb9c16/?q=a

ここで、APIの形式は次の通りです：

https://searchv7.expertrec.com/v6/search/{org_id}/?q={keyword}&page={pagination}&size={total_number_of_search_results}

• org_idは、GoogleアカウントでExpertrecにログインすると生成される一意のIDです。これは各Shopifyストアで異なります。
• キーワードはq（クエリ）に割り当てられます。このパラメータは検索対象のフィールドを定義します。キーワードは自動的に追加されます（スペースは+とカウントされ、検索結果で何かを無視したい場合は-を使用し、その後にキーワードを書きます）。以下のように表示されます。

「expertrec shopify」というクエリは、以下のように変換されます。これは私たちの検索のためのキーワードです。

https://www.google.com/search?q=expertrec+shopify

• ページネーションはpageに割り当てられ、ページ間のナビゲーションを行います。クエリを検索すると、以下のようにページネーションが表示されます。
• sizeは、表示する必要がある検索結果の総数です。

検索結果は以下のようにJSON形式で表示されます：

{ "0len":1, "1query":"a", "facet_interval":{ }, "facets":{ "type":{ "webpage":160 } }, "fq":{ }, "nf":{ }, "numeric":{ }, "res":{ "count":160, "st":0, "time":3 }, "results":[ { "date":"2021-04-28T13:48:47.110Z", "host":"blog.expertrec.com", "id":"https://blog.expertrec.com/shopify-search-api/", "image":[ "https://blog.expertrec.com/wp-content/uploads/2021/04/searchapi.png" ], "popularity_score":1.0, "score":1.25, "snippet":{ "content":[ "How to <span class=highlight>add</span> <span class=highlight>a</span> shopify search api <span class=highlight>for free</span> - 2021 Expertrec   Support <span class=highlight>shopify</span> <span class=highlight>search</span> engine Google site <span class=highlight>search</span> <span class=highlight>replacement</span> Expertec Toggle <span class=highlight>Navigation</span> How to <span class=highlight>create</span> <span class=highlight>a</span> shopify search <span class=highlight>api</span> Published by <span class=highlight>naincy</span> <span class=highlight>mourya</span> on <span class=highlight>April</span> 28, 2021 <span class=highlight>Creating</span> shopify search api <span class=highlight>using expertrec is <span class=highlight>as</span> <span class=highlight>easy</span> <span class=highlight>and</span> <span class=highlight>can</span> be <span class=highlight>taken</span> live in few minutes. " ], "metatag.description":[ ], "title":[ "How to <span class=highlight>add</span> <span class=highlight>a</span> shopify search api <span class=highlight>for free</span> - 2018 Expertrec" ] }, "title":"How to add shopify search api for free - 2018 Expertrec", "type":"webpage", "url":"https://blog.expertrec.com/shopify-search-api/" } ], "sfacets":{ "type":[ { "count":160, "name":"webpage" } ] } }

Shopify Search APIをコードなしで追加する方法

Shopify Search APIを数秒で追加し、数分以内に変更を確認できます。Shopify Search APIをオンラインストアに追加する最も簡単な方法は2つあります。

1. Expertrec Shopify Search App

2. Expertrec Shopify Search Plugin

また、コードを追加してデフォルトの検索バーを修正することもできます。非コーダーにとっては難しいため、後のセクションで説明します。最も簡単な方法から始めましょう：

1. Expertrec Shopify Search App

注意：Expertrec Shopify Search AppはShopify App Storeにリストされています。

i. https://apps.shopify.com/expertrec-smart-search-barをクリックして検索APIをインストールします。

ii. インストール後、検索拡張機能を有効にしてください。これで、実際に使える変更された検索バーの使用準備が整いました！

次に、インストールボタンをクリックしてExpertrec Search APIをインストールします。

次に、「無料トライアルを開始」をクリックしてShopify Search APIにアクセスします。

Expertrec Smart Search APIが有効になっていることを確認してください。

ここで、ShopifyストアにExpertrec Smart Search Barが表示されます。

2. Expertrec Shopify Search Plugin

2つ目の方法は、最初の方法と非常に似ています。最初の方法でアプリをすでにインストールしていることを確信しています。

i. https://www.expertrec.com/shopify/をクリックします。

ii. ShopifyストアのURLをショップドメインに入力します。

iii. インストールボタンをクリックします。

iv. Shopifyストアにログインし、インストールをクリックします。

v. Expertrec Search Pluginがインストールされました。

vi. アプリセクションで、Expertrec Search Appがインストールされていることを確認します。

コードをコピーしてShopify Searchを追加する方法

Expertrec Custom Search（広告なし）やGoogle Custom Search（広告多数）を使用してShopify Search Barを作成できます。

最も人気のあるカスタム検索エンジンは次の2つです：

1. Expertrec Custom Search Engine（広告なし、迅速な検索、音声検索の利用可能）

2. Google Custom Search Engine（広告付きの無料版、音声検索の欠如）

では、それぞれのカスタム検索エンジン（CSE）を探ってみましょう。

1. Expertrec Custom Searchを使用して検索バーを作成する

i. まず、Shopifyストアにログインして管理パネルにアクセスします。

ii. オンラインストアをクリックし、テーマオプションを選択します。

iii. 右側にあるアクションをクリックします。

iv. ドロップダウンメニューが表示されます。下から2番目にある「コードの編集」オプションを選択します。

v. レイアウトで、コードを追加するためにtheme.liquidをクリックします。右側にコードセクションが表示されます。

vi. https://cse.expertrec.com/csedashboard/home/codeをクリックしてコードにアクセスします。

vii. Googleアカウントでログインし、Shopifyストアにコードを追加し続けます。

viii. コードとタグをコピーします。両方をコピーする必要があります。

ix. 以下のように、<head>セクションにコードを貼り付けます。必ずheadセクションのすぐ下に配置してください。

x. 以下のように、<body>セクション内にタグを貼り付けます。

xi. コードを保存し、ストアでExpertrec Shopify Searchバーにアクセスできるようになります。非常に高速なExpertrec検索バーが表示されます。30以上の言語でクエリを理解し、ユーザーの言葉を理解する検索バーです。オートコンプリートと検索推奨をサポートしています。他にも多くの利点があります。Expertrec検索バーをインストールするだけです。Shopifyストアに統合することで、Shopifyストアを次のレベルに引き上げることができます。

2. Google Custom Searchを使用して検索バーを作成する

これは、ストアに検索バーを追加するための無料ツールです。つまり、Google Custom Searchを無料でインストールできますが、時間が経つにつれて価格を支払うことになります。それは広告を表示することで機能し、広告がユーザーを奪う可能性があることはすでにご存知の通りです。それでも、実験のためにGSSを選択する場合は、次の手順で行います。

i. 先ほどと同様に、Shopifyストアにログインして管理パネルにアクセスします。

ii. オンラインストアをクリックし、テーマオプションを選択します。

iii. 右側のアクションをクリックし、ドロップダウンメニューの「コードの編集」オプションをクリックします。

iv. 次に、https://cse.google.comをクリックして開始します。

ウェブサイトのURLを入力します。カスタム検索エンジンに名前を付けることができます。

v. 作成をタップします。コードを取得をクリックします。その後、コードが表示されます。

次に、コードをコピーします。右側に「HTML例を見る」ボタンがあります。クリックすると、Shopifyストアや他のウェブサイトにコードを追加する場所と方法が表示されます。

vi. 以下のように、レイアウト->theme.liquid->ボディセクション(<body>)にコードを貼り付けます。強調表示された部分が必要なコードです。必ずコードが2つの<div>の間にあることを確認してください。

vii. Google Custom SearchをShopifyストアに追加することに成功しました。クエリを検索するたびに、広告付きの結果が表示されます。したがって、最高のものを選ぶのが常に最善です。広告が表示されるのは、始めたばかりの時には大きな問題ではありませんが、長期的には売上を妨げ、ビジネス全体の成長に影響を与えます。

まとめ – Shopify検索API

Shopify検索APIは、モバイルアプリと似ています。例えば、Uber Eatsを開いてお気に入りの食べ物を検索するとします。ここで、「ピザ」を食べたいというクエリを作成しました。アプリはサーバーに接続してデータを送信します。サーバーは「ピザ」が利用可能であると返信し、注文ボタンをクリックすると、配達員に通知が届き、配達に向かいます。

要するに、Shopify検索APIは、ユーザーがクエリを生成し、関連する結果を取得するのを助けます。検索アルゴリズムは、ソートやフィルタリングなどのオプションを追加することで、検索結果を絞り込むことができます。これは、検索意図と購買サイクルの最後の段階、つまり購入の間に相関関係を明示的に示しています。

Google検索APIに伴う広告によって顧客を失うのは得策ではないので、Expertrecのような最高の検索APIを選択することを確認してください。選択はあなた次第です。最高のもの、つまりExpertrecを選びましょう。

Shopify検索APIを無料で取得