Ivan/tailwind-nextjs-blog
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

style: auto fix.

Browse Source
This commit is contained in:
Ivan Li
2022-10-17 15:37:01 +00:00
parent 10f64a9ba4
commit c081d55a32
68 changed files with 1403 additions and 1114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/analytics/GoogleAnalytics.tsx
View File

@ -1,6 +1,6 @@
import Script from 'next/script'
import Script from 'next/script';
import siteMetadata from '@/data/siteMetadata'
import siteMetadata from '@/data/siteMetadata';
const GAScript = () => {
return (
@ -21,10 +21,10 @@ const GAScript = () => {
`}
</Script>
</>
)
}
);
};
export default GAScript
export default GAScript;
// https://developers.google.com/analytics/devguides/collection/gtagjs/events
export const logEvent = (action, category, label, value) => {
@ -32,5 +32,5 @@ export const logEvent = (action, category, label, value) => {
event_category: category,
event_label: label,
value: value,
})
}
});
};

14
components/analytics/Plausible.tsx
View File

@ -1,6 +1,6 @@
import Script from 'next/script'
import Script from 'next/script';
import siteMetadata from '@/data/siteMetadata'
import siteMetadata from '@/data/siteMetadata';
const PlausibleScript = () => {
return (
@ -16,12 +16,12 @@ const PlausibleScript = () => {
`}
</Script>
</>
)
}
);
};
export default PlausibleScript
export default PlausibleScript;
// https://plausible.io/docs/custom-event-goals
export const logEvent = (eventName, ...rest) => {
return window.plausible?.(eventName, ...rest)
}
return window.plausible?.(eventName, ...rest);
};

19
components/analytics/SimpleAnalytics.tsx
View File

@ -1,4 +1,4 @@
import Script from 'next/script'
import Script from 'next/script';
const SimpleAnalyticsScript = () => {
return (
@ -8,18 +8,21 @@ const SimpleAnalyticsScript = () => {
window.sa_event=window.sa_event||function(){var a=[].slice.call(arguments);window.sa_event.q?window.sa_event.q.push(a):window.sa_event.q=[a]};
`}
</Script>
<Script strategy="lazyOnload" src="https://scripts.simpleanalyticscdn.com/latest.js" />
<Script
strategy="lazyOnload"
src="https://scripts.simpleanalyticscdn.com/latest.js"
/>
</>
)
}
);
};
// https://docs.simpleanalytics.com/events
export const logEvent = (eventName, callback) => {
if (callback) {
return window.sa_event?.(eventName, callback)
return window.sa_event?.(eventName, callback);
} else {
return window.sa_event?.(eventName)
return window.sa_event?.(eventName);
}
}
};
export default SimpleAnalyticsScript
export default SimpleAnalyticsScript;

10
components/analytics/Umami.tsx
View File

@ -1,6 +1,6 @@
import Script from 'next/script'
import Script from 'next/script';
import siteMetadata from '@/data/siteMetadata'
import siteMetadata from '@/data/siteMetadata';
const UmamiScript = () => {
return (
@ -12,7 +12,7 @@ const UmamiScript = () => {
src="https://umami.example.com/umami.js" // Replace with your umami instance
/>
</>
)
}
);
};
export default UmamiScript
export default UmamiScript;

32
components/analytics/index.tsx
View File

@ -1,28 +1,32 @@
import GA from './GoogleAnalytics'
import Plausible from './Plausible'
import SimpleAnalytics from './SimpleAnalytics'
import Umami from './Umami'
import siteMetadata from '@/data/siteMetadata'
import GA from './GoogleAnalytics';
import Plausible from './Plausible';
import SimpleAnalytics from './SimpleAnalytics';
import Umami from './Umami';
import siteMetadata from '@/data/siteMetadata';
declare global {
interface Window {
gtag?: (...args: any[]) => void
plausible?: (...args: any[]) => void
sa_event?: (...args: any[]) => void
gtag?: (...args: any[]) => void;
plausible?: (...args: any[]) => void;
sa_event?: (...args: any[]) => void;
}
}
const isProduction = process.env.NODE_ENV === 'production'
const isProduction = process.env.NODE_ENV === 'production';
const Analytics = () => {
return (
<>
{isProduction && siteMetadata.analytics.plausibleDataDomain && <Plausible />}
{isProduction && siteMetadata.analytics.simpleAnalytics && <SimpleAnalytics />}
{isProduction && siteMetadata.analytics.plausibleDataDomain && (
<Plausible />
)}
{isProduction && siteMetadata.analytics.simpleAnalytics && (
<SimpleAnalytics />
)}
{isProduction && siteMetadata.analytics.umamiWebsiteId && <Umami />}
{isProduction && siteMetadata.analytics.googleAnalyticsId && <GA />}
</>
)
}
);
};
export default Analytics
export default Analytics;