Shopifyに関連記事を出すには？無料の関連記事アプリ「Related Blog Posts」の導入方法 Shopofy 関連記事 SEO Related Blog Posts Tsun Inc.

Shopifyに関連記事を出すには？無料アプリ「Related Blog Posts」の導入方法

「RuffRuff 予約販売」は2023年2月末に提供開始のShopifyアプリです。
無料から利用でき、ノーコード＆３ステップで簡単に導入できます。
無制限の予約商品の登録と予約注文のプランもご用意します。

引用元:https://tsun.ec/blogs/articles/19


無料でインストール

ShopifyでECサイトを構築し、商品も登録、ブログ記事も数件投稿し初めて、集客と購入の準備がそろそろ整ってきた段階で検討したいが、SEO対策です。

SEO対策の１つとして内部リンク対策があります。その中でも簡単に対策できるものとして関連記事の対策があります。

本記事では、Shopifyに関連記事を出すための無料アプリ「Related Blog Posts」の導入方法を解説します。 

下記の記事では、SEOのメリットやShopifyで出来るSEO対策について解説しています。参考にしてください。

SEOのメリット・デメリット｜Shopifyで出来るSEO対策

また、Shopifyのブログ機能について下記の記事で紹介しているので、まだブログ記事を書いてない方は参考にしてください。

Shopifyのブログ機能をフル活用しよう｜機能や拡張アプリを紹介

Related Blog Postsとは？

Related Blog Postsは関連記事を自動で表示してくれる無料のShopifyアプリです。

Related Blog Postsはカスタマイズも可能

・読者数を向上させるために表示する関連投稿の数を設定する

・ブログ記事の特集画像を使用してクリック率を高める

・関連記事がない場合に表示するテキストを変更することができます。

・表示するブログの決定（複数のブログを分けて管理したい場合に最適です）

・特定のタグを使用した記事を関連記事対象外にする

・関連記事として表示されないようにする（1回限りのプロモーション投稿を隠すのに有効）

・関連記事のスタイルを設定することができます。

・CSSでコーディングすることも可能です。

Related Blog Postsの導入方法

Related Blog Postsの導入は、利用しているShopifyテンプレートがOS2.0か、それ以前のテンプレートかで異なります。

テンプレートがOS2.0の場合

導入方法は2ステップです。

  • ① アプリをインストールする
  • ② テーマエディタを開いて、アプリを有効する
  • ③ ブログ記事テンプレートに「Blog Posts」ブロックを追加

それでは詳しく説明します。 

① アプリをインストールする

1. Related Blog Postsへアクセスし、「アプリ追加する」をクリック

Related Blog Postsへアクセス

2. 「アプリをインストール」をクリック

「アプリをインストール」をクリック

② テーマエディタを開いて、アプリを有効する

3. オンラインストア > テーマ > カスタマイズの順に選択し、テーマエディタを開く

4. テーマエディタの「埋め込みアプリ」を選択し、「Blog Posts」を有効にして保存

テーマエディタを開いて、アプリを有効する

③ ブログ記事テンプレートに「Blog Posts」ブロックを追加

5. テーマエディタを開いたまま、「ブログ記事」テンプレートを選択

6. 左メニューの「セクションを追加」をクリックし、アプリから「Blog Posts」を選ぶ

7. 関連記事を出したい箇所へ、6のセクションをドラッグ＆ドロップで移動し、保存

8. 関連記事が表示されているか確認

関連記事が表示されているか確認

 

テンプレートがOS2.0以前の場合

導入方法は2ステップです。

  • ① アプリをインストールする
  • ② 特定の箇所に、ソースコードを追記する

それでは詳しく説明します。

① アプリをインストールする

1. Related Blog Postsへアクセスし、「アプリ追加する」をクリック

Related Blog Postsへアクセス

2. 「アプリをインストール」をクリック

「アプリをインストール」をクリック

② 特定の箇所に、ソースコードを追記する

3. オンラインストア > テーマ > アクションの順にクリック

オンラインストア>テーマ>アクションの順にクリック

4. アクションの中の「コードを編集」選択

アクションの中の「コードを編集」選択

5. ソースコードに{% include 'relatedblogs' %}を挿入

・ファイルの検索フォームで「article」と検索

・「main-article.liquid」を選択

・文字検索で「article.content」と検索

・{{article.content}}の直下に{% include 'relatedblogs' %}を挿入

ソースコードに{% include 'relatedblogs' %}を挿入

