【CATS】Shopifyとの成果連携

③カスタムピクセルへShopify専用成果タグを設置する

③グループ計測タグをShopify（詳細管理ページ）へ設置します

・Shopifyへログインいたしまして左メニュー「商品管理」商品 > 説明で「htmlを見る」を選択します。

３．リダイレクタ設定を行う方法
※グループ計測タグを設置する方法を利用しない場合はこちらをご設定ください
※グループ計測タグを設置する方法の場合は不要となります、

４．Shopify専用成果タグを作成します。

・グループ成果タグを取得します。
　タグ管理>グループ成果タグ一覧より対象グループのJSタグより取得します。

・Shopify専用成果タグのフォーマットに取得したグループ成果タグの情報を入力します。設置していただきたいタグ
●Shopify専用成果タグフォーマット
analytics.subscribe('checkout_completed', (event) => {
  // Example for accessing event data
  const checkout = event.data.checkout;
  const checkoutTotalPrice = checkout.totalPrice?.amount;
  const allDiscountCodes = checkout.discountApplications.map((discount) => {
    if (discount.type === 'DISCOUNT_CODE') {
      return discount.title;
    }
  });
  const firstItem = checkout.lineItems[0];
  const firstItemDiscountedValue = firstItem.discountAllocations[0]?.amount;
  const customItemPayload = {
    quantity: firstItem.quantity,
    title: firstItem.title,
    discount: firstItemDiscountedValue,
  };
  const paymentTransactions = event.data.checkout.transactions.map((transaction) => {
    return {
        paymentGateway: transaction.gateway,
        amount: transaction.amount,
      };
  });
  // Your custom variables
  var gid=●●;
　var sid="";
  var uid1 = event.data?.checkout?.order?.id;
  var uid2 = "";
  var uid3 = "";
  var uid4 = "";
  var uid5 = "";
  var uid6 = "";
  var uid7 = "";
  var uid8 = "";
  var catsPoint = "";
  var amount = checkoutTotalPrice; // assuming total amount is needed
  var uqid = "●●●●●●●";
  var trackingUserId = "";
  var firstCookie = document.cookie;
  var catsOptions = {
    fpc_id: "",
    email: "",
    phone: "",
    fb: { eventId: "" },
    tt: { event_id: "" },
    line: { deduplicationKey: "" },
    yahooDisplayAds: { convTransactionId: "" },
    googleAdsClick: { order_id: "" },
    L_ad: { liff_id: "" },
  };
  // Function to insert the script and trigger CATS_Action
  function insertScript(script) {
    script.onload = function() {
      if (typeof CATS_GroupAction === 'function') {
        CATS_GroupAction(gid, sid, uid1, uid2, uqid, uid3, uid4, uid5, uid6, uid7, uid8, catsPoint, amount, trackingUserId, firstCookie, catsOptions);
      } else {
        console.error("CATS_Action 関数が定義されていません");
      }
    };
    script.id = "ac_●●●●●●●";
    script.onerror = function() {
      console.error("Script failed to load.");
    };
    document.head.appendChild(script);
  }
  var a = document.createElement('script');
  a.src = "https://●●●●●●●/ac/●●●●●●●/action.js";
  a.async = true;
  a.id = "ac_57er7852faea8a8a";
  insertScript(a);
  // Example for sending event data to third party servers
  const payload = {
    event_name: event.name,
    event_data: {
      totalPrice: checkoutTotalPrice,
      discountCodesUsed: allDiscountCodes,
      firstItem: customItemPayload,
      paymentTransactions: paymentTransactions,
    },
  };
});

・取得したグループ成果タグ内の記述をShopify専用成果タグフォーマットの●●の箇所に上書きを行います。
■変更する箇所

４． Shopify専用成果タグをカスタムピクセルへ設置します。
・Shopifyへログインいたしまして左メニュー内>設定を選択します。