Add google analytics tracking

This commit is contained in:
Jim Myers 2022-05-20 11:05:11 -04:00
parent c8ae680c0c
commit a02a61bd34
3 changed files with 28 additions and 4 deletions

File diff suppressed because one or more lines are too long

View File

@ -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">

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB