mirror of
https://github.com/FlipsideCrypto/sdk.git
synced 2026-02-06 10:46:43 +00:00
Add google analytics tracking
This commit is contained in:
parent
c8ae680c0c
commit
a02a61bd34
File diff suppressed because one or more lines are too long
@ -10,10 +10,25 @@ import {
|
||||
} from "@remix-run/react";
|
||||
import styles from "./tailwind.css";
|
||||
|
||||
const description = "Flipside SDK. Blockchain Data Where You Want It.";
|
||||
const image = "https://sdk.flipsidecrypto.xyz/sdk-site-preview.png";
|
||||
|
||||
export const meta: MetaFunction = () => ({
|
||||
charset: "utf-8",
|
||||
title: "Flipside SDK -- Playground",
|
||||
title: "Flipside SDK",
|
||||
viewport: "width=device-width,initial-scale=1",
|
||||
description: description,
|
||||
"og:title": "Flipside SDK",
|
||||
"og:description": description,
|
||||
"og:image": image,
|
||||
"og:url": "https://sdk.flipsidecrypto.xyz",
|
||||
"og:type": "website",
|
||||
"twitter:card": "summary_large_image",
|
||||
"twitter:title": "Flipside SDK",
|
||||
"twitter:description": description,
|
||||
"twitter:image": image,
|
||||
"twitter:url": "https://sdk.flipsidecrypto.xyz",
|
||||
"twitter:domain": "sdk.flipsidecrypto.xyz",
|
||||
});
|
||||
|
||||
export const links: LinksFunction = () => [{ rel: "stylesheet", href: styles }];
|
||||
@ -23,12 +38,15 @@ export async function loader({ request }: { request: Request }) {
|
||||
ENV: {
|
||||
FLIPSIDE_API_KEY: process.env.FLIPSIDE_API_KEY,
|
||||
FLIPSIDE_BASE_URL: process.env.FLIPSIDE_BASE_URL,
|
||||
GA_TRACKING_ID: process.env.GA_TRACKING_ID,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
export default function App() {
|
||||
const data = useLoaderData<{ ENV: Record<string, string> }>();
|
||||
const data = useLoaderData<{
|
||||
ENV: Record<string, string>;
|
||||
}>();
|
||||
return (
|
||||
<Document env={data.ENV} title="Flipside SDK Playground">
|
||||
<Outlet />
|
||||
@ -63,6 +81,12 @@ function Document({
|
||||
{title ? <title>{title}</title> : null}
|
||||
<Meta />
|
||||
<Links />
|
||||
{process.env.NODE_ENV === "development" ||
|
||||
!env?.GA_TRACKING_ID ? null : (
|
||||
<script
|
||||
src={`https://www.googletagmanager.com/gtag/js?id=${env.GA_TRACKING_ID}`}
|
||||
/>
|
||||
)}
|
||||
</head>
|
||||
|
||||
<body className="antialiased min-h-screen">
|
||||
|
||||
BIN
playgrounds/js/public/sdk-site-preview.png
Normal file
BIN
playgrounds/js/public/sdk-site-preview.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
Loading…
Reference in New Issue
Block a user