Merge pull request yelloworld-bot#60 from team-yello/main

[feat] event 페이지 추가

app/event/page.tsx

@@ -0,0 +1,59 @@
+'use client';
+
+import {
+ AMPLITUDE_KEY,
+ APP_STORE_URL,
+ GOOGLE_PLAY_URL,
+ LANDING_PAGE_URL,
+} from '@/util/string';
+import { useSearchParams } from 'next/navigation';
+import React, { Suspense, useEffect } from 'react';
+import { isAndroid, isIOS } from 'react-device-detect';
+import * as amplitude from '@amplitude/analytics-browser';
+
+export default function Page() {
+ return (
+ <>
+ <div>{'redirecting...'}</div>
+ <Suspense>
+ <GTMComponent />
+ </Suspense>
+ </>
+ );
+}
+
+const GTMComponent = () => {
+ const params = useSearchParams();
+
+ useEffect(() => {
+ if (typeof window !== 'undefined') {
+ amplitude.init(AMPLITUDE_KEY as string, { defaultTracking: true });
+
+ let redirectTo;
+ let platform;
+ if (isIOS) {
+ platform = 'iOS';
+ redirectTo = APP_STORE_URL;
+ } else if (isAndroid) {
+ redirectTo = GOOGLE_PLAY_URL;
+ platform = 'Android';
+ } else {
+ platform = 'others';
+ redirectTo = LANDING_PAGE_URL;
+ }
+ setTimeout(() => {
+ const gtag = window.gtag;
+ gtag('event', 'download_link', {
+ id: params.has('id') ? params.get('id') : 'null',
+ platform: platform,
+ });
+ amplitude.logEvent('download_link', {
+ id: params.has('id') ? (params.get('id') as string) : undefined,
+ });
+ window.location.replace(redirectTo);
+ }, 1000);
+ }
+ }, [params]);
+
+ return <div>{'data sending..'}</div>;
+};