Shopifyのメタオブジェクトの使い方|メタフィールドの違いも紹介

Shopifyのメタオブジェクトとは|作り方・使い方を紹介

Shopifyのメタオブジェクトは、ECサイトの運営をより効率的にするための強力な機能です。従来のメタフィールドよりも柔軟なデータ管理を可能にし、商品情報、店舗情報、ブランド情報など、複数の関連データを一括で管理できます。本記事では、メタオブジェクトの基本的な概念から具体的な活用方法まで、実践的な視点で解説していきます。

メタオブジェクトとは

Shopifyのメタオブジェクトは、商品やコレクションなどのデータを柔軟に管理・拡張するための新しい仕組みです。従来のメタフィールドと似ていますが、メタオブジェクトは複数のフィールドをまとめて管理できる点が特徴です。これにより、より複雑なデータ構造を作成し、効率的に活用することが可能になります。

例えば、商品に関連する詳細情報やカスタムデータを一括で管理したい場合、メタオブジェクトを使用することで、データの一貫性を保ちながら効率的に運用できます。

メタフィールドとの違い

メタフィールドとメタオブジェクトはどちらもカスタムデータを管理するためのツールですが、以下の点で異なります。

メタフィールド:単一のデータを管理するのに適しています。例えば、商品の「素材」や「サイズ」など、個別の情報を追加する場合に使用します。

メタオブジェクト:複数のフィールドをまとめて管理できるため、より複雑なデータ構造を作成できます。例えば、「イベント情報」や「著者情報」、「店舗情報」、「ブランド情報」など、複数の関連データを一括で管理する場合に便利です。

下記のブログ記事ではメタフィールドの使い方や活用事例を紹介しています。ご参考にしてください。

【保存版】Shopifyメタフィールドの使い方・設定方法を徹底解説

メタオブジェクトの作り方・使い方

メタオブジェクトを活用して商品ページに「注意事項」を表示した例

(商品ページに「注意事項」を表示した例)

本章では、商品に関する「注意事項」の情報をメタオブジェクトで管理し、商品ページで表示するまでの方法を紹介します。

※ Riseテーマを利用した設定手順となりますので、他テーマの場合は、ステップ5が記載通りに設定できない場合がありますのでご了承ください。

ステップ1. メタオブジェクトの定義作成

まず、Shopify管理画面でメタオブジェクトの定義を作成します。定義では、メタオブジェクトに含めるフィールド(例:テキスト、画像、リンクなど)を設定します。これにより、データの構造を事前に決めることができます。

(1)Shopify管理画面から「コンテンツ > メタオブジェクト」の順にアクセス  (2)「定義を追加」をクリック

(1)Shopify管理画面から「コンテンツ > メタオブジェクト」の順にアクセス

(2)「定義を追加」をクリック

(3)メタオブジェクト定義のネームやタイプを入力  (4)フィールドにメタオブジェクトで利用するフィールドを追加

(3)メタオブジェクト定義のネームやタイプを入力

(4)フィールドにメタオブジェクトで利用するフィールドを追加

今回は、注意事項のタイトルと詳細を管理するため、タイトル用に「単一行のテキスト」、詳細ように「複数行のテキスト」を追加しています。

(5)オプションセクションの「ストアフロントのアクセス」を有効化

商品ページで表示するために有効化しておきましょう。

(6)「保存」をクリック

ステップ2. メタオブジェクトのエントリー作成

次に、作成した定義に基づいてエントリーを追加します。エントリーとは、メタオブジェクトに登録するデータ(レコード)を指します。

今回は、ステップ1で作成した「注意事項」のメタオブジェクトに、タイトルと詳細がセットになったデータをエントリーとして登録します。

(1)Shopify管理画面から「コンテンツ > メタオブジェクト」の順にアクセス  (2)ステップ1で作成したメタオブジェクトをクリック

(1)Shopify管理画面から「コンテンツ > メタオブジェクト」の順にアクセス

(2)ステップ1で作成したメタオブジェクトをクリック

