メインコンテンツまでスキップ

Shopify連携

Shopifyでの購入（コンバージョン）を、アフィリコード・システムで計測する手順を解説します。

備考

ドキュメントの内容は作成時点のカートシステムの仕様に基づいているため、カート側の仕様変更により、一部の手順や設定が異なる場合があります。 最新の情報については、ご利用サービスの公式ドキュメントやサポートサイトをご確認ください。

概要​

Shopifyでは 「タグ計測」 を利用します。

Shopifyチェックアウトの仕様変更 （checkout.liquidの廃止）により、チェックアウト > 追加スクリプト への成果地点タグ設置はできなくなりました。　　 代わりに、Shopify ピクセル（カスタムピクセル） で計測します。

Shopifyヘルプセンター｜ピクセルの概要
https://help.shopify.com/ja/manual/promoting-marketing/pixels/overview

Shopify 公式サイト
https://www.shopify.com/jp

ピクセルを利用した計測について
  • Shopify ピクセルは、成果地点タグをベースにしたJavaScriptのコードを入力します（タグは設置できません）。
  • コードの詳細は、Shopify カスタムピクセル でご案内しています。
  • Shopify Plusプランは、チェックアウト（注文状況ページ）の仕様が異なります。
    Shopifyの設定・仕様については、基本的にShopifyのサポートにお問い合わせください。

連携設定​

アフィリコード・システムの設定​

1. 広告主と広告の登録​

データ登録がまだの場合は、先に登録を完了してください。

2. 広告素材の登録​

  • 素材種別：任意の素材
  • 遷移方法：システム経由 / 直接リンク（どちらも可）
  • システム経由の場合
    • クリックID（cid）付与設定：自動付与（cid=cid値）
    • 広告ID（p）付与設定： 自動付与（p=p値）
    • メディアID（mid）付与設定： 付与しない

3. 着地点タグを取得​

広告管理 > 広告詳細

  • 着地点タグ：取得したタグを使用
  • Cookie発行ファイルはアップロードできないため、ダウンロード不要

4. Shopify カスタムピクセル を編集​

Shopify カスタムピクセル の手順に沿って、 設置するコードを編集します。

Shopify | 着地点タグの設定​

1. Shopify管理画面にログイン​

2. サイドメニュー | テーマ ​

三点リーダー > コードを編集 を選択します。

テーマの編集

3. レイアウトから </> theme.liquid ファイルを開く​

ソースコードの </head>タグ上部に着地点タグを貼り付けて、保存してください。 theme.liquid

Shopify | カスタムピクセルの設定​

Shopifyのカスタムピクセルは、Sandbox環境で実行されるため、
計測に利用できる情報（商品情報など）は、Shopify の Web Pixels API により提供される情報から取得します。

カスタムピクセルの取得情報

Sandbox環境の制約によりカートページ内のDOMへアクセスできないため、任意の情報を取得することはできません。
checkout_completedイベントオブジェクトに含まれる情報に限られます。

Shopifyヘルプセンター｜カスタムピクセルを管理する
https://help.shopify.com/ja/manual/promoting-marketing/pixels/custom-pixels/manage

Web Pixels API | checkout_completed
checkout_completed - Standard Events | Shopify Developers

1. 設定メニュー > お客様のイベント​

カスタムピクセルを追加 をクリックします。

カスタムピクセル追加

2. 任意のピクセル名を入力し「ピクセルを追加」をクリック​

ピクセル名入力

3. お客さまのプライバシーの権限を「必須ではありません」に変更​

プライバシー情報設定

4. コード欄に計測コードを入力し、上部バーの「保存」をクリック​

計測コードは、利用する計測方式（通常計測・報酬テーブル・商品テーブル）により異なります。
コードの詳細は、Shopify カスタムピクセル を参照してください。

計測コード入力

5. コード下部 「連携」 をクリックし、運営ショップと連携​

コード連携

Shopify｜イベント発火の確認​

ピクセル連携後はイベントテストをします。

1. 作成したピクセルの上部「テスト」をクリック​

ピクセルテスト

2. ショップ画面が起動​

ショップ画面起動

画面右端にPixel helperが表示されます。
そのままテスト購入し、完了後「Events received」になれば成功です。

イベントテスト

アフィリエイトリンクをクリックしていないため、成果は発生しません。トラッキングログは「非広告経由（210）」になります。

成果の確認​

イベント発火の確認後、実際にテスト注文を行い計測テストをしてください。

1. ログ管理 > トラッキングログ​

トラッキングログ

認証方式の確認を行ってください。
「cid（GET認証）、Cookie（JS）経由」 で認証されていればOKです。

2. ログ管理 > トラッキングログ > 詳細​

以下を確認してください。

  • argsにチェックアウト時に付与された13桁のIDが保存されているか
  • priceに購入金額が正しく保存されているか

3. 注文情報（#1234 など4桁の注文ID）との紐づけ​

注文情報との紐づけ確認

argsに保存される 「13桁のID」 と注文情報の紐づけは、以下で確認できます。

  • Shopify注文管理画面からID検索を行う
  • Shopify注文管理画面からエクスポートしたCSVの 「Id」 項目