Shopify ストアで顧客への自動タグ付けを実現する方法を徹底解説！

目次

• はじめに
• 顧客への自動タグ付けとは？
• 顧客への自動タグ付けのメリット
• メタフィールドを用いたコーディングで顧客への自動タグ付け機能を実現する方法
  • 「Shopify GraphQL App」のインストール
  • ストアのメタフィールドにタグの情報を設定する
• アプリを用いて顧客への自動タグ付けを実現する方法
  • アプリのインストール
  • 会員ランク設定
  • 会員ランク機能をテーマに追加
  • 会員ランクの編集・削除
  • 見た目のカスタマイズ
• 終わりに

はじめに

今回は、Shopify ストアで顧客への自動タグ付けを実現する方法について解説していきます。

この記事では、以下の読者を対象にしています。

• Shopify における顧客への自動タグ付け機能の概要が知りたい
• コーティングで顧客への自動タグ付けを実現する方法を知りたい
• Shopify アプリで顧客への自動タグ付けを実現する方法を知りたい

それでは解説していきます。

顧客への自動タグ付けとは？

顧客への自動タグ付けとは、顧客が注文金額や注文回数などに基づいた特定の条件を満たした場合に、自動的に関連するタグを顧客に割り当てることを指します。一般的には、タグを割り当てた顧客に対して、特別なサービスやキャンペーンを提供されます。顧客への自動タグ付けは、顧客管理を効率化するのに役立ちます。

顧客への自動タグ付けのメリット

• 顧客管理の効率性の向上

手動で顧客にタグを付ける作業は時間がかかり、誤りが生じる可能性があります。自動タグ付けを利用することで、このプロセスを速やかにかつ正確に行うことができ、結果として顧客管理の効率性が大幅に向上します。

• コンバージョン率の向上

顧客への自動タグ付けにより、詳細な会員ランクを実現することで、顧客の行動や嗜好に基づいたマーケティング戦略が可能となり、コンバージョン率の向上が期待できます。

メタフィールドを用いたコーディングで顧客への自動タグ付け機能を実現する方法

Shopify のメタフィールドを用いたコーディングで顧客への自動タグ付け機能を実現する方法を解説します。

こちらの記事では、メタフィールドについて解説しています。
Shopify のメタフィールドとは？設定方法・使用方法まで徹底解説！

「Shopify GraphQL App」のインストール

まず、GraphQL を用いてメタフィールドを作成するために、「Shopify GraphQL App」をインストールする必要があります。

まずは、「Shopify GraphQL App」にアクセスして以下のページに遷移します。このアプリは Shopify が提供するもので、ストア上で GraphQL を使用できるようにします。

次に、アプリのページで「Shop URL」セクションに、Shopify の開発ストアの URL を入力します。

最後に、「Select all」をクリックし、その後に「インストール」ボタンを押すことで、Shopify の開発ストアにアプリをインストールします。

以上で、「Shopify GraphQL App」のインストールは終了です。

ストアのメタフィールドにタグの情報を設定する

ストアのメタフィールドにタグの情報を設定します。メタフィールドの設定には GraphQL の Mutation を使用します。

Mutation の設定

GraphQL の Mutation を用いてメタフィールドを設定します。以下のコードを GraphQL App のエディタに貼り付けます。

mutation MetafieldsSet($metafields: [MetafieldsSetInput!]!) {
  metafieldsSet(metafields: $metafields) {
    metafields {
      key
      namespace
      value
      createdAt
      updatedAt
    }
    userErrors {
      field
      message
      code
    }
  }
}

引数

今回は、metafieldsSet API を用いてメタフィールドの値を作成または更新します。以下の引数が必要です。

• key: メタフィールドを一意に識別するキー
• namespace: メタフィールドを分類するための名前空間
• ownerId: メタフィールドが関連づけられるリソースの ID
• type: 保存するデータの型
• value: 実際に保存されるデータの内容

戻り値

Mutation の実行結果として、metafields ブロック内のメタフィールドの詳細情報と、userErrors ブロック内のエラーに関する情報が返却されます。

metafields ブロック内には以下のデータが含まれます。

• key: メタフィールドの一意識別子。メタフィールドを識別するためのキー
• namespace: メタフィールドが属する名前空間
• value: メタフィールドに設定された具体的な値
• createdAt: メタフィールドが作成された日時
• updatedAt: メタフィールドが最後に更新された日時

userErrors ブロック内には以下のデータが含まれます。

• field: エラーが発生した入力フィールド
• message: エラーの内容を説明するメッセージ
• code: エラーを特定するためのコード

Variables の設定

Variables セクションには、メタフィールドに設定する具体的な情報を記述します。

設定完了後のコードの例がこちらです。

{
  "metafields": [
    {
      "key": "auto_tag_setting",
      "namespace": "auto_tag_app",
      "ownerId": "gid://shopify/Shop/67358163174",
      "value": "{ \"auto_tag_setting\": { \"condition_type\": \"orders_count\", \"conditions\": [ { \"min\": 1, \"max\": 3, \"tag\": \"gold\" } ] } }",
      "type": "json"
    }
  ]
}

各設定項目について見ていきましょう。このコードでは、メタフィールドの key に auto_tag_setting 、namespace に auto_tag_app を指定しています。これらはメタフィールドを識別するための重要なパラメータです。

次に ownerId です。ownerId は、メタフィールドが関連づけられる Shopify のリソースを指します。まず、以下の GraphQL クエリを実行して Shop の id を取得してください。

{
  shop {
    id
  }
}

以下の実行結果が返ってきます。

