AnalyticsClick 추가하기

Author: jhlee910609

demo/with-nextjs/package.json

@@ -12,7 +12,6 @@
     "@every-analytics/react-analytics-provider": "file:../..",
     "@types/react": "file:../../node_modules/react",
     "@types/react-dom": "file:../../node_modules/react-dom",
-    "amplitude-js": "^8.5.0",
     "next": "11.1.0",
     "react": "file:../../node_modules/react",
     "react-dom": "file:../../node_modules/react-dom"

demo/with-nextjs/src/pages/products/index.tsx

@@ -1,5 +1,6 @@
 import {NextPage} from 'next';
 import {useRouter} from 'next/dist/client/router';
+import {AnalyticsClick} from '../../../../../build';
 import styles from './index.module.css';
 
 const ColorPage: NextPage = () => {
@@ -10,9 +11,11 @@ const ColorPage: NextPage = () => {
     <>
       <h1>{color} fruites</h1>
       <ul className={styles.container}>
-        {getProductsByColor(color).map(_color => (
-          <li key={_color}>{_color}</li>
-        ))}
+        {getProductsByColor(color).map(_color => {
+          <AnalyticsClick key={_color} name="color" params={{_color}}>
+            <li key={_color}>{_color}</li>
+          </AnalyticsClick>;
+        })}
       </ul>
     </>
   );