【対象ユーザー】
・2025年2月1日以降にPafit Tag Management for GTMを導入いただくユーザー様
2月1日以降のチェックアウト計測方法について
2025年2月1日以降、Shopify Checkout Extensibilityのアップグレードの仕様変更に向け、新規にScriptTagを追加してサンクスページでの計測を行うことができなくなります。（CV計測ができなくなる）
これに伴い、Pafit Tag Management for GTMアプリをご利用いただくユーザー様には、ShopifyのWeb Pixels機能を利用したコードを設置していただくことでサンクスページでのコンバージョン（CV）計測を行うことが可能となります。つきましては下記をご確認の上、ご対応をお願いいたします。
（注意）設置するコードはPafit Tag Management for GTMを導入の上で機能するコードとなります。
【設定手順】
1. Web Pixels機能の設定
お客様のイベントのカスタムピクセルにPafit用のWeb Pixelsコードを追加する。
▼コードの設置場所
※Shopify管理画面 > 設定 > お客様のイベント > カスタムピクセルを追加
アプリ内のステップ1の「設定する」を選択すると「お客様イベント」に遷移します。
お客様イベントに遷移したら「カスタムピクセルを追加」を選択。
カスタムピクセルの名前を設定し、ページ下記の「追加コード」を設置後に保存を押してください。
最後に「連携」を押したら、完了です。
▼追加するコード（Pafit用のWeb Pixelsコード）
（注意）GTM-xxxxxxxの部分には、お客様のアカウントのコンテナIDを記載してください。
// -----------------------------------------------
// チェックアウトページおよびサンクスページにおいて
// Google Tag Manager (GTM) をロードし、購入イベントを計測するコード
// -----------------------------------------------
// URLに "/checkouts/" もしくは "/thank_you/" を含むページでのみ、GTMを読み込み
if (window.location.href.includes("/checkouts/") || window.location.href.includes("/thank_you/")) {
// GTMタグの発火
//「GTM-xxxxxxx」クライアント様のGTMコンテナIDを記入ください。
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-xxxxxxx');
// データレイヤーを初期化
window.dataLayer = window.dataLayer || [];
dataLayer.push({ ecommerce: null });
}
// checkout_completedイベントが発生した場合に購入イベントを送信
analytics.subscribe("checkout_completed", async (event) => {
// 商品情報を取得
const items = event.data?.checkout?.lineItems?.map(lineItem => ({
item_id: lineItem.variant.id,
item_name: lineItem.title,
quantity: lineItem.quantity
})) || [];
// ecommerceデータをdataLayerに送信
window.dataLayer.push({
ptm_flag: "true",
event: "purchase",
ecommerce: {
event_id: event.id,
subtotal: event.data?.checkout?.subtotalPrice?.amount,
transaction_id: event.data?.checkout?.order?.id,
currency: event.data?.checkout?.currencyCode,
shipping: event.data?.checkout?.shippingLine?.price?.amount,
value: event.data?.checkout?.totalPrice?.amount,
tax: event.data?.checkout?.totalTax?.amount,
items: items
}
});
});
2. アプリに戻り、ステップ1~4を対応する
Web Pixels機能の設定が完了しましたら、アプリに戻りステップ1~4の設定を完了してください。
【お問い合わせ先】
ご不明な点がございましたら、ヘルプページからお問い合わせください。