6. 「保存する」をクリック

{{article.content}}直下に{% include 'relatedblogs' %}を挿入されていることを確認し、「保存する」をクリック

「保存する」をクリック

7. 関連記事が表示されているか確認

関連記事は記事の下部に表示されています

関連記事が表示されているか確認

関連記事以外の内部リンク施策

目次

目次はブログ記事の「読みやすさの向上（利便性向上）」など様々なメリットがある内部リンク施策の１つです。下記の記事で目次のメリットを解説していますので、ご参考になさってください。

目次を入れるメリット｜Shopifyの目次作成アプリもご紹介

また、下記のページではShopifyストアに無料で目次生成しくれるShopifyアプリ「RuffRuff 目次作成」に関して紹介していますので、ご参考になさってください。

【日本初】Shopifyに目次を自動生成するアプリ「RuffRuff 目次作成」とは？

タグ一覧

タグ一覧は「情報を探しやすさ向上（利便性向上）」など様々なメリットがある内部リンク施策の１つです。下記の記事でタグ一覧のメリットを解説していますので、ご参考になさってください。

タグ一覧を入れるメリット｜Shopifyのタグ一覧アプリもご紹介

また、下記のページではShopifyストアに無料でタグ一覧を生成しくれるShopifyアプリ「RuffRuff タグ一覧」に関して紹介していますので、ご参考になさってください。

【無料】Shopifyサイトにタグ一覧を出すアプリ「RuffRuff タグ一覧」とは？

パンくずリスト

パンくずリストは訪問者が現在値を把握でき、現在値の親階層へすぐにアクセスするのに役立つ内部リンク施策の１つです。下記の記事ではパンくずリストを出すメリットを詳しく解説しています。ご参考になさってください。

パンくずリストを出すメリット｜Shopifyサイトへの導入方法

ECサイトをカスタマイズしたい方はTsunへご相談を！

株式会社Tsunではマーケティング分野でのサポートは勿論、ECサイトのサイト構築からグロースまでを、一気通貫でサポートします！また、Tsunには大手ECモールでのマーケティング担当の経験者もいるため、自社ECとモール型ECを同時に運営したい方のご相談を承ることも可能です。

自社ECサイトの作成、運営をご検討されている方は、豊富なプログラミング知識とマーケティング知識をあわせ持つTsunへ一度お問い合わせください。

お問い合わせはこちら

最後に

下記の記事では関連記事を表示できるShopifyアプリ以外にも「集客」や「売上拡大」、「ブログ記事拡張」など様々なおすすめアプリをジャンル別に紹介しています。ご参考にしてください。

おすすめのShopifyアプリ｜ジャンル別に紹介

ブログに戻る

ブログ

