2月1日以降のチェックアウト計測方法について

2025年2月1日以降、Shopify Checkout Extensibilityのアップグレードの仕様変更に向け、新規にScriptTagを追加してサンクスページでの計測を行うことができなくなります。（CV計測ができなくなります）
これに伴い、App Unity Tracking - 広告・GA4計測連携アプリをご利用のユーザー様には、以下の対応をお願いしております。

※2025年1月31日以前にApp Unity Tracking - 広告・GA4計測連携を導入いただいている場合、Shopifyが定める期限（Shopify Plusの場合は2025年8月28日）までは利用可能ですが、早めのご対応をお願いいたします。

1. アプリ内でScriptTag削除

App Unity Tracking - 広告・GA4計測連携のアプリ内の上部に、下記の通り「ScriptTagの削除ボタン」を実装いたしました。つきましては、アプリから「サンキューページからScript Tagを削除」を実行してください。

スクリーンショット 2025-01-30 12.14.58.png

2. Web Pixelsへの移行

チェックアウト以降のコンバージョン（CV）計測を行うには、ShopifyのWeb Pixels機能を利用したコードを設置していただく必要があります。下記を参考に追加コードの設置をお願いいたします。

（注意）追加コードはApp Unity Tracking - 広告・GA4計測連携を導入の上で機能するコードとなります。

▼コードの設置場所

お客様のイベントのカスタムピクセルにApp Unity Tracking 用のWeb Pixelsコードを追加

※Shopify管理画面 > 設定 > お客様のイベント > カスタムピクセルを追加

スクリーンショット 2025-01-30 17.05.27のコピー.png

カスタムピクセルの名前を設定し、ページ下記の「追加コード」を設置後に保存を押してください。

スクリーンショット 2025-02-03 16.24.18.png

最後に「連携」を押したら、完了です。

スクリーンショット 2025-02-03 16.24.47.png

▼追加コード（App Unity Tracking 用の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",
    currency: event.data?.checkout?.currencyCode,
    ecommerce: {
    event_id: event.id,
    subtotal: event.data?.checkout?.subtotalPrice?.amount,
    transaction_id: event.data?.checkout?.order?.id,
    shipping: event.data?.checkout?.shippingLine?.price?.amount,
    value: event.data?.checkout?.totalPrice?.amount,
    tax: event.data?.checkout?.totalTax?.amount,
    items: items
    }
  });
});

【お問い合わせ先】

ご不明な点がございましたら、ヘルプページからお問い合わせください。

2月1日以降のチェックアウト計測方法について

1. アプリ内でScriptTag削除

2. Web Pixelsへの移行

▼コードの設置場所

▼追加コード（App Unity Tracking 用のWeb Pixelsコード）

関連記事