{
  "data": {
    "shop": {
      "id": "gid://shopify/Shop/67358163174"
    }
  },
  "extensions": {
    "cost": {
      "requestedQueryCost": 1,
      "actualQueryCost": 1,
      "throttleStatus": {
        "maximumAvailable": 2000,
        "currentlyAvailable": 1895,
        "restoreRate": 100
      }
    }
  }
}

ownerId の、gid://shopify/Shop/XXXXXXXXX の　XXXXXXXXXX の部分に取得した Shop の id を設定してください。

次に、value にタグの情報を設定します。今回は、以下の JSON データを文字列形式に変換したものを設定します。

{
  "auto_tag_setting": {
    "condition_type": "orders_count",
    "conditions": [
      {
        "min": 1,
        "max": 3,
        "tag": "gold"
      }
    ]
  }
}

上記で作成した Variables を、画像の赤枠の部分に設定してください。

GraphQL を実行

実行ボタンをクリックして GraphQL 実行してください。

これでストアのメタフィールドにタグの情報を設定できました。

次に、管理画面にて、ストアのメタフィールドからタグの情報を取得してください。取得したタグの情報に基づいて、条件を満たす顧客にタグを付与する処理を追加してください。詳しい処理はかなり難しくなるので、ここでは割愛します。

アプリを用いて顧客への自動タグ付けを実現する方法

Shopify アプリの「シンプル会員ランク｜お手軽顧客タグ付け」を用いて、顧客への自動タグ付けを導入します。以下の記事を参考に解説していきます。

Shopify で顧客へのタグ付けを自動で行う方法を徹底解説！

「シンプル会員ランク｜お手軽顧客タグ付け」は、Shopify ストアに顧客への自動タグ付け機能を導入できるアプリです。

月額：9.99 ドル

※開発ストアは無料で使用できます。

それでは、実際に解説していきます。

アプリのインストール

まずは、アプリをインストールしていきます。以下のリンクにアクセスしてください。

「シンプル会員ランク｜お手軽顧客タグ付け」

以下の画面画面に遷移します。「インストール」ボタンをクリックしてください。

「インストール」ボタンをクリックすると以下の画面に遷移します。「インストール」ボタンをクリックして、アプリのインストールを行いましょう。

以下の管理画面が表示されます。

以上で、アプリのインストールは完了です。

会員ランク設定

会員ランクを設定します。「ダッシュボード」ページの「会員ランクを設定」をクリックして、設定ページに遷移してください。

「会員ランク設定」ページにて、会員ランクを設定します。

まず、「条件タイプ設定」セクションで、条件タイプを設定します。

「条件タイプ設定」セクションでは、「注文金額の合計」・「注文回数」から条件タイプを選択します。

次に、「会員ランク条件設定」セクションで、会員ランクの条件を設定します。

「会員ランクを追加」ボタンをクリックしてください。

以下のモーダルが表示されます。「ランク名」・「ランク条件」を入力して、「会員ランクを追加する」ボタンをクリックしてください。

会員ランクの条件が追加できました。

最後に「保存する」ボタンをクリックして、会員ランク設定を保存してください。

以上で会員ランクの設定は完了です。

会員ランク機能をテーマに追加

会員ランク機能をテーマに追加します。左側のサイドバーの「設定」をクリックして、「設定」ページに移動してください。

会員ランク機能を追加したテーマを選択し、「テーマに追加」ボタンをクリックしてください。

以上で会員ランクをテーマに追加は完了です。

会員ランクの編集・削除

会員ランクの編集・削除を行います。サイドバーの「会員ランク設定」をクリックして、「会員ランク設定」ページに移動してください。

会員ランクの編集・削除は、「会員ランク条件設定」セクションで行います。

三点リーダーをクリックしてください。

「編集する」ボタンをクリックしてください。

以下のモーダルが表示されます。ランク名・ランク条件の編集ができます。

「削除する」ボタンをクリックしてください。

以下のモーダルが表示されます。「削除する」ボタンをクリックすると会員ランクを削除できます。

以上で会員ランクの編集・削除は終了です。

見た目のカスタマイズ

見た目のカスタマイズをします。

左側の埋め込みアプリアイコンをクリックしてください。

下矢印ボタンをクリックして、カスタマイズ項目が表示させましょう。

以下の画像はカスタマイズできる箇所を表しています。
会員ランクタグを表示するかどうかを編集できます。タグを表示する場合は、チェックを入れてください。

会員ランクタグの文字サイズ・会員ランクの文字の色・会員ランクタグのラベルの色を編集できます。

会員ランクタグの枠の丸み・会員ランクタグの位置を編集できます。

会員ランクタグ左右の余白を編集できます。

会員ランクタグ下の余白（パソコン時）・（スマホ時）を編集できます。

以上で見た目のカスタマイズは完了です。

アプリの詳細な使い方は、以下の記事を参考にしてください。

【Shopify アプリ】シンプル会員ランク｜お手軽顧客タグ付けについて徹底解説｜ご利用ガイド

終わりに

今回は、Shopify ストアで顧客への自動タグ付けを実現する方法を解説しました。

顧客への自動タグ付けを導入することで、顧客管理の効率性の向上・コンバージョン率の向上に役立ちます。ぜひ導入してみてください！

最後まで読んでいただきありがとうございました。

参考記事

• Shopify で顧客へのタグ付けを自動で行う方法を徹底解説！

• Shopify のおすすめ会員ランクアプリを紹介

• 【Shopify アプリ】シンプル会員ランク｜お手軽顧客タグ付けについて徹底解説｜ご利用ガイド