メインコンテンツへスキップ

【重要・要対応】Shopifyアップデートに伴う計測方法変更のお知らせ ※2025年1月31日以前の既存ユーザー様向け

  • 更新
目次

    【対象ユーザー】

    ・2025年1月31日以前にPafit Tag Management for GTMを導入いただいているユーザー様

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

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

    ※2025年1月31日以前にPafit Tag Management for GTMを導入いただいている場合、Shopifyが定める期限（Shopify Plusの場合は2025年8月28日）までは利用可能ですが、早めのご対応をお願いいたします。

     

    1. アプリ内でScriptTag削除

    Pafit Tag Management for GTMのアプリ内の上部に、下記の通り「ScriptTagの削除ボタン」を実装いたしました。つきましては、アプリから「サンキューページからScript Tagを削除」を実行してください。

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

     

    2. Web Pixelsへの移行

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

    （注意）追加コードはPafit Tag Management for GTMを導入の上で機能するコードとなります。

     

    ▼コードの設置場所

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

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

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

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

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

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

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

     

     

    ▼追加コード（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
        }
      });
    });


    【お問い合わせ先】

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

    関連記事