すべてを表示する
  • Shopifyのポイントアプリ6選｜ポイントサービスを導入するメリット・デメリット

    Shopifyのポイントアプリ6選｜ポイントサービスを導入するメリット・デメリット

    Tsunライターチーム

    「RuffRuff 予約販売」は在庫切れや新商品販売前、入荷待ちなどのタイミングで発生する機会損失の削減をサポートします。自身のShopifyストアに驚くほど簡単に予約販売を実現し、無制限での予約商品を登録および無制限で予約注文を受け付けることが可能です。また、予約商品と通常商品を同時に注文させないように制限したり、入荷時期が未定な場合は再入荷通知も可能です。他の予約販売アプリにはない商品出荷前に支払回収できる「後払い」機能などのユニークな機能もたくさん存在します。 引用元: RuffRuff 予約販売 アプリを見る デモページを見る 本記事では、Shopifyストアにポイントサービスを導入するメリットやデメリット、ポイントサービスを導入できるShopifyアプリをご紹介します。 ポイントサービスとは ポイントサービスとは、お客様の購入金額に応じて自身のShopifyストアで利用できるポイントを付与するサービスの事です。 ポイントを付与することでお客様の利用頻度を向上させるのと併せて、商品やサービスのファンを増やす事に役立ちます。 Shopifyストアにポイントサービスを導入することで競合ストアよりも選ばれやすくする事にも役立ちます。 同義として「ポイントプログラム」や「ポイントシステム」と呼ばれることもあります。 ポイントサービスを導入するメリット リピート率を向上できる ポイントサービスを導入する最大のメリットは、リピーターを獲得できる点です。ポイントが貯まっているから、貯めているからという理由で、既存顧客に自社ストアを選んでもらいやすくなります。 Shopifyストアを安定運営するには、既存顧客が他社の商品やサービスに乗り換えること（顧客離れ）を防ぐことが大切です。ポイントサービスは既存顧客の囲い込みに役立ち、売り上げの安定化も期待できます。 顧客単価・LTVを向上できる 上述のように、ポイントサービスを導入することで、リピート率が上がるのと比例して、LTVの向上も期待できます。また、「〜円以上の買い物でポイント5倍」や「５のつく日だけポイント５倍」などポイントを絡めたマーケティング施策を行うことで、購入単価の向上も期待できます。 競合ストアと差別化ができる メーカーの意向で値段をあまり下げることが困難な商品やどこでも扱える商品を販売している場合などは、ポイントサービスがあることで競合ストアよりもポイント分だけ差別化することができます。 マーケティング施策の選択肢が増える ポイントと絡めたマーケティングキャンペーンの実施ができるようになるのもメリットの一つです。たとえば、「会員登録したらポイント付与」や「誰かを紹介したらポイント付与」、「誕生日を入力したらポイント付与」、「〜円以上の買い物でポイント5倍」、「５のつく日だけポイント５倍」など、ポイントをインセンティブに様々なマーケティング施策を企画・実施することができます。 ポイントサービスを導入するデメリット 導入や維持にコストがかかる ポイントサービスをShopifyストアに導入する方法として、独自実装またはShopifyアプリの2種類があります。 独自実装する場合は外注費等のコストがかかる可能性もありますし、Shopifyアプリを利用する場合も月額費用だけでなく、顧客数に応じて追加コストが発生する場合があります。 また、dポイントなどの共通ポイントを導入する場合は、加盟店費用やポイント発行手数料など様々なコストも発生します。 手間もかかる ポイントサービスは導入して終わりではありません。導入後はキャンセルや返品が発生した際に、ポイントを取り消す手間が発生しますし、ポイントに関するお客様からの問い合わせも増えます。また、ポイント支払いは、会計上「ポイント引当金」として処理する必要があり、会計処理においても手間が発生します。 一度始めると終わらせるのも大変...

    Shopifyのポイントアプリ6選｜ポイントサービスを導入するメリット・デメリット

    Tsunライターチーム

    「RuffRuff 予約販売」は在庫切れや新商品販売前、入荷待ちなどのタイミングで発生する機会損失の削減をサポートします。自身のShopifyストアに驚くほど簡単に予約販売を実現し、無制限での予約商品を登録および無制限で予約注文を受け付けることが可能です。また、予約商品と通常商品を同時に注文させないように制限したり、入荷時期が未定な場合は再入荷通知も可能です。他の予約販売アプリにはない商品出荷前に支払回収できる「後払い」機能などのユニークな機能もたくさん存在します。 引用元: RuffRuff 予約販売 アプリを見る デモページを見る 本記事では、Shopifyストアにポイントサービスを導入するメリットやデメリット、ポイントサービスを導入できるShopifyアプリをご紹介します。 ポイントサービスとは ポイントサービスとは、お客様の購入金額に応じて自身のShopifyストアで利用できるポイントを付与するサービスの事です。 ポイントを付与することでお客様の利用頻度を向上させるのと併せて、商品やサービスのファンを増やす事に役立ちます。 Shopifyストアにポイントサービスを導入することで競合ストアよりも選ばれやすくする事にも役立ちます。 同義として「ポイントプログラム」や「ポイントシステム」と呼ばれることもあります。 ポイントサービスを導入するメリット リピート率を向上できる ポイントサービスを導入する最大のメリットは、リピーターを獲得できる点です。ポイントが貯まっているから、貯めているからという理由で、既存顧客に自社ストアを選んでもらいやすくなります。 Shopifyストアを安定運営するには、既存顧客が他社の商品やサービスに乗り換えること（顧客離れ）を防ぐことが大切です。ポイントサービスは既存顧客の囲い込みに役立ち、売り上げの安定化も期待できます。 顧客単価・LTVを向上できる 上述のように、ポイントサービスを導入することで、リピート率が上がるのと比例して、LTVの向上も期待できます。また、「〜円以上の買い物でポイント5倍」や「５のつく日だけポイント５倍」などポイントを絡めたマーケティング施策を行うことで、購入単価の向上も期待できます。 競合ストアと差別化ができる メーカーの意向で値段をあまり下げることが困難な商品やどこでも扱える商品を販売している場合などは、ポイントサービスがあることで競合ストアよりもポイント分だけ差別化することができます。 マーケティング施策の選択肢が増える ポイントと絡めたマーケティングキャンペーンの実施ができるようになるのもメリットの一つです。たとえば、「会員登録したらポイント付与」や「誰かを紹介したらポイント付与」、「誕生日を入力したらポイント付与」、「〜円以上の買い物でポイント5倍」、「５のつく日だけポイント５倍」など、ポイントをインセンティブに様々なマーケティング施策を企画・実施することができます。 ポイントサービスを導入するデメリット 導入や維持にコストがかかる ポイントサービスをShopifyストアに導入する方法として、独自実装またはShopifyアプリの2種類があります。 独自実装する場合は外注費等のコストがかかる可能性もありますし、Shopifyアプリを利用する場合も月額費用だけでなく、顧客数に応じて追加コストが発生する場合があります。 また、dポイントなどの共通ポイントを導入する場合は、加盟店費用やポイント発行手数料など様々なコストも発生します。 手間もかかる ポイントサービスは導入して終わりではありません。導入後はキャンセルや返品が発生した際に、ポイントを取り消す手間が発生しますし、ポイントに関するお客様からの問い合わせも増えます。また、ポイント支払いは、会計上「ポイント引当金」として処理する必要があり、会計処理においても手間が発生します。 一度始めると終わらせるのも大変...

  • 顧客ロイヤリティプログラムを導入できるShopifyアプリ「Kinchaku」とは？

    顧客ロイヤリティプログラムを導入できるShopifyアプリ「Kinchaku」とは？

    新宮ドミ

    Shopifyアプリ「Kinchaku」とは？ Kinchakuアプリは、Shopifyストア向けの顧客ロイヤリティ（会員ポイント）プログラムを運営するためのアプリです。当アプリを利用することで、発行される会員証はApple WalletおよびGoogle Walletに簡単に追加することができ、便利に利用することができます。ポイントは商品発送時に付与されるため、会員は購買行動を通じてポイントを貯めることができます。さらに、貯めたポイントを決済時に利用できるディスカウントコードと交換することができます。 アプリのインストールはこちら   関連記事：Shopifyにポイントサービスを導入するメリット・デメリット Kinchakuの特徴 Kinchakuの特徴は下記3つになります。 ポイントカードの発行枚数は無制限 日本語と英語の両方に対応 会員証はモバイルウォレットにも追加可能 1. ポイントカードの発行枚数は無制限 月額費用によるポイントカードの発行枚数に制限がついていません。そのため、費用を気にせず安心してご利用いただけます。 2. 日本語と英語の両方に対応 アプリは日本語と英語の両方に対応しています。もし、英語が苦手な方でも日本語でアプリをご利用いただけます。 3. 会員証はモバイルウォレットにも追加可能 会員証はウェブ版はもちろんですが、モバイルウォレットにも追加できます。 こんな企業・ストア様におすすめ Kinchakuは小中規模の小売業者様におすすめです。また、下記の商材を扱っているストア様にもおすすめです。 アパレール コスメ スポーツグッズ フィットネスサプリ アプリのインストールはこちら Kinchakuのおすすめ機能 Kinchakuでは下記の3つの機能がおすすめです。...

    顧客ロイヤリティプログラムを導入できるShopifyアプリ「Kinchaku」とは？

    新宮ドミ

    Shopifyアプリ「Kinchaku」とは？ Kinchakuアプリは、Shopifyストア向けの顧客ロイヤリティ（会員ポイント）プログラムを運営するためのアプリです。当アプリを利用することで、発行される会員証はApple WalletおよびGoogle Walletに簡単に追加することができ、便利に利用することができます。ポイントは商品発送時に付与されるため、会員は購買行動を通じてポイントを貯めることができます。さらに、貯めたポイントを決済時に利用できるディスカウントコードと交換することができます。 アプリのインストールはこちら   関連記事：Shopifyにポイントサービスを導入するメリット・デメリット Kinchakuの特徴 Kinchakuの特徴は下記3つになります。 ポイントカードの発行枚数は無制限 日本語と英語の両方に対応 会員証はモバイルウォレットにも追加可能 1. ポイントカードの発行枚数は無制限 月額費用によるポイントカードの発行枚数に制限がついていません。そのため、費用を気にせず安心してご利用いただけます。 2. 日本語と英語の両方に対応 アプリは日本語と英語の両方に対応しています。もし、英語が苦手な方でも日本語でアプリをご利用いただけます。 3. 会員証はモバイルウォレットにも追加可能 会員証はウェブ版はもちろんですが、モバイルウォレットにも追加できます。 こんな企業・ストア様におすすめ Kinchakuは小中規模の小売業者様におすすめです。また、下記の商材を扱っているストア様にもおすすめです。 アパレール コスメ スポーツグッズ フィットネスサプリ アプリのインストールはこちら Kinchakuのおすすめ機能 Kinchakuでは下記の3つの機能がおすすめです。...

  • Shopifyで購入回数を毎月3回までに制限する方法

    Shopifyで購入回数を毎月3回までに制限する方法｜Shopifyアプリも紹介

    Tsunライターチーム

    本記事では、1会員あたり毎月3回までしか購入出来ないように制限する方法を紹介します。 下記のブログ記事では、Shopifyで個数や金額、重量など様々な購入制限を実施する方法を紹介しています。ご参考にしてください。 Shopifyで購入制限（販売制限）を実施する方法 アウトプット 本設定を行うことで、「購入回数0回〜2回までの会員」と「ログインしていないユーザー（以降、ゲスト会員）や購入回数3回の会員」とで商品は下記の状態となります。 購入回数0回〜2回までの会員 商品を購入できる ゲスト会員または購入回数3回の会員 商品を購入できない 購入を試みた場合にアラートメッセージが表示される 事前準備 本設定を進めるにあたり「RuffRuff 注文制限」と「Shopify Flow」を利用します。そのため、まだインストールされていない方はインストールをお願いします。 RuffRuff 注文制限  「RuffRuff 注文制限」は完全日本語対応で、日本初のCart and Checkout Validation APIを利用したShopify アプリです。 「Cart and Checkout Validation API」を利用することにより、これまでフロントでしか対応できなかった注文制限の処理をサーバサイドで実現しました。そのため、既存の注文制限アプリに比べ、より突破されにくい堅牢な注文制限を実現することが可能です。 アプリ１つで「1回の注文あたり1個まで」「1回の注文あたり3個から」などの個数制限や「合計金額3,000円まで購入を可能にする」「合計金額1,000円以上から購入を可能にする」などの金額制限、「他商品とは同時購入不可」や「特定カテゴリの商品のみ同時購入可能」などの同梱制限を実施できます。 アプリを見る...

    Shopifyで購入回数を毎月3回までに制限する方法｜Shopifyアプリも紹介

    Tsunライターチーム

    本記事では、1会員あたり毎月3回までしか購入出来ないように制限する方法を紹介します。 下記のブログ記事では、Shopifyで個数や金額、重量など様々な購入制限を実施する方法を紹介しています。ご参考にしてください。 Shopifyで購入制限（販売制限）を実施する方法 アウトプット 本設定を行うことで、「購入回数0回〜2回までの会員」と「ログインしていないユーザー（以降、ゲスト会員）や購入回数3回の会員」とで商品は下記の状態となります。 購入回数0回〜2回までの会員 商品を購入できる ゲスト会員または購入回数3回の会員 商品を購入できない 購入を試みた場合にアラートメッセージが表示される 事前準備 本設定を進めるにあたり「RuffRuff 注文制限」と「Shopify Flow」を利用します。そのため、まだインストールされていない方はインストールをお願いします。 RuffRuff 注文制限  「RuffRuff 注文制限」は完全日本語対応で、日本初のCart and Checkout Validation APIを利用したShopify アプリです。 「Cart and Checkout Validation API」を利用することにより、これまでフロントでしか対応できなかった注文制限の処理をサーバサイドで実現しました。そのため、既存の注文制限アプリに比べ、より突破されにくい堅牢な注文制限を実現することが可能です。 アプリ１つで「1回の注文あたり1個まで」「1回の注文あたり3個から」などの個数制限や「合計金額3,000円まで購入を可能にする」「合計金額1,000円以上から購入を可能にする」などの金額制限、「他商品とは同時購入不可」や「特定カテゴリの商品のみ同時購入可能」などの同梱制限を実施できます。 アプリを見る...

  • Shopifyのセット販売（バンドル販売）アプリ｜メリット・デメリットも紹介

    Shopifyのセット販売（バンドル販売）アプリ4選｜メリット・デメリットも紹介

    Tsunライターチーム

    セット販売（バンドル販売）のメリットやデメリットを解説し、Shopify（ショッピファイ）サイトでセット販売を実現するShopifyアプリの選び方を解説。Rebolt Bundle & UpsellやWide Bundlesなどの有名アプリもご紹介しています。最近リリースされたShopify Bundles appについても紹介しています。

    Shopifyのセット販売（バンドル販売）アプリ4選｜メリット・デメリットも紹介

    Tsunライターチーム

    セット販売（バンドル販売）のメリットやデメリットを解説し、Shopify（ショッピファイ）サイトでセット販売を実現するShopifyアプリの選び方を解説。Rebolt Bundle & UpsellやWide Bundlesなどの有名アプリもご紹介しています。最近リリースされたShopify Bundles appについても紹介しています。

