Shopify

Shopify連携

Shopify連携について解説します。

概要
1. 事前準備
2. 着地点タグの設置
3. カスタムピクセルの設定
4. イベント発火の確認
5. 成果の確認

Shopify連携｜概要

Shopifyにてアフィリコード・システムの計測をする方法を解説します。
Shopifyでは「タグ計測」を利用します。

チェックアウトに関するの仕様変更（checkout.liquidの廃止）により、チェックアウト > 追加スクリプト への成果地点タグ設置が難しくなりました。代わりに Shopify ピクセル（カスタムピクセル） の活用で計測が可能ですが、scriptタグは設置できない仕様のため、成果地点タグをベースにしたJavaScriptのコードを入力する必要があります。デフォルトの成果地点タグは利用できないためご注意ください。

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

確認

JavaScriptの知識と高度な編集が必要です。
計測を希望される場合はサンプルコードをお渡ししますので、弊社サポートまでお問い合わせください。
Shopify Plusプランは、チェックアウト（注文状況ページ）の仕様が異なります。
Shopifyの設定・仕様については、基本的にShopifyのサポートにお問い合わせください。

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

備考

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

Shopify連携｜1. 事前準備

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

2. 広告素材の登録

参考
素材種別	任意
遷移方法	システム経由／直接リンク（どちらも可）
システム経由の場合	クリックID 標準広告ID 標準メディアID 設定しない

3. 着地点タグを取得広告管理 > 広告一覧 > 詳細から取得できます。
Cookie発行ファイルはアップロードできないため、ダウンロード不要です。

4. 広告名（広告ID）を弊社サポートに連絡計測用のJavaScriptサンプルコードをお渡しいたします。

Shopify連携｜2. 着地点タグの設置

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

2. サイドメニューのテーマ > 三点リーダー > コード編集

3. レイアウトから </> theme.liquid ファイルを開くソースコードの </head>タグ上部に着地点タグを貼り付けて、保存してください。

Shopify連携｜3. カスタムピクセルの設定

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

1. 設定メニュー > お客様のイベント > カスタムピクセルを追加 2. 任意のピクセル名を入力し「ピクセルを追加」をクリック 3. お客さまのプライバシーの権限を「必須ではありません」に変更 4. コード欄に計測コードを入力し、上部バーの「保存」をクリック 5. コード下部「連携」をクリックし、運営ショップと連携