get
utility
A function that queries for shop required analytics data to be used in the Analytics.Provider component.
Anchor to getShopAnalytics-parametersParameters
Anchor to input1
input1
required
Promise< | null>
Was this section helpful?
Example
import {Analytics, getShopAnalytics} from '@shopify/hydrogen';
import {Outlet, useLoaderData} from 'react-router';
export async function loader({context}) {
const {cart, env} = context;
const cartPromise = cart.get();
return {
cart: cartPromise,
shop: getShopAnalytics({
storefront: context.storefront,
publicStorefrontId: env.PUBLIC_STOREFRONT_ID,
}),
consent: {
checkoutDomain: env.PUBLIC_CHECKOUT_DOMAIN,
storefrontAccessToken: env.PUBLIC_STOREFRONT_API_TOKEN,
withPrivacyBanner: true, // false stops the privacy banner from being displayed
// localize the privacy banner
country: context.storefront.i18n.country,
language: context.storefront.i18n.language,
},
};
}
export default function App() {
const data = useLoaderData();
return (
<html lang="en">
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
</head>
<body>
<Analytics.Provider
cart={data.cart}
shop={data.shop}
consent={data.consent}
>
<Outlet />
</Analytics.Provider>
</body>
</html>
);
}