1 4
すべてを表示する

テックブログ

すべてを表示する
  • 【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

    【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

    小笠原 京平

    Shopifyの GraphQL Admin API の小ネタです。 Shopifyの顧客総数を取得したい場合のクエリは、いざ探そうと思ってもパッと見つからないのでメモしておきます。 対象読者 Shopify GraphQL Admin API を使ったことがある方 顧客総数を取得するクエリ 2023-07 バージョンから CustomerSegmentMemberConnection に変更があったため、2023-07より前と以降で若干クエリが異なります。 ※ changelog 2023-07以降 { customerSegmentMembers(first: 1, query: "") { totalCount } } 2023-07より前...

    【Tips】Shopify の GraphQL Admin API で顧客総数を取得する

    小笠原 京平

    Shopifyの GraphQL Admin API の小ネタです。 Shopifyの顧客総数を取得したい場合のクエリは、いざ探そうと思ってもパッと見つからないのでメモしておきます。 対象読者 Shopify GraphQL Admin API を使ったことがある方 顧客総数を取得するクエリ 2023-07 バージョンから CustomerSegmentMemberConnection に変更があったため、2023-07より前と以降で若干クエリが異なります。 ※ changelog 2023-07以降 { customerSegmentMembers(first: 1, query: "") { totalCount } } 2023-07より前...

  • Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

    Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

    小笠原 京平

    今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

    Shopify Vite Plugin でテーマ拡張機能の開発体験を改善する

    小笠原 京平

    今回は Barrel が提供する Shopify Vite Plugin を導入して、テーマ拡張機能の開発体験を改善する方法をご紹介します。 対象読者 テーマ拡張機能の開発経験がある方 はじめに Shopifyのテーマ拡張機能 (Theme app extensions) はShopify アプリ開発において、ストアフロントに機能を追加するための機能です。 Liquid、JavaScript、CSSなどを使って開発することができますが、通常のアプリ開発と比較すると、ローカルでの開発体験はそれほどよくありません。 そこで、今回は Shopify Vite Plugin を導入して、開発体験を改善していきます。 Shopify Vite Plugin とは Barrel が提供する Vite用プラグインです。ViteをShopify テーマ開発に組み込んで開発体験を改善することを目的として作られていますが、テーマ拡張機能においてもその恩恵を受けることができます。...

  • Shopify Admin API GraphiQLとは？ 使い方やメリット・デメリットを解説

    Shopify Admin API GraphiQLとは？ 使い方やメリット・デメリットを解説します

    小笠原 京平

    ShopifyのAdmin APIにはGraphQLを用いたAPIがあります。手軽に試す方法としてGraphiQL (GraphQLではなくGraphiQLなのに注意) というIDEがありますので、今回はShopify GraphiQLの使い方やメリット・デメリットを解説します。 GraphiQLとは GraphQL公式が運営しているオープンソースプロジェクトです。GraphQLをブラウザ上でインタラクティブに操作・実行することができます。 グラフィカル (/ˈɡrafək(ə)l/) と発音します。(graphicalと同じ発音) GraphQLとは GraphQLはAPIのためのクエリ言語であり、既存のデータでクエリを実行するためのランタイムです。 GraphQLはAPI内のデータの完全で理解しやすい説明を提供し、クライアントに必要なものだけを要求する力を与え、APIを長期的に進化させることを容易にし、強力な開発者ツールを可能にします。 引用: GraphQL | A query language for your API Shopify GraphiQLの使い方 Shopify GraphiQLは各ストアにアプリをインストールするだけで使えますが、Shopify Devサイト上でデモを触れるので、まずは触ってみましょう！ https://shopify.dev/docs/apps/tools/graphiql-admin-api Workshopをやってみよう！ Shopifyが作成した「Learn...

    Shopify Admin API GraphiQLとは？ 使い方やメリット・デメリットを解説します

    小笠原 京平

    ShopifyのAdmin APIにはGraphQLを用いたAPIがあります。手軽に試す方法としてGraphiQL (GraphQLではなくGraphiQLなのに注意) というIDEがありますので、今回はShopify GraphiQLの使い方やメリット・デメリットを解説します。 GraphiQLとは GraphQL公式が運営しているオープンソースプロジェクトです。GraphQLをブラウザ上でインタラクティブに操作・実行することができます。 グラフィカル (/ˈɡrafək(ə)l/) と発音します。(graphicalと同じ発音) GraphQLとは GraphQLはAPIのためのクエリ言語であり、既存のデータでクエリを実行するためのランタイムです。 GraphQLはAPI内のデータの完全で理解しやすい説明を提供し、クライアントに必要なものだけを要求する力を与え、APIを長期的に進化させることを容易にし、強力な開発者ツールを可能にします。 引用: GraphQL | A query language for your API Shopify GraphiQLの使い方 Shopify GraphiQLは各ストアにアプリをインストールするだけで使えますが、Shopify Devサイト上でデモを触れるので、まずは触ってみましょう！ https://shopify.dev/docs/apps/tools/graphiql-admin-api Workshopをやってみよう！ Shopifyが作成した「Learn...

  • ブログ記事 Shopifyの必須Webhooks (Mandatory Webhooks)とは？ GDPRや対応例など

    Shopifyの必須Webhooks (Mandatory Webhooks)とは？ GDPR...

    小笠原 京平

    今回はShopifyアプリ開発を始めたときに詰まるポイントの1つ「必須Webhooks」について解説します。実装をしていなかったり、実装が不十分なためにレビューが通らなかった経験をされた方は多いんじゃないでしょうか？レビューで詰まらないためにも、ぜひご確認ください！ Webhooksとは？ Shopifyの必須Webhooksを説明する前に、Webhooksについて理解しましょう。Webhooksとは、Webアプリケーションと連携するために用いられるイベント通知の仕組みです。Webhooksを使うことで、あるWebアプリケーションで特定のイベントが起きたときに、データを受け取ったり、何かしらの動作をすることが可能になります。 エンジニアにとって身近な例でいうと、GitHubにコードをプッシュしたときに自動でビルドやテストをするときにWebhooksが使われています。 ShopifyのWebhooks そんなWebhooksはShopifyでも使うことができます。Shopifyアプリ開発では、Shopify Admin APIからWebhooksを使うことができます。また、アプリ以外でもShopify管理画面からWebhookを作成することもできます。 ShopifyのWebhooksにはHTTPSのエンドポイントのほか、Amazon EventBridgeやGoogle Cloud Pub/Subといったメッセージングサービスを使うこともできます。購読するイベントやマーチャントによっては瞬間的に大量のWebhooksを処理する必要があるため、スケールさせやすいメッセージングサービスを使ってWebhooksを処理することをおすすめします。 必須Webhooks (Mandatory Webhooks) とは？ 必須Webhooksとは、Shopifyアプリを開発するときに必ず実装しなければならない3つのWebhooksのことです。この3つのWebhooksはGDPRに対応するために必要なWebhooksで、EU加盟国に関わらず、すべてのShopifyアプリはGDPRに準拠しなければなりません。必須Webhooksを実装していない場合、アプリレビューで却下されます。 (3つの必須Webhooks以外のWebhooksは任意で実装すればOKです。) また、必須Webhooksの3つはHTTPSのエンドポイントでのみ作成可能です。上述したEventBridgeやPub/Subを利用することはできません。 GDPRとは？ GDPR（General Data Protection Regulation：一般データ保護規則）は、ヨーロッパ連合（EU）の個人情報保護法規で、2018年5月25日から施行されています。これは、EU全域での個人情報のプライバシーを保護し、データの取り扱い方に関して個々の人々により多くの制御権を付与するためのものです。 GDPRは、EU市民または居住者の個人データを処理する全ての組織に適用されます。これには、EU内外の組織も含まれ、EUの市民や居住者のデータを処理する場合、世界のどこにその組織があろうともGDPRの規定を守る必要があります。 GDPRの主な目的は、個人が自分の個人データをどのように収集、保存、使用されるのかを知り、そしてその制御をする権利を持つべきであるという考え方を強化し、統一化することです。これは、個人情報の透明性、アクセスの権利、修正の権利、忘れられる権利（データ削除の権利）、データ移行の権利など、いくつかの重要な権利を個々の人々に付与します。 参考: ChatGPT 必須Webhooksの対応例 上記で説明したように、必須WebhooksとはGDPRに準拠するためのWebhooksなので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

    Shopifyの必須Webhooks (Mandatory Webhooks)とは？ GDPR...

    小笠原 京平

    今回はShopifyアプリ開発を始めたときに詰まるポイントの1つ「必須Webhooks」について解説します。実装をしていなかったり、実装が不十分なためにレビューが通らなかった経験をされた方は多いんじゃないでしょうか？レビューで詰まらないためにも、ぜひご確認ください！ Webhooksとは？ Shopifyの必須Webhooksを説明する前に、Webhooksについて理解しましょう。Webhooksとは、Webアプリケーションと連携するために用いられるイベント通知の仕組みです。Webhooksを使うことで、あるWebアプリケーションで特定のイベントが起きたときに、データを受け取ったり、何かしらの動作をすることが可能になります。 エンジニアにとって身近な例でいうと、GitHubにコードをプッシュしたときに自動でビルドやテストをするときにWebhooksが使われています。 ShopifyのWebhooks そんなWebhooksはShopifyでも使うことができます。Shopifyアプリ開発では、Shopify Admin APIからWebhooksを使うことができます。また、アプリ以外でもShopify管理画面からWebhookを作成することもできます。 ShopifyのWebhooksにはHTTPSのエンドポイントのほか、Amazon EventBridgeやGoogle Cloud Pub/Subといったメッセージングサービスを使うこともできます。購読するイベントやマーチャントによっては瞬間的に大量のWebhooksを処理する必要があるため、スケールさせやすいメッセージングサービスを使ってWebhooksを処理することをおすすめします。 必須Webhooks (Mandatory Webhooks) とは？ 必須Webhooksとは、Shopifyアプリを開発するときに必ず実装しなければならない3つのWebhooksのことです。この3つのWebhooksはGDPRに対応するために必要なWebhooksで、EU加盟国に関わらず、すべてのShopifyアプリはGDPRに準拠しなければなりません。必須Webhooksを実装していない場合、アプリレビューで却下されます。 (3つの必須Webhooks以外のWebhooksは任意で実装すればOKです。) また、必須Webhooksの3つはHTTPSのエンドポイントでのみ作成可能です。上述したEventBridgeやPub/Subを利用することはできません。 GDPRとは？ GDPR（General Data Protection Regulation：一般データ保護規則）は、ヨーロッパ連合（EU）の個人情報保護法規で、2018年5月25日から施行されています。これは、EU全域での個人情報のプライバシーを保護し、データの取り扱い方に関して個々の人々により多くの制御権を付与するためのものです。 GDPRは、EU市民または居住者の個人データを処理する全ての組織に適用されます。これには、EU内外の組織も含まれ、EUの市民や居住者のデータを処理する場合、世界のどこにその組織があろうともGDPRの規定を守る必要があります。 GDPRの主な目的は、個人が自分の個人データをどのように収集、保存、使用されるのかを知り、そしてその制御をする権利を持つべきであるという考え方を強化し、統一化することです。これは、個人情報の透明性、アクセスの権利、修正の権利、忘れられる権利（データ削除の権利）、データ移行の権利など、いくつかの重要な権利を個々の人々に付与します。 参考: ChatGPT 必須Webhooksの対応例 上記で説明したように、必須WebhooksとはGDPRに準拠するためのWebhooksなので、顧客情報、ストア情報をデータベースなどに保存しているかどうかで対応方法が変わります。...

1 4
すべてを表示する

編集プロセス

EコマースやShopifyの初学者にとって、できるだけ “やさしく” “わかりやすく” “正確に” 難しいコマース用語やマーケティング用語、ストア構築から販売までの仕組み・ノウハウを伝えることを心がけて、記事コンテンツを作成しています。

詳しく見る →

掲載情報に関して

掲載している各種情報は、株式会社Tsunが経験および、調査した情報をもとにしています。できるだけ“最新“かつ“正確“な情報の掲載に努めておりますが、内容を完全に保証するものではありません。当サイトによって生じた損害について、株式会社Tsunではその賠償の責任を一切負わないものとします。掲載情報に誤りがある場合には、お手数ですが株式会社Tsunまでご連絡をいただけますようお願いいたします。