# 商品メタフィールド ### Shopify商品メタフィールド要素について [Shopify商品メタフィールド](https://help.pagefly.io/manual/shopify-product-metafield/)要素を使用すると、Shopify商品のメタフィールド情報を任意のページに表示して、コンバージョン率を高めることができます。この機能は、商品ページ以外のページで商品を宣伝したり、商品詳細ページを強化したりするのに特に役立ち、それによりコンバージョン率を向上させる可能性があります。 Shopify商品メタフィールドは、仕様、プロモーション、固有の属性などの追加の商品情報を、商品ページやコレクションページに表示するのにも理想的です。詳細な商品情報を伝えたり、特定の機能を強調したりする必要があるストアオーナー、マーケター、開発者にとって役立ちます。 PageFlyで商品メタフィールド要素についてさらに詳しく知るには、ビデオチュートリアルをご覧ください。 {% embed url="" %} ### Shopify商品メタフィールドへのアクセス方法 #### PageFlyエディターから * **ステップ1**: PageFlyエディターで、要素 > Shopify要素をクリックします。 * **ステップ2**: メニューで商品メタフィールド要素をクリックします。 * **ステップ3**: 要素をページエディターにドラッグ＆ドロップして使用を開始します。 この要素は、サイドバーで探す代わりに検索機能を使用して検索できることに注意してください。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-51bc46c412700d8dd508930ac543fc52baba1487%2FAD_4nXdO3-T56rGcsnVEiVNpi1VIYMOUbjMwAYHWFj6Kika_BtioWFEufFmKetV5uF6n-5iwCT4oLIjKfiDmWWQBiOjCIQjQB0jcIHuoQjMbiHgFmdIlKItRFGH56WjY7G9-veS9-uyOcYopKnp95dDW9AkeyM1qMekumcdV-cRG4YjSbSQ.jpeg?alt=media) #### Shopify管理画面から Shopifyでメタフィールドにアクセスして、その定義を設定・追加する必要があります。メタフィールドにアクセスするには、**設定 > メタフィールド**に進みます。 メタフィールドには8つのタイプがあります。 PageFlyがサポートするのは、商品定義と[バリアント定義](https://help.pagefly.io/manual/how-to-use-shopify-product-variant-metafield-in-pagefly/)のみであることに注意してください。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXdcEkehZ-MdnDZorzsQkKhZZSjr4iaMjHyA4Q7a6MdoAUabcseNl8fxHtXC0mPbIZZKVOmhdeF69JX4pijyIPYMUAY2c536OcDfUMAGl67vX9ypCMWm37OujXnBJSE1vKq1RdxrWQYrQz3MSxYPyAkeyM1qMekumcdV-cRG4YjSbSQ.png) メタフィールドエリアにアクセスしたら、「定義を追加」をクリックして、商品メタフィールドの新しい定義を追加します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-b02b69499e94758f2d59c488c0b008690a2f60cb%2FAD_4nXfn1jv0hi2OMjdCnOlyNuba8V5aMc9tYcvjpa_Iyo6dz0pVi_LP8jG3ZwLQva5YozKFMn1YuotV9ALvvEoWXJ1qSUjaAxAbtkGz59KokZC9adocx4PGiFg2khcNKH26SZOO7wmiRcyZgK3gNqsBbwkeyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) 商品メタフィールド定義の追加では、名前、説明、コンテンツタイプの選択の3つのボックスを埋める必要があります。 名前空間とキーは、名前ボックスのテキストが自動的に入力されます。 ### Shopify商品メタフィールドの作成方法 コンテンツタイプは11種類あります。 \| 色 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-899e4b9ef1340fb2debf86f72898b66f8823a945%2FAD_4nXfKvxhLKqsc2TU9qXDW6_QWnv4L7pRCu209mvA3Vje1DnzVFRw72Q-C2BHvdX_n6M3tI7UfQZgd6vMcBVC5JptEc4YqIKUNZ_27WcPdyAFdtdOp1lgASmywbE-wp-c6JMmPV16Foznzpfj6o3sskeyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) | | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | 日付と時刻 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-57a762f5f73a87d7666d5b982583f55843cd78c3%2FAD_4nXf3yNG0NW2xSGKaZxdyroTOz813HqvSgI-DbfCu2MmMd-bseWmBpikAVch65NRAKFMM9dVzEyj1YsEji7JDWIKxeTuVUJVToAxzL1vj1wG8dmCEs1pdwtRDwTWC4OUL46C1x2OmU94ub84CLpvJTwkeyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) |\ \| ファイル | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-ddcf327b1589564f2683a1666578fd08d6fe961c%2FAD_4nXdcn0ENQVAkj-MhOqHIzyikYml22Jhb9fdRvawkbUf5EdUdVZyVW5VsI54Mb_m4sbiK93W_osfrSqIKAbuz51VUefR4zJQvaCoATo8ZxvyYtN_xkCOzVci-TOCqh1smyI1jy1IICYx5u1wiFRQMDQkeyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) |\ \| JSON | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-9ece969b8de2401c446a5f645197dd1201ed5d9c%2FAD_4nXf8ooxVOAzBUIrBRX4vvNuJJUAiHduZpGdqSkXLbyA4SEwg4XHzXMrQZnR9Hu-WcE1W1WYf6AHZsM39yRe-QYsorHnFQTovnZ_qAJBwbF5Gxlz5LWDPZiOgZhlnPeICFIvABxFDjfTNWsSb3Alc7QkeyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) |\ \| 測定値 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-910d923335f302640dd10ecaf777cdfc492d1738%2FAD_4nXci_AEXbM6-OxdMQP7I6Rs02W4TiY8qQ8HzH3rf3fpWOy5SoFAUbHluAjQyoqMN64DWHrtnwr6Xo4p2xfvSbchrNX4n0KM2m3uzO4MJ3X1r3BSIFySyPy4x_XtraPSyMC9CmWkTi_0_fX4SkojbYQkeyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) |\ \| 数値 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-40bfd5ce43ecb1a3d6cd4f221b8e7a0fa421719b%2FAD_4nXfH8vd4-JaIOO15Lk6cAwF2Ea70AGnE7y1YpAnV-cgCmnw2p2FLSjgQ6VQVgR50FjcTHJQEgQ0XXE19s2ZPQlhGQ-4tQlbpt9b01e4vev3wzJk8eR2sdXW3hRkAzB6dh4Np_DcVXYDMWiBxe3ivagkeyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) |\ \| 評価 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-144ea84871afe090405a4310227a55ef7b72465b%2FAD_4nXe3HCq8F1CDCx3fa6p9HJSxu9NLWO4LT9E1D7OJvum2NXEhP-ZYWxYLV563Ld1VSkAG7BK72vVZspOWUTMU40VdO_APNz93xQsgooaw9o2r6_VG0qXR2AUYAb1CHTyJEQAwHp5NXpG33KMCGzhdkeyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) |\ \| リファレンス | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-153bfb5bba52711e374056b164ded8fc9721d1e7%2FAD_4nXfne5tDEPNE3-1-HNT5u_LnHw07B4A0YqEVHmrzdO4STOBg7g5KY1J3vr7CbaidFgZqTeVr_Py8FwQ4Jvo3G5yDtadT6El4P_RGxk4aZmzqSAZoHcTZA1cWU8KS6LDnnmsmioZajmRp9iWfvrFL5QkeyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) |\ \| テキスト | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-f041ff1493b4d6014dddc88bfd26c049f3ae4c76%2FAD_4nXeNiiKBKDIZ5eyaZvZA9NUkQtuvyJkYEDTPV_PxjjfA4NN_Ey5ycZdB1Z1EToX3XHavRcTaUPtcXIx7j9rS69svhcgzAunTwbiCfdmfGyFeNG-JjF3KItFJmkszUuxkBk0A4VL1jYHQ-hGKHFzKkeyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) |\ \| 真偽値 |\ | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-e4fa50808d8ec5b92be787bd7ca4fad078e23588%2FAD_4nXcIi3h_L9KlDKxWzD2u5VDQfugkBjaD7ATjGE4cJ9Lrw4hCGa0CFRjbfGw57chhWVJaqqjDDeTJKfmQTuL8fVK2r_vpndm3szmnv7rYQrpeloE9SisXFul-_hooZPrpkQRSo4FGJcTGpSx_kOz5keyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) |\ \| URL |\ | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-fc3f2410f20af15ff85911878c1e9899b6ae53d4%2FAD_4nXf-9jtE-ZKg3LAUBk-7RA1LGtAu8g-T_uhaSmvqDV_dkUM9DUd2682ENBgjAm-3hR_PbDvJHP1IpqpVxjRVyHDP-O1P52ndiFTIu5_lhN59EQNDVo6O5nmAp-fxfos9i1oZXdAARxmltCXY2kX8eAkeyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) | メタフィールド定義を設定したら、**商品エリア > すべての商品**に進み、商品を選択してメタフィールドセクションまでスクロールダウンし、メタフィールドの値を入力します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-d05153c07d5a05b4dfbc80c84030f7c03ee85c4e%2FAD_4nXc_1mHDkew-5ZtZYsqf6ViPyVntd5jmnZMzc1RNcxUa_iyWVXIhKiFbgXeahLu5rI4y6CBK8TVxt55qXjJHpDJoRD2GNZNx-whiCtdwIYujvuytuY4v6lqXfrVNp-YHRpOKZLrWJ5nqO6ihAqD3eQkeyM1qMekumcdV-cRG4YjSbSQ.gif?alt=media) ### 商品メタフィールド要素の設定方法 #### 一般設定 商品詳細以外のエリアに商品メタフィールド要素をドラッグ＆ドロップすると、商品ソースオプションとして2つの選択肢があります。 * 自動 * カスタム商品 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-82bda6fba321584fe2950d181b9f5d7b0ef8346a%2FAD_4nXf-A88_kXAbS1cyk_03lnJr7s7F83UM-rg_LTPwEJyRlee1w9qfMrB7oxLpxQdt97tgnQL77F19JzODPxz37ekhhf_fwEc5rRABQZ__z58KgEB0tWa10kTZKZU-uo7uZFcyaYJquRx_NvxXA9wcqgkeyM1qMekumcdV-cRG4YjSbSQ.jpeg?alt=media) 商品詳細エリアに商品メタフィールド要素をドラッグした場合、商品ソースは自動的にその要素を含む商品詳細の情報を使用します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-26bb9d143b604b8ed48567ebb999ec06199b2013%2FAD_4nXdHAyEV8OrWg7h2_hHvdE4f2qkNzdRuN0hWQclgc8gAdhlgyWguHd5YX-JWAi262Ocz44GuAP019DdDduzP8Q3b0ufiHDc2KnK9kJ7woXAE9ma50hkyIzF517_3dkFqx3ciyUOSroXMMOYlPLFX9gkeyM1qMekumcdV-cRG4YjSbSQ.jpeg?alt=media) メタフィールド名で商品にメタフィールドを選択できます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-622979b8bca5be2c697e7312d5403a3a1987b885%2FAD_4nXdYLLK1kbm3Bn5a_A6DeZvxLmdPuNPzmPVA90KKeM2bcBb4iUXpzmQNxXLT_2CT23R9gnjP5Wr5R4xB1B0yi5gENJ6gauLiiRhqGbE5VeIgJSd5SQ1sk2hkv3dJOr63Ffvo4waTfMyFsNhncVw8bwkeyM1qMekumcdV-cRG4YjSbSQ.jpeg?alt=media) 「ラベルを表示」パラメータは、メタフィールド名を表示または非表示にするためのものです。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXeUcXN_j28XwlcVEKVsY-5B7yEs-iRpjQfsCaMCms_hRc4szdNgz0Q3qT82LdFgqPkMGixaJppjC3fQat59oXPZBwJWfc3pP0X2uccljYacmaB_jTIFP1fnofD3dA3JaBy_KZZjV1vkeyM1qMekumcdV-cRG4YjSbSQ.gif) このパラメータを有効にすると、その真下に「ラベルの位置」が表示されます。ラベルを商品メタフィールドの左側または上部に表示するように設定できます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-9104a68f21b52b7bd1aa00dbe041a040ccab9235%2FAD_4nXdF-k0r_Y02O4mqpc9xligAC4LbXXyi0B7HOjXqkxzZjQ_1cBbCF5fbMQdXGlO9BlUmfVdq1FDhW1JmPtCjxclHxXdAmZtflAZOHjZ5zZm8yyYsHFUtWoTOHq9GqZ4TVa7AYXEhN-Ddierfz2IDkeyM1qMekumcdV-cRG4YjSbSQ.gif?alt=media) #### スタイル設定 スタイル設定については、[PageFly要素のスタイル設定](https://help.pagefly.io/manual/elements-style-settings/)で詳細を確認できます。 ### メタフィールド値要素の設定方法 メタフィールド値は、選択したタイプによって、メタフィールド値をクリックすることで調整できるパラメータがあります。 \| 真偽値：「真の値」と「偽の値」のコンテンツを調整 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-d8ac56e9ed8f579b54333b83d8cbd8a17899c866%2FAD_4nXc-7p4HU6_VI0Z0CAF9ZaUEAOdT7wMpWYi9cEsCBAyAhAbd9oooFH84-siEDFRsN0NQvggsq9-H9osFPBxmy-X_N7-Hz48egKSaphAB0rJ_09opXU6HYmKNa3K5cmZnN8zf2jvuGsgtvIvhQo2HGwkeyM1qMekumcdV-cRG4YjSbSQ.jpeg?alt=media) | | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | リファレンス：Shopifyで設定されたページへのリンクまたはリンク解除 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-80b98147ff43e05b8e3d324837c94a674a754ee8%2FAD_4nXe4tehk9zyYV1Gveuq1vsDzsSSqdujJvmE716fIPtkNnKhhCLSjTI3s4WoEwRRCCAEEN-BPlkxKkYksQ_Tn7A4g8UlqpnFoBiUUnGI9ISoR1EAgJKySi3Pi29jEr-o_5fHORZbEQYYBfEgezhK7lgkeyM1qMekumcdV-cRG4YjSbSQ.jpeg?alt=media) | | 日付：選択できる日付形式が5種類あります | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-d5e47effc241a8da98394f6aa2c290f11da07bcf%2FAD_4nXeIIbRp3jX-rcu83S0Kh3J-cx9_cOcCahGMSNon5abCmo29ajUOCUbBcVlXBkaBY256dsGLpf_O9P7XJk6nImeCDXsc8ismMIRbMqF2ebMqIGfJkzMoe-4Y85TJ02tPhbXYQoNgKibmnBurrsTzawkeyM1qMekumcdV-cRG4YjSbSQ.png?alt=media) | ファイル、評価、数値、測定値、配信、JSONタイプには、これらのタイプのメタフィールド値のパラメータはありません。 **属性、表示設定、アニメーション**パラメータについては、[要素の一般設定](https://help.pagefly.io/manual/elements-general-settings/)からさらに詳しい情報を得ることができます。 ### 一般的なケース #### 1. 商品の特徴を強調する メタフィールドを使用して、商品の特定の機能や利点を強調します。「**主な機能**」、「**メリット**」、「**ユニークなセールスポイント**」などのメタフィールドを作成し、商品ページやコレクションページで目立たせます。 #### 2. 追加の商品情報を提供する メタフィールドは、標準の商品フィールドにきれに収まらない追加の商品情報を提供するために使用できます。たとえば、「**お手入れ方法**」、「**サイズガイド**」、または「**製品認証**」のメタフィールドを作成できます。 ### ヒントとベストプラクティス #### 1. 分かりやすい名前を使用する メタフィールドには、その情報が何であるかを明確にするために、分かりやすく直感的な名前を選択します。これにより、将来の管理と使用が容易になります。 #### 2. メタフィールドを戦略的に使用する メタフィールドは強力ですが、商品ページにあまりにも多くの情報で圧倒されないようにします。メタフィールドを戦略的に使用して、顧客にとって最も重要で関連性の高い情報を強調します。 #### 3. グローバルスタイルを活用する PageFlyのグローバルスタイル機能を使用して、サイト全体でメタフィールド要素のスタイルを統一します。これにより、時間を節約し、統一感のあるデザインを維持できます。 ### よくある質問 **1. Shopify商品メタフィールドとは何ですか？** Shopify商品メタフィールドにより、販売者は標準のShopify管理ダッシュボードでは通常取得されない特徴的な情報を保存することで、Shopifyストアに機能や外観を追加できます。 **2. Shopifyでメタフィールドを一括編集できますか？** はい、販売者は商品、バリアント、コレクションのメタフィールドを一括で編集できます。 **3. Shopifyにはいくつのメタフィールドがありますか？** メタフィールドには通常11種類の人気のあるコンテンツタイプがあり、リソースタイプごとに最大200種類のタイプが利用可能です。