ヘッドレスページ（インスタントランディングページ）をShopifyに接続する方法

この記事では、ヘッドレスページ（インスタントランディングページ）をShopifyストアに接続する方法について説明します。新しい接続方法（Shopify公式のヘッドレスアプリを使用）、公開アクセストークン（パブリッシュトークン）の取得方法、およびトークンを紛失した場合の復旧手順について解説します。

重要な変更

起動 2026 年 1 月 1 日Shopifyは、マーチャント向けカスタムアプリの作成をサポートしなくなります。つまり、従来の接続方法（カスタムアプリを作成し、ストアフロントとストアデータへの権限を手動で付与する方法）は利用できなくなります。

そのワークフローを置き換えるため、ShopifyはShopifyアプリストアで公式のHeadlessアプリを提供しています。GemPagesはこのアプリを、Headless Page（インスタントランディングページ）をShopifyに接続するための新しい公式な方法として利用しています。

アプリをインストールしてストアフロントを管理するために必要な管理者権限を持つ Shopify ストアが必要です。

Shopify のヘッドレスアプリを使用してインスタントランディングページを Shopify ストアに接続するには、次の手順に従ってください。

1。に行く Shopifyアプリストア.

2 検索する ヘッドレス （公式Shopifyヘッドレスアプリ）をクリックし、 インストールを開始するShopify の画面上の指示に従って、アプリをストアに追加できるようにします。

1. ヘッドレスアプリ内で、 ストアフロントを作成する.

2. 後で識別しやすいようにストアフロントに明確な名前を付けて作成します。

ラベルの付いたセクションを見つけてください ストアフロント API をクリックし管理 .

ヘッドレスアプリを使用して新しいストアフロントを作成すると、Shopify は ILP 接続に必要なすべてのストアフロント API 権限を自動的に有効にします。

この手順は、 レビュー 権限または edit それら。

1。選択編集現在の Storefront API 設定を表示します。

2. Shopifyが事前に有効にしている権限を確認します。必要に応じて、追加のStorefront APIスコープを有効にできます。 Save 変更を加えた場合。

1. ストアフロントの権限を保存したら、 パブリックアクセストークン (公開トークンとも呼ばれます) をヘッドレスアプリで使用します。

2。クリック コピー トークンをクリップボードに配置します。

1. GemPagesで接続したいヘッドレスページ（インスタントランディングページ）プロジェクトを開きます。

2。クリック Shopifyに接続する ヘッドレスページの設定内。

3. コピーしたトークンを「 パブリックアクセストークン.

4。クリック ヘッドレスページをShopifyに接続する。

接続が成功すると、 Shopifyに接続する ボタンは パブリッシュ ボタンをクリックすると、GemPages にヘッドレスページが Shopify ストアに接続されたことを確認する通知が表示されます。

パブリックアクセストークンが機能しなくなったり、利用できなくなったりする一般的なシナリオは2つあります。トークンが失われた理由に応じて、以下のガイダンスに従ってください。

トークンを発行したストアフロントが削除された場合、トークンは無効になります。回復するには：

代替： ヘッドレスアプリに削除されていない既存のストアフロントが残っている場合は、新しいストアフロントを作成する必要はありません。そのストアフロントのパブリックアクセストークンをコピーして、ヘッドレスページに貼り付けるだけで済みます。

ヘッドレスアプリがストアからアンインストールされた場合、ヘッドレスアプリを通じて発行されたトークンは利用できなくなります。復元するには、以下の手順に従ってください。