Shopify Market Bridge - Consent-Gated Market Cookie Writer. Pairs with storageHelper and custom pixel to bridge Liquid localization data into the Shopify pixel sandbox.

shopify_market_bridge.js

/**
 * Shopify Market Bridge - Consent-Gated Market Cookie Writer
 *
 * Theme app extension (app embed) snippet that reads Liquid localization
 * data from <script id="shopify-market-data"> and writes it to a cookie
 * that the custom pixel sandbox can read via browser.cookie.get().
 *
 * Requires storageHelper utility: https://gist.github.com/ceaksan/26c8a59aa8a518732a9a40da967d8cd2
 *
 * Consent gate: Shopify.customerPrivacy.analyticsProcessingAllowed()
 * Listens to the visitorConsentCollected DOM event to react to
 * consent changes. On revoke the cookie is deleted.
 *
 * @see https://ceaksan.com/tr/shopify-markets-cookie-bridge-consent-aware-veri-koprusu
 * @license MIT
 */
(function () {
  var MARKET_KEY = "_shopify_m";

  // --- Market Data Source ---
  function getMarketData() {
    var el = document.getElementById("shopify-market-data");
    if (el) {
      try {
        return JSON.parse(el.textContent);
      } catch (e) {
        console.warn("[marketBridge] parse error:", e);
      }
    }
    // Fallback: window.Shopify global
    if (typeof Shopify !== "undefined") {
      return {
        market: null,
        country: Shopify.country || null,
        language: Shopify.locale || null,
        locale: Shopify.locale || null,
        currency: Shopify.currency ? Shopify.currency.active : null,
        shop: Shopify.shop || null,
      };
    }
    return null;
  }

  // --- Consent-Gated Writer ---
  function writeMarketData() {
    var data = getMarketData();
    if (!data) return;
    if (!storageHelper.hasChanged(MARKET_KEY, data)) return;
    storageHelper.set(MARKET_KEY, data, { maxAge: 2592000 });
  }

  function deleteMarketData() {
    storageHelper.remove(MARKET_KEY);
  }

  // --- Consent Handler ---
  var listenerAttached = false;

  function onConsentChange() {
    if (
      typeof Shopify !== "undefined" &&
      typeof Shopify.customerPrivacy !== "undefined" &&
      Shopify.customerPrivacy.analyticsProcessingAllowed()
    ) {
      writeMarketData();
    } else {
      deleteMarketData();
    }
  }

  function attachConsentListener() {
    if (listenerAttached) return;
    document.addEventListener("visitorConsentCollected", onConsentChange);
    listenerAttached = true;
  }

  function handleConsent() {
    if (
      typeof Shopify === "undefined" ||
      typeof Shopify.customerPrivacy === "undefined"
    ) {
      attachConsentListener();
      // Polling: catch late-loaded customerPrivacy API
      var attempts = 0;
      var poll = setInterval(function () {
        attempts++;
        if (
          typeof Shopify !== "undefined" &&
          typeof Shopify.customerPrivacy !== "undefined"
        ) {
          clearInterval(poll);
          onConsentChange();
        }
        if (attempts >= 10) clearInterval(poll);
      }, 500);
      return;
    }

    onConsentChange();
    attachConsentListener();
  }

  handleConsent();
})();