(3)「エントリーを追加」をクリック

(3)「エントリーを追加」をクリック

(4)エントリーデータを入力し、「保存」をクリック

(4)エントリーデータを入力し、「保存」をクリック

ステップ3. 商品メタフィールドにてメタオブジェクトを参照可能にする

商品ごとに注意事項を設定できるように、商品メタフィールドにて、ステップ1で作成したメタオブジェクトを参照できるメタフィールドの定義を作成します。

(1) Shopifyの管理画面より「設定 > カスタムデータ」の順にアクセス  (2)メタフィールドの定義一覧より「商品」をクリック

(1) Shopifyの管理画面より「設定 > カスタムデータ」の順にアクセス

(2)メタフィールドの定義一覧より「商品」をクリック

(3)「定義を追加する」をクリック

(3)「定義を追加する」をクリック

(4)名前を入力(今回は「注意事項」と入力)  (5)ネームスペースとキーを入力(今回は「custom.notes」と入力)  (6)コンテンツタイプから「メタオブジェクト」を選ぶ  (7)リファレンスにて、ステップ1で作成したメタオブジェクトを選択  (8)「保存」をクリック

(4)名前を入力(今回は「注意事項」と入力)

(5)ネームスペースとキーを入力(今回は「custom.notes」と入力)

(6)コンテンツタイプから「メタオブジェクト」を選ぶ

(7)リファレンスにて、ステップ1で作成したメタオブジェクトを選択

(8)「保存」をクリック

ステップ4. 商品にエントリーデータを紐づける

各商品に対して、ステップ2で作成したエントリーデータを設定します。

(1) Shopifyの管理画面より商品管理をクリック  (2)商品一覧から原産国情報を入力したい商品を選択

(1) Shopifyの管理画面より商品管理をクリック

(2)商品一覧から原産国情報を入力したい商品を選択

(3)メタフィールドセクションの「注意事項」より、適したエントリーデータを選択  (4)「保存」をクリック

(3)メタフィールドセクションの「注意事項」より、適したエントリーデータを選択

(4)「保存」をクリック

ステップ5. メタオブジェクトを商品ページに表示

(1) Shopifyの管理画面より「オンラインストア > テーマ」の順にアクセス  (2) 原産国を表示したいテーマの「カスタマイズ」をクリック

(1) Shopifyの管理画面より「オンラインストア > テーマ」の順にアクセス

(2) 注意事項を表示したいテーマの「カスタマイズ」をクリック

(3)画面中央上部のセレクトボックスより、商品テンプレートを選択  (4)画面左よりブロックを追加したい箇所のプラスアイコンをクリック  (5)ブロック一覧より「折りたたみ可能な行」ブロックを選択

(3)画面中央上部のセレクトボックスより、商品テンプレートを選択

(4)画面左よりブロックを追加したい箇所のプラスアイコンをクリック

(5)ブロック一覧より「折りたたみ可能な行」ブロックを選択

(6)「折りたたみ可能な行」ブロックの見出しフィールド上部にあるデータベースアイコンをクリック  (7) 「商品メタフィールド > 注意事項 > タイトル」の順に選択

(6)「折りたたみ可能な行」ブロックの見出しフィールド上部にあるデータベースアイコンをクリック

(7) 「商品メタフィールド > 注意事項 > タイトル」の順に選択

(8)「折りたたみ可能な行」ブロックの行のコンテンツフィールド上部にあるデータベースアイコンをクリック  (9) 「商品メタフィールド > 注意事項 > 詳細」の順に選択

(8)「折りたたみ可能な行」ブロックの行のコンテンツフィールド上部にあるデータベースアイコンをクリック

(9) 「商品メタフィールド > 注意事項 > 詳細」の順に選択

(10)「保存」をクリック

以上で、設定は完了です。

メタオブジェクトの活用例

店舗情報の管理

まきの商店

出典:まきの商店

手芸用品を販売している「まきの商店」では、鹿児島にある各店舗情報をメタオブジェクトで管理しています。Shopifyストア上では、メタオブジェクトの情報を利用して、店舗一覧情報や店舗の詳細ページに活用しています。

