Remix blocking analytics scripts #10067

SaidiAli · 2024-10-06T04:33:20Z

SaidiAli
Oct 6, 2024

I set up analytics with Open panel and posthog but they both get blocked when i checked the network tab. Do i have to configure CORS or is there something am missing.

This is how i added the openpanel script in roots.tsx:

<body>
        {data ? (
          <Analytics.Provider
            cart={data.cart}
            shop={data.shop}
            consent={data.consent}
          >
            <PageLayout {...data}>{children}</PageLayout>
          </Analytics.Provider>
        ) : (
          children
        )}
        <ScrollRestoration nonce={nonce} />
        <Scripts nonce={nonce} />

        <Scripts
          dangerouslySetInnerHTML={{
            __html: `
            window.op = window.op || function(...args) {
              (window.op.q = window.op.q || []).push(args);
            };
            window.op('init', {
              clientId: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
              trackScreenViews: true,
              trackOutgoingLinks: true,
              trackAttributes: true,
            });
          `,
          }}
        />
        <Scripts src="https://openpanel.dev/op1.js" defer async />
      </body>

Thank you.

wesselhuising · 2025-05-03T12:16:06Z

wesselhuising
May 3, 2025

Did you figure something out, have the exact same problem right now.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Remix blocking analytics scripts #10067

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Remix blocking analytics scripts #10067

Uh oh!

SaidiAli Oct 6, 2024

Replies: 1 comment

Uh oh!

wesselhuising May 3, 2025

SaidiAli
Oct 6, 2024

wesselhuising
May 3, 2025