docs: removed all gtag and stupid google ads stuff

This commit is contained in:
Kingkor Roy Tirtho 2022-09-23 13:39:39 +06:00
parent 1191bf232d
commit 56a99c4d29
6 changed files with 47 additions and 41 deletions

View File

@ -6,13 +6,13 @@ import {
withDefaultColorScheme, withDefaultColorScheme,
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import Navbar from "components/Navbar"; import Navbar from "components/Navbar";
import { chakra } from "@chakra-ui/react";
import { mode } from "@chakra-ui/theme-tools"; import { mode } from "@chakra-ui/theme-tools";
import Head from "next/head"; import Head from "next/head";
import Script from "next/script";
import * as gtag from "configurations/gtag";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { useEffect } from "react"; // import Script from "next/script";
import AdDetector from "components/AdDetector"; // import * as gtag from "configurations/gtag";
// import AdDetector from "components/AdDetector";
import Footer from "components/Footer"; import Footer from "components/Footer";
import NextNProgress from "nextjs-progressbar"; import NextNProgress from "nextjs-progressbar";
@ -52,34 +52,34 @@ const customTheme = extendTheme(
function MyApp({ Component, pageProps }: AppProps) { function MyApp({ Component, pageProps }: AppProps) {
const router = useRouter(); const router = useRouter();
useEffect(() => { // useEffect(() => {
const handleRouteChange = (url: string) => { // const handleRouteChange = (url: string) => {
gtag.pageview(url); // gtag.pageview(url);
}; // };
router.events.on("routeChangeComplete", handleRouteChange); // router.events.on("routeChangeComplete", handleRouteChange);
router.events.on("hashChangeComplete", handleRouteChange); // router.events.on("hashChangeComplete", handleRouteChange);
return () => { // return () => {
router.events.off("routeChangeComplete", handleRouteChange); // router.events.off("routeChangeComplete", handleRouteChange);
router.events.off("hashChangeComplete", handleRouteChange); // router.events.off("hashChangeComplete", handleRouteChange);
}; // };
}, [router.events]); // }, [router.events]);
return ( return (
<> <>
<Script {/* <Script
async async
onError={(e) => { onError={(e) => {
console.error("Script failed to load", e); console.error("Script failed to load", e);
}} }}
src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${process.env.NEXT_PUBLIC_ADSENSE_ID}`} src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${process.env.NEXT_PUBLIC_ADSENSE_ID}`}
crossOrigin="anonymous" crossOrigin="anonymous"
/> /> */}
{/* Global Site Tag (gtag.js) - Google Analytics */} {/* Global Site Tag (gtag.js) - Google Analytics */}
<Script {/* <Script
strategy="afterInteractive" strategy="afterInteractive"
src={`https://www.googletagmanager.com/gtag/js?id=${gtag.GA_TRACKING_ID}`} src={`https://www.googletagmanager.com/gtag/js?id=${gtag.GA_TRACKING_ID}`}
/> /> */}
<Script {/* <Script
id="gtag-init" id="gtag-init"
strategy="afterInteractive" strategy="afterInteractive"
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
@ -92,7 +92,7 @@ function MyApp({ Component, pageProps }: AppProps) {
}); });
`, `,
}} }}
/> /> */}
<ChakraProvider theme={customTheme}> <ChakraProvider theme={customTheme}>
<Head> <Head>
<link <link
@ -115,12 +115,19 @@ function MyApp({ Component, pageProps }: AppProps) {
<link rel="manifest" href="/site.webmanifest" /> <link rel="manifest" href="/site.webmanifest" />
<title>Spotube</title> <title>Spotube</title>
</Head> </Head>
<AdDetector> <NextNProgress color="#45cd74" />
<NextNProgress color="#45cd74" /> <chakra.div
<Navbar /> minH="100vh"
<Component {...pageProps} /> display="flex"
flexDir="column"
justifyContent="space-between"
>
<div>
<Navbar />
<Component {...pageProps} />
</div>
<Footer /> <Footer />
</AdDetector> </chakra.div>
</ChakraProvider> </ChakraProvider>
</> </>
); );

View File

@ -1,7 +1,6 @@
import { Heading, VStack, chakra, HStack, Text } from "@chakra-ui/react"; import { Heading, VStack, chakra, HStack, Text } from "@chakra-ui/react";
import DownloadButton from "components/DownloadButton"; import DownloadButton from "components/DownloadButton";
import Image from "next/image"; import Image from "next/image";
import { DisplayAd } from "../components/special";
const Root = () => { const Root = () => {
return ( return (
@ -35,7 +34,7 @@ const Root = () => {
<DownloadButton /> <DownloadButton />
</VStack> </VStack>
</chakra.section> </chakra.section>
<DisplayAd slot="9501208974" /> {/* <DisplayAd slot="9501208974" /> */}
<chakra.div bgGradient="linear-gradient(180deg, rgba(249,207,143,1) 0%, rgba(250,250,250,1) 45%)"> <chakra.div bgGradient="linear-gradient(180deg, rgba(249,207,143,1) 0%, rgba(250,250,250,1) 45%)">
<VStack <VStack
bgImage="url(/headline-1.png)" bgImage="url(/headline-1.png)"
@ -108,7 +107,7 @@ const Root = () => {
</Text> </Text>
</chakra.div> </chakra.div>
</VStack> </VStack>
<DisplayAd slot="9501208974" /> {/* <DisplayAd slot="9501208974" /> */}
<HStack wrap="wrap-reverse" justify="center" px="8" align="center"> <HStack wrap="wrap-reverse" justify="center" px="8" align="center">
<chakra.div maxW="400px"> <chakra.div maxW="400px">
<Heading>Open Source, privacy respecting & No ads</Heading> <Heading>Open Source, privacy respecting & No ads</Heading>

View File

@ -7,7 +7,7 @@ import {
Flex, Flex,
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import NavLink from "next/link"; import NavLink from "next/link";
import { GridMultiplexAd } from "components/special"; // import { GridMultiplexAd } from "components/special";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
function OtherDownloads() { function OtherDownloads() {
@ -50,7 +50,7 @@ function OtherDownloads() {
</chakra.ul> </chakra.ul>
</VStack> </VStack>
</Flex> </Flex>
<GridMultiplexAd slot="4575915852" /> {/* <GridMultiplexAd slot="4575915852" /> */}
</> </>
); );
} }

View File

@ -11,7 +11,7 @@ import {
Tr, Tr,
HStack, HStack,
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { GridMultiplexAd } from "components/special"; // import { GridMultiplexAd } from "components/special";
import NavLink from "next/link"; import NavLink from "next/link";
const baseURL = const baseURL =
@ -77,7 +77,7 @@ function NightlyDownloads() {
</chakra.section> </chakra.section>
</VStack> </VStack>
<chakra.div w="full"> <chakra.div w="full">
<GridMultiplexAd slot="3192619797" /> {/* <GridMultiplexAd slot="3192619797" /> */}
</chakra.div> </chakra.div>
</VStack> </VStack>
</> </>

View File

@ -12,7 +12,7 @@ import {
import { CodeBlock } from "components/CodeBlock"; import { CodeBlock } from "components/CodeBlock";
import { FcLinux } from "react-icons/fc"; import { FcLinux } from "react-icons/fc";
import { BsWindows } from "react-icons/bs"; import { BsWindows } from "react-icons/bs";
import { DisplayAd } from "components/special"; // import { DisplayAd } from "components/special";
export default function PackageManagerPage() { export default function PackageManagerPage() {
return ( return (
@ -60,7 +60,7 @@ export default function PackageManagerPage() {
<br />$ yay -Sy spotube-bin <br />$ yay -Sy spotube-bin
</CodeBlock> </CodeBlock>
<Box w="full"> <Box w="full">
<DisplayAd slot="9501208974" /> {/* <DisplayAd slot="9501208974" /> */}
</Box> </Box>
<HStack align="center" pt="5"> <HStack align="center" pt="5">
<Heading size="lg">Windows</Heading> <Heading size="lg">Windows</Heading>
@ -92,7 +92,7 @@ export default function PackageManagerPage() {
</Text> </Text>
<CodeBlock>$ winget install --id KRTirtho.Spotube</CodeBlock> <CodeBlock>$ winget install --id KRTirtho.Spotube</CodeBlock>
<Box w="full"> <Box w="full">
<DisplayAd slot="9501208974" /> {/* <DisplayAd slot="9501208974" /> */}
</Box> </Box>
<Heading pt="5">Install from App Stores</Heading> <Heading pt="5">Install from App Stores</Heading>
<Heading size="md">Android (F-Droid)</Heading> <Heading size="md">Android (F-Droid)</Heading>

View File

@ -15,7 +15,7 @@ import { Octokit, RestEndpointMethodTypes } from "@octokit/rest";
import ReactMarkdown from "react-markdown"; import ReactMarkdown from "react-markdown";
import { Platform } from "hooks/usePlatform"; import { Platform } from "hooks/usePlatform";
import gfm from "remark-gfm"; import gfm from "remark-gfm";
import { DisplayAd, InFeedAd } from "components/special"; // import { DisplayAd, InFeedAd } from "components/special";
import { GetServerSideProps, NextPage } from "next"; import { GetServerSideProps, NextPage } from "next";
import { MarkdownComponentDefs } from "misc/MarkdownComponentDefs"; import { MarkdownComponentDefs } from "misc/MarkdownComponentDefs";
import { octokit } from "configurations/ocotokit"; import { octokit } from "configurations/ocotokit";
@ -199,10 +199,10 @@ const StableDownloads: NextPage<Props> = ({ data }) => {
md: "35%", md: "35%",
}} }}
> >
<DisplayAd slot="1391349310" /> {/* <DisplayAd slot="1391349310" /> */}
<DisplayAd slot="6452104301" /> {/* <DisplayAd slot="6452104301" /> */}
<DisplayAd slot="1199777626" /> {/* <DisplayAd slot="1199777626" /> */}
<DisplayAd slot="2001723409" /> {/* <DisplayAd slot="2001723409" /> */}
</chakra.div> </chakra.div>
</HStack> </HStack>
</VStack> </VStack>