ランディングページ

ランディングページ

出典:Shopify Editions23年夏

Shopify Editions23年夏から実現可能になりましたが、メタオブジェクトを利用して、ランディングページを素早く作成することができるようになりました。

オプションセクションにて「エントリーをWebページとして公開する」を有効化する

メタオブジェクトを活用して、ランディングページを作成するには、オプションセクションにて「エントリーをWebページとして公開する」を有効化する必要があります。

メタオブジェクトの管理に役立つShopifyアプリ

Matrixify

Matrixify|Shopifyアプリストア
出典:Matrixify|Shopifyアプリストア

Matrixifyは、商品やブログ記事などShopify上のあらゆるデータをエクスポートしたり、インポート機能を利用して、データを一括編集することが出来るShopifyアプリです。CSVを利用して大量のメタオブジェクトデータを一括で管理・編集したい場合に役立ちます。

下記のブログ記事では、Matrixifyに関して詳しく紹介しています。ご参考にしてください。

Shopifyデータをインポート&エクスポートする「Matrixify」とは

【番外編】メタオブジェクトを活用したShopifyアプリ

RuffRuff 予約販売

RuffRuff 予約販売は、シンプルな設定で簡単に予約販売を実施できるShopifyアプリです。アプリ1つで、予約販売だけでなく、会員限定販売や期間限定セール、後払い、個数制限、繰り返し販売など様々なマーケ施策を実施できます。

RuffRuff 予約販売で設定する予約販売ルールは、メタオブジェクトで管理しており、日本で初めてメタオブジェクトを活用したShopifyアプリです。


RuffRuff 著者情報

RuffRuff 著者情報は、ブログ記事や商品に執筆者や制作者などのプロフィール情報を簡単に表示できるShopifyアプリです。RuffRuff 著者情報で作成する著者プロフィールのデータは、メタオブジェクトで管理しています。

最後に

メタオブジェクトを利用することで、複雑な情報をわかりやすく一元管理できるようになります。今回ご紹介した注意事項の設定手順を応用すれば、キャンペーン情報やブランド情報など、さまざまなデータを商品ページに反映できるでしょう。メタフィールドやオプションセクションの設定を組み合わせることで、ストアフロントに必要な情報を柔軟に追加できます。ぜひ自店舗に合わせたデータ構造を作成し、より魅力的な商品情報ページづくりにお役立てください。

ブログに戻る
1 6
  • Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介

    Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介

    Tsunライターチーム

    Shopify Liquidは、Shopifyが開発したオープンソースのテンプレート言語です。本記事では、Shopify Liquidの基本概念、主な特徴、そしてその学習に役立つリソースについて解説します。

    Shopify Liquidとは|特徴や基本構文、学習リソースまで紹介

    Tsunライターチーム

    Shopify Liquidは、Shopifyが開発したオープンソースのテンプレート言語です。本記事では、Shopify Liquidの基本概念、主な特徴、そしてその学習に役立つリソースについて解説します。

  • Shopify Polarisとは? 効率的なShopifyアプリ開発に!

    Shopify Polarisとは? 効率的なShopifyアプリ開発に!

    Tsunライターチーム

    Shopify Polarisは、Shopifyのエコシステムにおいて重要な役割を果たす包括的なデザインシステムです。本記事では、Shopify Polarisの概要やメリット、デメリット、Polarisを活用したShopifyアプリの事例、Shopify Polarisを使用する際のヒントとコツを紹介します。

    Shopify Polarisとは? 効率的なShopifyアプリ開発に!

    Tsunライターチーム

    Shopify Polarisは、Shopifyのエコシステムにおいて重要な役割を果たす包括的なデザインシステムです。本記事では、Shopify Polarisの概要やメリット、デメリット、Polarisを活用したShopifyアプリの事例、Shopify Polarisを使用する際のヒントとコツを紹介します。

  • 【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 6

編集プロセス

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

掲載情報に関して

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