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

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 ピクセルを利用した計測にいいて
  • Shopify ピクセルは、成果地点タグをベースにしたJavaScriptのコードを入力します(タグは設置できません)。
  • 計測を希望される場合はサンプルコードをお渡ししますので、弊社サポートまでお問い合わせください。
  • Shopify Plusプランは、チェックアウト(注文状況ページ)の仕様が異なります。
    Shopifyの設定・仕様については、基本的にShopifyのサポートにお問い合わせください。

連携設定

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

1. 広告主と広告の登録

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

2. 広告素材の登録

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

3. 着地点タグを取得

広告管理 > 広告詳細

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

4. 広告名(広告ID)を弊社サポートに連絡

計測する広告の計測用の広告名(広告ID)を弊社サポートにご連絡ください。
Shopify ピクセル(カスタムピクセル) のサンプルコードをお渡しいたします。


Shopify | 着地点タグの設定

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

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

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

テーマの編集

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

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


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

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

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

カスタムピクセル追加

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

ピクセル名入力

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

プライバシー情報設定

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

計測コード入力

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」 項目