diff --git a/apps/docs/src/pages/_app.tsx b/apps/docs/src/pages/_app.tsx
index 5f51163a..0162f3dd 100644
--- a/apps/docs/src/pages/_app.tsx
+++ b/apps/docs/src/pages/_app.tsx
@@ -27,7 +27,6 @@ export default function App({ Component, pageProps }: AppProps) {
               (window.op.q = window.op.q || []).push(args);
             };
           window.op('ctor', {
-            url: 'https://api.openpanel.dev',
             clientId: 'e884ef1b-52d7-430a-b2c5-69c432faeba4',
             trackScreenViews: true,
             trackOutgoingLinks: true,
diff --git a/apps/public/src/app/layout.tsx b/apps/public/src/app/layout.tsx
index c802af60..2fc3f5ce 100644
--- a/apps/public/src/app/layout.tsx
+++ b/apps/public/src/app/layout.tsx
@@ -45,16 +45,28 @@ export default function RootLayout({
         <Footer />
       </body>
       <Script
-        src="/op.js"
-        data-url="https://api.openpanel.dev"
-        data-client-id="301c6dc1-424c-4bc3-9886-a8beab09b615"
-        data-track-screen-views="1"
-        data-track-outgoing-links="1"
+        src="https://openpanel.dev/op.js"
+        async
+        defer
+        strategy="afterInteractive"
       />
       <Script
-        defer
-        data-domain="openpanel.dev"
-        src="https://plausible.io/js/script.js"
+        id="openpanel"
+        dangerouslySetInnerHTML={{
+          __html: `
+          window.op =
+            window.op ||
+            function (...args) {
+              (window.op.q = window.op.q || []).push(args);
+            };
+          window.op('ctor', {
+            clientId: '301c6dc1-424c-4bc3-9886-a8beab09b615',
+            trackScreenViews: true,
+            trackOutgoingLinks: true,
+            trackAttributes: true,
+          });
+        `,
+        }}
       />
     </html>
   );