[{"_1":2,"_379":-5,"_380":-5},"loaderData",{"_3":4,"_185":186},"routes/global-wrapper",{"_5":6,"_104":105,"_106":107,"_114":115,"_182":183,"_184":15},"search",{"_7":8,"_56":57},"selectableVersions",{"_9":10,"_20":21,"_28":29,"_33":34,"_36":37,"_40":41,"_44":45,"_47":48,"_53":54},"default",{"_11":12,"_19":15},"values",[13,14,15,16,17,18],"unstable","2025-10","2025-07","2025-04","2025-01","2024-10","stable_version","API: Admin Extensions",{"_19":15,"_11":22},[23,15,16,17,18,24,25,26,27],"2025-10-rc","2024-07","2024-04","2024-01","2023-10","API: Checkout UI extensions",{"_19":13,"_11":30},[13,23,15,16,17,18,24,25,26,27,31,32],"2023-07","2023-04","API: Customer account UI extensions",{"_19":13,"_11":35},[13,23,15,16,17,18],"API: Hydrogen",{"_19":38,"_11":39},"2025-05",[38,17,18,24,25,26,27,31,32],"API: Hydrogen React",{"_19":16,"_11":42},[16,17,18,24,25,26,27,31,32,43],"2023-01","API: POS UI Extensions",{"_19":15,"_11":46},[15,16,17,18,24,25],"API: shopify app remix",{"_19":49,"_11":50},"v3",[49,51,52],"v2","v1","API: Webhooks",{"_19":13,"_11":55},[13,14,15,16,17,18,24],"categories",[58,66,70,73,75,77,79,81,83,86,90,93,96,99,102],{"_59":20,"_60":61,"_62":63,"_64":65},"name","referenceName","admin-extensions","versioned",true,"cookieName","api_version",{"_59":67,"_60":68,"_62":69,"_64":65},"API: App Bridge Library","app-bridge-library",false,{"_59":71,"_60":72,"_62":69,"_64":65},"API: App home","app-home",{"_59":28,"_60":74,"_62":63,"_64":65},"checkout-ui-extensions",{"_59":33,"_60":76,"_62":63,"_64":65},"customer-account-ui-extensions",{"_59":36,"_60":78,"_62":63,"_64":65},"hydrogen",{"_59":40,"_60":80,"_62":63,"_64":65},"hydrogen-react",{"_59":44,"_60":82,"_62":63,"_64":65},"pos-ui-extensions",{"_59":84,"_60":85,"_62":69,"_64":65},"API: Shop Minis","shop-minis",{"_59":87,"_60":88,"_62":63,"_64":89},"API: shopify app react router","shopify-app-react-router","api_version_shopify-app-react-router",{"_59":47,"_60":91,"_62":63,"_64":92},"shopify-app-remix","api_version_shopify-app-remix",{"_59":94,"_60":95,"_62":69,"_64":65},"API: Shopify CLI","shopify-cli",{"_59":97,"_60":98,"_62":69,"_64":65},"API: Storefront web components","storefront-web-components",{"_59":100,"_60":101,"_62":69,"_64":65},"API: Web Pixels API","web-pixels-api",{"_59":53,"_60":103,"_62":63,"_64":65},"webhooks","railsCsrfToken","blZwIKwJyrEQEDArtUf5diyNeoFi3Bo_EzkXu7ifBit5dNEoLA1TCXQFOCtqZmGz9gPMCBjluchDJ5scZuOGhg","userPreferences",{"_108":109,"_110":111,"_65":15,"_112":113},"gqlLanguage","remix","webhooksReference","toml","pickerPreferences",{},"features",[116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181],"adaptive_rate_limiter","ai_theme_block_gen","automated_privacy","cli_managed_subscription_link_creation_and_migration","combined_listings","conditional_settings","customer_account_ui_extensions_stable_docs","dat_scheduled_feature_tho","dev_assistant_ui_changes","dev_assistant_vscode_extension","dev_tools_liquiddoc_v2","discounts_allocator_function","editor_extension_collections_docs","enforce_fulfillment_order_status_on_create_fulfillment","explicit_buyer_consent","flex_sections","functions_references","functions_wasm","functions-next","gql_ai","gql_ai_v2","gql_example_switcher","gql_operation_cache","gql-file-introspection","headless_cmp","identity_dropdown","identity_integration","markdown_download","mcp_dev_docs","mockshop_ai","mockshop_ai_disable_force_ai","multi_class_discount_functions","multi_class_discount_ui","net_new_webhooks_reference_2024","next-gen-dev-platform","online_store_new_datasources","online_store_passing_preset_names","open_source_subscriptions_1p_app","optional_scopes","product_configuration_ui_extension_url_config","product_discount_cart_line_targeting","purchase_options_extensions","remove_php_example","rest_admin_api_deprecation","rev_share_jan24","sched_2","schedule_test","shipping_discount_functions_general_availability","shop_minis","ssr-changelog","ssr-erb","ssr-gqlMDX","ssr-graphql","ssr-liquid","ssr-markdown","ssr-templatedRefs","ssr-tutorial","static_blocks","storefront_components","style_settings","subs_thank_you_extensions","theme_blocks","theme_blocks_data_sources","theme_blocks_ga","versioned_app_config","zero_redirect_auth","hostname","shopify-dev.shopifycloud.com","apiVersion","templated-resource-hydrogen",{"_187":188,"_366":63,"_367":368,"_373":374,"_184":375,"_376":78,"_377":38,"_378":69},"pageContent",{"_59":189,"_190":191,"_192":193,"_194":69,"_195":196,"_197":198,"_199":200,"_201":202,"_221":222,"_357":25,"_358":-7,"_359":-7,"_360":361,"_362":363,"_364":365},"Analytics.Provider","category","components","subCategory","analytics","isVisualComponent","related",[],"description","Provides a context for tracking page views and cart events to send as analytics data to Shopify. This component is integrated with the Customer Privacy API for consent management. The provider can also be used to connect third-party analytics services through its subscribe and publish system. The [`useAnalytics`](/docs/api/hydrogen/2024-04/hooks/useanalytics) hook provides access to the analytics provider context.","type","component","defaultExample",{"_197":203,"_204":205,"_220":-7},"This is the default example","codeblock",{"_206":207,"_209":219},"tabs",[208,215],{"_209":210,"_211":212,"_213":214},"title","JavaScript","code","import {Analytics, getShopAnalytics} from '@shopify/hydrogen';\nimport {defer} from '@shopify/remix-oxygen';\nimport {Outlet, useLoaderData} from '@remix-run/react';\n\nexport async function loader({context}) {\n const {cart, env} = context;\n const cartPromise = cart.get();\n\n return defer({\n cart: cartPromise,\n shop: getShopAnalytics(context),\n consent: {\n checkoutDomain: env.PUBLIC_CHECKOUT_DOMAIN,\n storefrontAccessToken: env.PUBLIC_STOREFRONT_API_TOKEN,\n },\n });\n}\n\nexport default function App() {\n const data = useLoaderData();\n\n return (\n <html lang=\"en\">\n <head>\n <meta charSet=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" />\n </head>\n <body>\n <Analytics.Provider\n cart={data.cart}\n shop={data.shop}\n consent={data.consent}\n >\n <Outlet />\n </Analytics.Provider>\n </body>\n </html>\n );\n}\n","language","js",{"_209":216,"_211":217,"_213":218},"TypeScript","import {Analytics, getShopAnalytics} from '@shopify/hydrogen';\nimport {defer, type LoaderFunctionArgs} from '@shopify/remix-oxygen';\nimport {Outlet, useLoaderData} from '@remix-run/react';\n\nexport async function loader({context}: LoaderFunctionArgs) {\n const {cart, env} = context;\n const cartPromise = cart.get();\n\n return defer({\n cart: cartPromise,\n shop: getShopAnalytics({\n storefront: context.storefront,\n publicStorefrontId: env.PUBLIC_STOREFRONT_ID,\n }),\n consent: {\n checkoutDomain: env.PUBLIC_CHECKOUT_DOMAIN,\n storefrontAccessToken: env.PUBLIC_STOREFRONT_API_TOKEN,\n },\n });\n}\n\nexport default function App() {\n const data = useLoaderData<typeof loader>();\n\n return (\n <html lang=\"en\">\n <head>\n <meta charSet=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" />\n </head>\n <body>\n <Analytics.Provider\n cart={data.cart}\n shop={data.shop}\n consent={data.consent}\n >\n <Outlet />\n </Analytics.Provider>\n </body>\n </html>\n );\n}\n","ts","example","image","definitions",[223],{"_209":224,"_197":225,"_199":226,"_227":228},"Props","","AnalyticsProviderProps","typeDefinitions",{"_226":229,"_272":273,"_276":277,"_281":282,"_285":286,"_303":304,"_325":326,"_341":342,"_348":349},{"_230":231,"_232":233,"_59":226,"_234":235,"_197":225,"_236":237},"filePath","/analytics-manager/AnalyticsProvider.tsx","syntaxKind","TypeAliasDeclaration","value","{\n /** React children to render. */\n children?: ReactNode;\n /** The cart or cart promise to track for cart analytics. When there is a difference between the state of the cart, `AnalyticsProvider` will trigger a `cart_updated` event. It will also produce `product_added_to_cart` and `product_removed_from_cart` based on cart line quantity and cart line id changes. */\n cart: Promise | CartReturn | null;\n /** An optional function to set wether the user can be tracked. Defaults to Customer Privacy API's `window.Shopify.customerPrivacy.analyticsProcessingAllowed()`. */\n canTrack?: () => boolean;\n /** An optional custom payload to pass to all events. e.g language/locale/currency. */\n customData?: Record;\n /** The shop configuration required to publish analytics events to Shopify. Use [`getShopAnalytics`](/docs/api/hydrogen/2024-04/utilities/getshopanalytics). */\n shop: Promise | ShopAnalytics | null;\n /** The customer privacy consent configuration and options. */\n consent: Partial<\n Pick<\n CustomerPrivacyApiProps,\n 'checkoutDomain' | 'storefrontAccessToken' | 'withPrivacyBanner'\n >\n >;\n /** Disable throwing errors when required props are missing. */\n disableThrowOnError?: boolean;\n /** The domain scope of the cookie set with `useShopifyCookies`. **/\n cookieDomain?: string;\n}","members",[238,244,248,252,256,260,264,268],{"_230":231,"_232":239,"_59":240,"_234":241,"_197":242,"_243":63},"PropertySignature","children","ReactNode","React children to render.","isOptional",{"_230":231,"_232":239,"_59":245,"_234":246,"_197":247},"cart","CartReturn | Promise","The cart or cart promise to track for cart analytics. When there is a difference between the state of the cart, `AnalyticsProvider` will trigger a `cart_updated` event. It will also produce `product_added_to_cart` and `product_removed_from_cart` based on cart line quantity and cart line id changes.",{"_230":231,"_232":239,"_59":249,"_234":250,"_197":251,"_243":63},"canTrack","() => boolean","An optional function to set wether the user can be tracked. Defaults to Customer Privacy API's `window.Shopify.customerPrivacy.analyticsProcessingAllowed()`.",{"_230":231,"_232":239,"_59":253,"_234":254,"_197":255,"_243":63},"customData","Record","An optional custom payload to pass to all events. e.g language/locale/currency.",{"_230":231,"_232":239,"_59":257,"_234":258,"_197":259},"shop","ShopAnalytics | Promise","The shop configuration required to publish analytics events to Shopify. Use [`getShopAnalytics`](/docs/api/hydrogen/2024-04/utilities/getshopanalytics).",{"_230":231,"_232":239,"_59":261,"_234":262,"_197":263},"consent","Partial<\n Pick<\n CustomerPrivacyApiProps,\n 'checkoutDomain' | 'storefrontAccessToken' | 'withPrivacyBanner'\n >\n >","The customer privacy consent configuration and options.",{"_230":231,"_232":239,"_59":265,"_234":266,"_197":267,"_243":63},"disableThrowOnError","boolean","Disable throwing errors when required props are missing.",{"_230":231,"_232":239,"_59":269,"_234":270,"_197":271,"_243":63},"cookieDomain","string","The domain scope of the cookie set with `useShopifyCookies`. *","CartReturn",{"_230":274,"_232":233,"_59":272,"_234":275,"_197":225},"/cart/queries/cart-types.ts","Cart & {\n errors?: StorefrontApiErrors;\n}","Cart",{"_197":225,"_59":276,"_234":276,"_236":278,"_279":280},[],"override","[Cart](/docs/api/storefront/2024-04/objects/Cart) - Storefront API type","StorefrontApiErrors",{"_230":283,"_232":233,"_59":281,"_234":284,"_197":225},"/storefront.ts","JsonGraphQLError[] | undefined","ShopAnalytics",{"_230":231,"_232":233,"_59":285,"_234":287,"_197":225,"_236":288},"{\n /** The shop ID. */\n shopId: string;\n /** The language code that is being displayed to user. */\n acceptedLanguage: LanguageCode;\n /** The currency code that is being displayed to user. */\n currency: CurrencyCode;\n /** The Hydrogen subchannel ID generated by Oxygen in the environment variable. */\n hydrogenSubchannelId: string | '0';\n}",[289,292,296,300],{"_230":231,"_232":239,"_59":290,"_234":270,"_197":291},"shopId","The shop ID.",{"_230":231,"_232":239,"_59":293,"_234":294,"_197":295},"acceptedLanguage","LanguageCode","The language code that is being displayed to user.",{"_230":231,"_232":239,"_59":297,"_234":298,"_197":299},"currency","CurrencyCode","The currency code that is being displayed to user.",{"_230":231,"_232":239,"_59":301,"_234":270,"_197":302},"hydrogenSubchannelId","The Hydrogen subchannel ID generated by Oxygen in the environment variable.","CustomerPrivacyApiProps",{"_230":305,"_232":233,"_59":303,"_234":306,"_197":225,"_236":307},"/customer-privacy/ShopifyCustomerPrivacy.tsx","{\n /** The production shop checkout domain url. */\n checkoutDomain: string;\n /** The storefront access token for the shop. */\n storefrontAccessToken: string;\n /** Whether to load the Shopify privacy banner as configured in Shopify admin. Defaults to true. */\n withPrivacyBanner?: boolean;\n /** Callback to be called when visitor consent is collected. */\n onVisitorConsentCollected?: (consent: VisitorConsentCollected) => void;\n /** Callback to be call when customer privacy api is ready. */\n onReady?: () => void;\n}",[308,311,314,317,321],{"_230":305,"_232":239,"_59":309,"_234":270,"_197":310},"checkoutDomain","The production shop checkout domain url.",{"_230":305,"_232":239,"_59":312,"_234":270,"_197":313},"storefrontAccessToken","The storefront access token for the shop.",{"_230":305,"_232":239,"_59":315,"_234":266,"_197":316,"_243":63},"withPrivacyBanner","Whether to load the Shopify privacy banner as configured in Shopify admin. Defaults to true.",{"_230":305,"_232":239,"_59":318,"_234":319,"_197":320,"_243":63},"onVisitorConsentCollected","(consent: VisitorConsentCollected) => void","Callback to be called when visitor consent is collected.",{"_230":305,"_232":239,"_59":322,"_234":323,"_197":324,"_243":63},"onReady","() => void","Callback to be call when customer privacy api is ready.","VisitorConsentCollected",{"_230":305,"_232":233,"_59":325,"_234":327,"_197":225,"_236":328},"{\n analyticsAllowed: boolean;\n firstPartyMarketingAllowed: boolean;\n marketingAllowed: boolean;\n preferencesAllowed: boolean;\n saleOfDataAllowed: boolean;\n thirdPartyMarketingAllowed: boolean;\n}",[329,331,333,335,337,339],{"_230":305,"_232":239,"_59":330,"_234":266,"_197":225},"analyticsAllowed",{"_230":305,"_232":239,"_59":332,"_234":266,"_197":225},"firstPartyMarketingAllowed",{"_230":305,"_232":239,"_59":334,"_234":266,"_197":225},"marketingAllowed",{"_230":305,"_232":239,"_59":336,"_234":266,"_197":225},"preferencesAllowed",{"_230":305,"_232":239,"_59":338,"_234":266,"_197":225},"saleOfDataAllowed",{"_230":305,"_232":239,"_59":340,"_234":266,"_197":225},"thirdPartyMarketingAllowed","PrivacyBanner",{"_230":305,"_232":233,"_59":341,"_234":343,"_197":225,"_236":344},"{\n loadBanner: (options: CustomerPrivacyConsentConfig) => void;\n}",[345],{"_230":305,"_232":239,"_59":346,"_234":347,"_197":225},"loadBanner","(options: CustomerPrivacyConsentConfig) => void","CustomerPrivacyConsentConfig",{"_230":305,"_232":233,"_59":348,"_234":350,"_197":225,"_236":351},"{\n checkoutRootDomain?: string;\n storefrontRootDomain?: string;\n storefrontAccessToken?: string;\n}",[352,354,356],{"_230":305,"_232":239,"_59":353,"_234":270,"_197":225,"_243":63},"checkoutRootDomain",{"_230":305,"_232":239,"_59":355,"_234":270,"_197":225,"_243":63},"storefrontRootDomain",{"_230":305,"_232":239,"_59":312,"_234":270,"_197":225,"_243":63},"version","thumbnail","examples","id","analytics-provider","categoryLabel","Components","subCategoryLabel","Analytics","unsupported","navData",{"_209":369,"_370":371,"_372":69},"Hydrogen","navItems",[],"collapsed","versionUrls",{},"current","apiName","latestVersion","isInternal","actionData","errors"]