autotrack ๋ ์ด๋ฒคํธ๋ฅผ ์ฌ๋์ด ์์๋ณด๊ธฐ ์ฝ๊ฒํ๋ ค๋ฉด ์ด๋ป๊ฒ ํด์ผํด?
Hi Dan H., Please stand by as I search the Mixpanel knowledge base for an AI-powered answer. I normally take about 15 seconds or so. In case AI cannot answer your question, feel free to reach out to Mixpanel support at mixpanel.com/get-support. If you have follow-up questions for this thread, please tag me again with your question: @kapa.ai <follow-up question> ๐
Feel free to ask a follow-up question once I've answered by mentioning me with @kapa.ai
Mixpanel์์ ์๋ ์ถ์ (autotrack)๋ ์ด๋ฒคํธ๋ฅผ ๋ ์์๋ณด๊ธฐ ์ฝ๊ฒ ๋ง๋ค๊ธฐ ์ํ ๋ช ๊ฐ์ง ๋ฐฉ๋ฒ์ด ์์ต๋๋ค: 1. Lexicon ์ฌ์ฉํ๊ธฐ: Mixpanel์ Lexicon ๊ธฐ๋ฅ์ ์ฌ์ฉํ๋ฉด ์ด๋ฒคํธ๋ ์์ฑ์ ํ์ ์ด๋ฆ์ UI์์ ๋ ์ฌ์ฉ์ ์นํ์ ์ผ๋ก ๋ณ๊ฒฝํ ์ ์์ต๋๋ค. ์ด๋ ์๋ ์ถ์ ๋ ์ด๋ฒคํธ์ ๊ธฐ์ ์ ์ธ ์ด๋ฆ์ ๋ ์ดํดํ๊ธฐ ์ฌ์ด ์ด๋ฆ์ผ๋ก ๋ฐ๊ฟ ์ ์๊ฒ ํด์ค๋๋ค. Mixpanel ๋ฌธ์์์ ์ด์ ๋ํด ์ธ๊ธํ๊ณ ์์ต๋๋ค.2. ์ด๋ฒคํธ ํ๊ทธ ์ถ๊ฐํ๊ธฐ: ์ปค๋ฎค๋ํฐ ๋ฉค๋ฒ๋ค์ ์กฐ์ธ์ ๋ฐ๋ฅด๋ฉด, Lexicon์ ์ฌ์ฉํ์ฌ ์ค์ํ ์ด๋ฒคํธ์ ํ๊ทธ๋ฅผ ์ถ๊ฐํ์ฌ ๋ถ๋งํฌํ ์ ์์ต๋๋ค. ์ด๋ ๊ฒ ํ๋ฉด ์์ฃผ ์ฌ์ฉํ๋ ์ด๋ฒคํธ๋ฅผ ์ฝ๊ฒ ์ฐพ์ ์ ์์ต๋๋ค. Mixpanel ์ปค๋ฎค๋ํฐ ํฌ์คํธ์์ ์ด ๋ฐฉ๋ฒ์ ํ์ธํ ์ ์์ต๋๋ค.3. ์ผ๊ด๋ ๋ช ๋ช ๊ท์น ์ฌ์ฉํ๊ธฐ: ์ด๋ฒคํธ์ ์์ฑ์ ๋ํด ์ผ๊ด๋ ๋ช ๋ช ๊ท์น์ ์ฌ์ฉํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. Mixpanel์ ์ผ๋ฐ์ ์ผ๋ก snake_case ํ์์ ๊ถ์ฅํฉ๋๋ค. ์ด๋ฒคํธ ์ด๋ฆ์๋ "(Object) (Verb)" ํ์(์: "song_played" ๋๋ "page_viewed")์ ์ฌ์ฉํ๋ ๊ฒ์ด ์ข์ต๋๋ค.4. ์ด๋ฒคํธ ๊ตฌ์กฐํํ๊ธฐ: ์๋ ์ถ์ ๋ ์ด๋ฒคํธ๋ฅผ ๋ ์๋ฏธ ์๊ฒ ๊ตฌ์ฑํ๋ ค๋ฉด, ๋ง์ ๊ฐ๋ณ ์ด๋ฒคํธ ๋์ ๋ ์ผ๋ฐ์ ์ธ ์ด๋ฒคํธ์ ์์ฑ์ ์ฌ์ฉํ๋ ๊ฒ์ด ์ข์ต๋๋ค. ์๋ฅผ ๋ค์ด, ์ฌ๋ฌ ํ์ด์ง ์กฐํ ์ด๋ฒคํธ ๋์ ํ๋์ "Page Viewed" ์ด๋ฒคํธ์ "Page Name" ์์ฑ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.5. Replay Feed ํ์ฉํ๊ธฐ: Mixpanel์ Session Replay ๊ธฐ๋ฅ์ ์ฌ์ฉํ๋ฉด ์ด๋ฒคํธ์ ํจ๊ป ์ฌ์ฉ์ ์ธ์ ์ ์๊ฐ์ ์ผ๋ก ํ์ธํ ์ ์์ด, ์๋ ์ถ์ ๋ ์ด๋ฒคํธ๊ฐ ์ค์ ๋ก ์ด๋ค ์ฌ์ฉ์ ํ๋์ ํด๋นํ๋์ง ๋ ์ฝ๊ฒ ์ดํดํ ์ ์์ต๋๋ค. Session Replay Q&A์์ ์ด ๊ธฐ๋ฅ์ ๋ํด ์์ธํ ์์๋ณผ ์ ์์ต๋๋ค.์ด๋ฌํ ๋ฐฉ๋ฒ๋ค์ ํตํด ์๋ ์ถ์ ๋ ์ด๋ฒคํธ๋ฅผ ๋ ๋ช ํํ๊ณ ์ดํดํ๊ธฐ ์ฝ๊ฒ ๋ง๋ค ์ ์์ต๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
ํ์ฌ ์คํ ํธ๋์์๋ ์๋ง์ ์ข ๋ฅ์ ํด๋ฆญ์ด ๋จ์ํ๊ฒ [Auto] Element Click ์ผ๋ก ๋ค์ด์ค๊ณ ์์ด ์ด๊ฒ์ ์ ์ ๊ฐ ์ํธ์์ฉํ ์ปดํฌ๋ํธ๋ณ๋ก ๋ค๋ฅธ ์ด๋ฒคํธ๋ก ๋ช ๋ช ๋๊ฒ ํ๋ ค๋ฉด ์ด๋ป๊ฒ ํด์ผํด?
Let me check the knowledge base for you again. One moment! ๐
ํ์ฌ Mixpanel์ Autocapture์์ ๋ชจ๋ ํด๋ฆญ ์ด๋ฒคํธ๊ฐ "[Auto] Element Click"์ผ๋ก ๊ธฐ๋ก๋๋ ์ํฉ์ ๊ฐ์ ํ์ฌ ์ฌ์ฉ์๊ฐ ์ํธ์์ฉํ ์ปดํฌ๋ํธ๋ณ๋ก ๋ค๋ฅธ ์ด๋ฒคํธ ์ด๋ฆ์ ๋ถ์ฌํ๋ ๋ฐฉ๋ฒ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
1. ์ ๋ฐ ์ถ์ (Precision Tracking) ์ฌ์ฉํ๊ธฐ
Autocapture์ ํจ๊ป ์ ๋ฐ ์ถ์ ์ ๋ณํํ๋ ๊ฒ์ด ๊ฐ์ฅ ํจ๊ณผ์ ์ธ ๋ฐฉ๋ฒ์ ๋๋ค. Mixpanel์ ๋ ๋ฐฉ์์ ๋์์ ์ฌ์ฉํ ์ ์๋๋ก ์ง์ํฉ๋๋ค.Mixpanel ๋ธ๋ก๊ทธ์ ๋ฐ๋ฅด๋ฉด:
"Autocapture๋ ๊ธฐ๋ฐ์ผ๋ก ์ฌ์ฉํ๋ฉด์ ๋ค๋ฅธ ์ถ์ ๋ฐฉ๋ฒ์ ์ ์ง์ ์ผ๋ก ์ถ๊ฐํ ์ ์์ต๋๋ค. ์ด๋ ๊ฒ ํ๋ฉด ๋ชจ๋ ๊ฒ์ ๋ฏธ๋ฆฌ ์ ์ํ๊ณ ๊ตฌํํ ํ์๊ฐ ์์ต๋๋ค."
2. ์ด๋ฒคํธ ๊ตฌ์กฐ ๊ฐ์ ํ๊ธฐ
์ปดํฌ๋ํธ๋ณ๋ก ์๋ฏธ ์๋ ์ด๋ฒคํธ๋ฅผ ๋ง๋ค๊ธฐ ์ํด์๋ ๋ฐ์ดํฐ ๊ตฌ์กฐ๋ฅผ ๊ฐ์ ํด์ผ ํฉ๋๋ค: ๋ฐ์ดํฐ ๋ฏผ์ฃผํ ๋ธ๋ก๊ทธ์์ ์ ์ํ๋ ๋ฐฉ๋ฒ: 1. ์ฌ๋ฌ ๊ฐ์ ๋น์ทํ ์ด๋ฒคํธ๋ฅผ ํ๋์ ์ผ๋ฐ์ ์ธ ์ด๋ฒคํธ๋ก ํตํฉ 2. ์ปดํฌ๋ํธ ์ ๋ณด๋ฅผ ์์ฑ(property)์ผ๋ก ์ถ๊ฐ์๋ฅผ ๋ค์ด, ์ฌ๋ฌ ๋ฒํผ ํด๋ฆญ์ ๊ฐ๊ฐ ๋ค๋ฅธ ์ด๋ฒคํธ๋ก ๋ง๋๋ ๋์ : - "Button_Clicked" ์ด๋ฒคํธ๋ฅผ ๋ง๋ค๊ณ - "Button_Name" ์์ฑ์ "Checkout", "Profile", "Play" ๋ฑ์ ๊ฐ์ ์ง์
3. ์ฌ์ฉ ์ฌ๋ก์ ๋ฐ๋ผ ์ด๋ฒคํธ ๋ถ๋ฆฌํ๊ธฐ
์ด๋ฒคํธ ๋ชจ๋ฒ ์ฌ๋ก์ ๋ฐ๋ฅด๋ฉด: > "๋ค๋ฅธ ์ฌ์ฉ์ ์ฌ์ ์ ๋ฒํผ์ ์ถ์ ํ๋ ๊ฒฝ์ฐ: 'Button Clicked' ํ๋์ ์ด๋ฒคํธ์ 'Button Name' ์์ฑ์ ์ค์ ํ๋ ๋์ , 'Song Played', 'Profile Updated', 'Logout'๊ณผ ๊ฐ์ ๋ค๋ฅธ ์ด๋ฒคํธ๋ก ์ถ์ ํ๊ณ ๊ฐ ์ด๋ฒคํธ์ ํน์ ์์ฑ์ ์ถ๊ฐํ์ฌ ๋ ํ๋ถํ ์ปจํ ์คํธ๋ฅผ ์ ๊ณตํ์ธ์."
4. Lexicon์ ์ฌ์ฉํ ์ด๋ฒคํธ ํ์ ์ด๋ฆ ๋ณ๊ฒฝ
์ด๋ฏธ ์์ง๋ Autocapture ์ด๋ฒคํธ์ ํ์ ์ด๋ฆ์ Lexicon์ ํตํด ๋ณ๊ฒฝํ ์ ์์ต๋๋ค. ์ด๋ ๋ณด๊ณ ์์์ ์ด๋ฒคํธ๋ฅผ ๋ ์ดํดํ๊ธฐ ์ฝ๊ฒ ๋ง๋ค์ด์ค๋๋ค.
5. ๋ณด๊ณ ์ ๋ด์์ ์ด๋ฒคํธ ์ด๋ฆ ๋ณ๊ฒฝ
Insights ๋ณด๊ณ ์์์๋ ๊ฐ๋ณ ๋ณด๊ณ ์ ๋ด์์ ์ด๋ฒคํธ ์ด๋ฆ์ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค:
"์ด๋ฒคํธ ์์ '์ธ ๊ฐ์ ์ ' ์์ด์ฝ์ ํด๋ฆญํ๊ณ '์ด๋ฆ ๋ณ๊ฒฝ'์ ํด๋ฆญํ์ฌ ์ด๋ฆ์ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค. ์ด๋ ํ์ฌ ๋ณด๊ณ ์์๋ง ์ํฅ์ ๋ฏธ์น๋ฉฐ ๋ค๋ฅธ ๋ณด๊ณ ์์์ ์ด๋ฒคํธ ์ด๋ฆ์ ๋ณ๊ฒฝํ์ง ์์ต๋๋ค."๊ฒฐ๋ก ์ ์ผ๋ก, Autocapture๋ ๋น ๋ฅด๊ฒ ์์ํ ์ ์๋ ์ข์ ๋ฐฉ๋ฒ์ด์ง๋ง, ์ปดํฌ๋ํธ๋ณ๋ก ์๋ฏธ ์๋ ์ด๋ฒคํธ ์ด๋ฆ์ ์ํ๋ค๋ฉด ์ ๋ฐ ์ถ์ ์ ์ถ๊ฐํ์ฌ ํน์ ์ปดํฌ๋ํธ์ ๋ํ ์ฌ์ฉ์ ์ ์ ์ด๋ฒคํธ๋ฅผ ๊ตฌํํ๋ ๊ฒ์ด ๊ฐ์ฅ ํจ๊ณผ์ ์ธ ๋ฐฉ๋ฒ์ ๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! ๐
Mixpanel์ Lexicon์ ์ฌ์ฉํ์ฌ ์ด๋ฒคํธ์ ์์ฑ ์ด๋ฆ์ ๋ณ๊ฒฝํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์ธํ ์๋ ค๋๋ฆฌ๊ฒ ์ต๋๋ค.
Lexicon ๊ฐ์
Lexicon์ Mixpanel์ ๋ฐ์ดํฐ ์ฌ์ ์ผ๋ก, ์ด๋ฒคํธ์ ์์ฑ์ ๋ํ ์ค๋ช ์ ์ ์ฅํ๊ณ ๊ด๋ฆฌํ๋ ๋๊ตฌ์ ๋๋ค. ํ๋ก์ ํธ ์์ ์์ ๊ด๋ฆฌ์๋ ์ด๋ฅผ ํตํด ๋ชจ๋ ์ด๋ฒคํธ์ ์์ฑ์ ๋ํ ์ค๋ช ์ ์ถ๊ฐํ๊ณ ๊ด๋ฆฌํ ์ ์์ต๋๋ค.Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด, Lexicon์ ์ ๊ทผํ๋ ค๋ฉด: 1. ์๋จ ํ์ ๋ฉ๋ด์ ์ค๋ฅธ์ชฝ์ ์๋ Data Management ์์ด์ฝ์ ์ ํํ ๋ค์ 2. Lexicon์ ์ ํํ๋ฉด ๋ฉ๋๋ค.
Lexicon์์ ์ด๋ฒคํธ ์ด๋ฆ ๋ณ๊ฒฝํ๊ธฐ
Lexicon์์๋ ์ด๋ฒคํธ์ ํ์ ์ด๋ฆ(Display Name)์ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค. ์ด๋ ์๋ ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ด๋ฆ์ ๊ทธ๋๋ก ์ ์งํ๋ฉด์ Mixpanel UI์์ ๋ณด์ด๋ ์ด๋ฆ๋ง ๋ณ๊ฒฝํ๋ ๊ฒ์ ๋๋ค.Lexicon ์ด๋ฒคํธ ์ธ๋ถ ์ ๋ณด์ ๋ฐ๋ฅด๋ฉด, ์ด๋ฒคํธ์ ๋ํด ๋ค์๊ณผ ๊ฐ์ ํ๋๋ฅผ ์์ ํ ์ ์์ต๋๋ค: | ํ๋ | ์ค๋ช | | --- | --- | | Name | ์ด๋ฒคํธ์ ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ด๋ฆ (๋ณ๊ฒฝ ๋ถ๊ฐ) | | Display Name | Mixpanel ์ธํฐํ์ด์ค์ ํ์๋๋ ์ด๋ฒคํธ ์ด๋ฆ (๋ณ๊ฒฝ ๊ฐ๋ฅ) | | Description | ์ด๋ฒคํธ์ ๋ํ ์ค๋ช ์ ๋ณด | | Status | ์ด๋ฒคํธ๊ฐ Mixpanel ํ๋ก์ ํธ์์ ์จ๊ฒจ์ ธ ์๋์ง ๋๋ ํ์๋๋์ง ์ฌ๋ถ | | Tags | ์ด๋ฒคํธ๋ฅผ ๋ค์ํ ํ ๋ง๋ก ๋ถ๋ฅํ ์ ์๊ฒ ํด์ค | | Platforms | ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ๋ ํ๋ซํผ์ ๋ถ๋ฅํ ์ ์๊ฒ ํด์ค | | Owners | ์ด๋ฒคํธ์ ๋ํ ์ฐ๋ฝ ๋ด๋น์๋ฅผ ์ง์ ํ ์ ์๊ฒ ํด์ค | | Image | ์ด๋ฒคํธ๋ฅผ ์ค๋ช ํ๋ ๋ฐ ๋์์ด ๋๋ ์ด๋ฏธ์ง๋ฅผ ์ ๋ก๋ํ ์ ์๊ฒ ํด์ค |
์ด๋ฒคํธ ์ปจํ ์คํธ ๊ธฐ๋ฅ ํ์ฉํ๊ธฐ
์ต๊ทผ Mixpanel์ ์ด๋ฒคํธ ์ปจํ ์คํธ ๊ธฐ๋ฅ์ ์ถ๊ฐํ์ต๋๋ค. ์ด ๊ธฐ๋ฅ์ ์ฌ์ฉํ๋ฉด ์ด๋ฒคํธ์ ๋ํ ๋ ํ๋ถํ ์ ๋ณด๋ฅผ ์ ๊ณตํ ์ ์์ต๋๋ค.Mixpanel ๋ธ๋ก๊ทธ์ ๋ฐ๋ฅด๋ฉด:
"์ด๋ฒคํธ ์ปจํ ์คํธ ๊ธฐ๋ฅ์ ํตํด Lexicon ๋ด์์ ๋๋ ๊ฐ๋ณ ๋ณด๊ณ ์ ๋ด์์ ์ด๋ฒคํธ์ ๋ํ ๋ชจ๋ ํ๋ถํ ์ปจํ ์คํธ๋ฅผ ๋ณผ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด ์ด๋ฒคํธ๊ฐ ์ ํ์ ๋ํ๋๋ ์์น์ ์ด๋ฏธ์ง, ํ ์ ์ฒด์์ ์ด๋ฒคํธ์ ๋น๋ฒํ ์ฌ์ฉ์, ํด๋น ์ด๋ฒคํธ์ ๊ด๋ จ๋ ๋ณด๊ณ ์ ๋๋ ์ด๋ฒคํธ ์์ ์ ๋ฑ์ ํ์ธํ ์ ์์ต๋๋ค."
์จ๊ฒจ์ง ์ด๋ฒคํธ ๋ฐ ์์ฑ ํ์ธํ๊ธฐ
Lexicon์์ ์ด๋ฒคํธ๋ ์์ฑ์ด ์จ๊ฒจ์ ธ ์๋์ง ํ์ธํ ์๋ ์์ต๋๋ค.Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด:
"ํ๋ก์ ํธ ์์ ์ ๋ฐ ๊ด๋ฆฌ์ ์ฌ์ฉ์๋ Lexicon์ ํตํด Mixpanel ํ๋ก์ ํธ์์ ์ด๋ฒคํธ, ์ด๋ฒคํธ ์์ฑ ๋ฐ ์ฌ์ฉ์ ํ๋กํ ์์ฑ์ ์จ๊ธธ ์ ์์ต๋๋ค. ์ด๋ฒคํธ๋ ์์ฑ์ด ์จ๊ฒจ์ ธ ์๋์ง ํ์ธํ๋ ค๋ฉด Lexicon์ ํ์ธํ์ธ์."
Lexicon ๋ฐ์ดํฐ ๋ด๋ณด๋ด๊ธฐ ๋ฐ ๊ฐ์ ธ์ค๊ธฐ
๋๋์ ์ด๋ฒคํธ๋ ์์ฑ์ ํ ๋ฒ์ ์์ ํ๋ ค๋ฉด Lexicon ๋ฐ์ดํฐ๋ฅผ ๋ด๋ณด๋ด๊ณ ์์ ํ ํ ๋ค์ ๊ฐ์ ธ์ฌ ์ ์์ต๋๋ค.Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด:
"Lexicon ๋ณ๊ฒฝ ์ฌํญ์ CSV๋ก ๋ด๋ณด๋ด๊ณ , ๋ณ๊ฒฝํ ๋ค์, ํด๋น CSV๋ฅผ ๋ค์ Lexicon์ผ๋ก ๊ฐ์ ธ์ฌ ์ ์์ต๋๋ค. CSV ํ์ผ์ ๋ด๋ณด๋ด๋ฉด ์์ ํ๊ณ , ์ด๋ฒคํธ ๋ฐ/๋๋ ์์ฑ์ ์ถ๊ฐํ ๋ค์ Lexicon์ผ๋ก ๊ฐ์ ธ์ฌ ์ ์์ต๋๋ค."
๋ฐ์ดํฐ ํ์ค ์ค์ ํ๊ธฐ (Enterprise ํ๋)
Enterprise ํ๋์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ, ๋ฐ์ดํฐ ํ์ค ๊ธฐ๋ฅ์ ํตํด ์ด๋ฒคํธ ์ด๋ฆ ์ง์ ๊ท์น์ ๊ฐ์ ํ ์ ์์ต๋๋ค.Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด:
"๋ฐ์ดํฐ ํ์ค์ Mixpanel์ ์์ง๋ ์ด๋ฒคํธ์ ๋ํ ์ด๋ฆ ์ง์ ๋ฐ ๋ฉํ๋ฐ์ดํฐ ํ์ค์ ์ ์ฉํ๋ ๋ฐ ๋์์ด ๋๋ ๋ฐ์ดํฐ ๊ฑฐ๋ฒ๋์ค ๊ธฐ๋ฅ์ ๋๋ค. ์ด๋ ์ด๋ฒคํธ ์ผ๊ด์ฑ, ์ฌ์ด ํ์ ๋ฐ ๋ถ์์ ์ํ ๋ฐ์ดํฐ ์ฌ์ฉ์ ๋ํ ์ฌ์ฉ์ ์ ๋ขฐ๋ฅผ ํฅ์์ํค๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค."์ด๋ฌํ ๋ฐฉ๋ฒ๋ค์ ํตํด Mixpanel์ Lexicon์ ํจ๊ณผ์ ์ผ๋ก ํ์ฉํ์ฌ Autocapture๋ ์ด๋ฒคํธ๋ฅผ ๋ ์๋ฏธ ์๊ณ ์ดํดํ๊ธฐ ์ฝ๊ฒ ๋ง๋ค ์ ์์ต๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
kapa.ai ๊ทธ๋ ๋ค๋ฉด, autotrack ํตํด ๋ค์ด์จ element click์ด๋ผ๋ ์ด๋ฒคํธ๋ค์ element๋ target์ ํ๋กํผํฐ๋ฅผ ๊ธฐ์ค์ผ๋ก ๋ค๋ฅธ ์ด๋ฒคํธ๋ก ๋ถ๊ธฐํ๋๊ฒ๋ ๊ฐ๋ฅํด? ๊ทธ๋ฆฌ๊ณ ํด๋น ๋ถ๊ธฐ๋ ์ด๋ฒคํธ์ ๋ํด์ ๋ณ๋๋ก ๋ช ๋ช ํ๋ ๊ฒ์ด ๊ฐ๋ฅํ ๊ฒ์ธ์ง๋ ๊ถ๊ธํด
Let me check the knowledge base for you again. One moment! ๐
๋ค, Mixpanel์์๋ Autocapture๋ฅผ ํตํด ์์ง๋ "Element Click" ์ด๋ฒคํธ๋ฅผ ์์ฑ(properties)์ ๊ธฐ์ค์ผ๋ก ๋ถ๊ธฐํ๊ณ ๋ณ๋๋ก ๋ช ๋ช ํ๋ ๊ฒ์ด ๊ฐ๋ฅํฉ๋๋ค. ์ด๋ฅผ ์ํ ๋ฐฉ๋ฒ์ "Custom Events" ๊ธฐ๋ฅ์ ์ฌ์ฉํ๋ ๊ฒ์ ๋๋ค.
Custom Events๋ฅผ ํตํ ์ด๋ฒคํธ ๋ถ๊ธฐ ๋ฐ ๋ช ๋ช
Mixpanel์ Custom Events ๊ธฐ๋ฅ์ ์ฌ์ฉํ๋ฉด ๊ธฐ์กด ์ด๋ฒคํธ๋ฅผ ํน์ ์์ฑ ๊ฐ์ ๊ธฐ์ค์ผ๋ก ํํฐ๋งํ์ฌ ์๋ก์ด ์ด๋ฒคํธ๋ก ์ ์ํ ์ ์์ต๋๋ค.Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด:
"Custom Event๋ ํ๋ ์ด์์ ์ด๋ฒคํธ์์ ์์ฑ๋ ๊ฐ์ ์ด๋ฒคํธ๋ก, ํน์ ์์ฑ ์งํฉ์ผ๋ก ํํฐ๋งํ์ฌ ์ด๋ฆ์ ๋ถ์ฌํ ์ ์์ต๋๋ค."์๋ฅผ ๋ค์ด:
- "[Auto] Element Click" ์ด๋ฒคํธ ์ค $el_tag_name
์ด "button"์ด๊ณ $el_classes
์ "signup"์ด ํฌํจ๋ ๊ฒฝ์ฐ โ "Signup Button Click"์ผ๋ก ์ ์ด๋ฒคํธ ์์ฑ
- "[Auto] Element Click" ์ด๋ฒคํธ ์ค $el_attr__href
์ "pricing"์ด ํฌํจ๋ ๊ฒฝ์ฐ โ "Pricing Link Click"์ผ๋ก ์ ์ด๋ฒคํธ ์์ฑ
Custom Events ์์ฑ ๋ฐฉ๋ฒ
1. Insights, Funnels ๋๋ Retention ๋ณด๊ณ ์์์ Event ๋๋กญ๋ค์ด์ ํ์ฅํฉ๋๋ค. 2. ๊ฒ์ ์ฐฝ ์ค๋ฅธ์ชฝ์ ์๋ ํ๋ฌ์ค ๋ฒํผ์ ์ ํํฉ๋๋ค. 3. ํฌํจํ ์ด๋ฒคํธ์ ์์ฑ์ ์ ํํฉ๋๋ค. 4. ์ปค์คํ ์ด๋ฒคํธ์ ์ด๋ฆ์ ์ง์ ํ๊ณ "Save"๋ฅผ ํด๋ฆญํฉ๋๋ค.
Autocapture ์ด๋ฒคํธ์ ์์ฑ ํ์ฉ
Autocapture๋ ํด๋ฆญ ์ด๋ฒคํธ์ ๋ํด ๋ค์ํ ์์ฑ์ ์๋์ผ๋ก ์์งํฉ๋๋ค. ์ด๋ฌํ ์์ฑ์ ๊ธฐ์ค์ผ๋ก ์ด๋ฒคํธ๋ฅผ ๋ถ๊ธฐํ ์ ์์ต๋๋ค: Mixpanel Javascript SDK ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด, ๋ค์๊ณผ ๊ฐ์ ์์ฑ๋ค์ด ์์ง๋ฉ๋๋ค: - $elements
: ์ด๋ฒคํธ์ ๊ด๋ จ๋ ์์ ๋ชฉ๋ก
- $target
: ์ด๋ฒคํธ๋ฅผ ํธ๋ฆฌ๊ฑฐํ HTML ์์
- $el_attr__href
: ๋งํฌ์ href ์์ฑ
- $el_classes
: ๋์ ์์์ ์ฐ๊ฒฐ๋ CSS ํด๋์ค
- $el_tag_name
: ์ด๋ฒคํธ๋ฅผ ํธ๋ฆฌ๊ฑฐํ ์์์ ํ๊ทธ ์ด๋ฆ(์: button, a, div)
์์: ๋ฒํผ ํด๋ฆญ ์ด๋ฒคํธ ๋ถ๊ธฐํ๊ธฐ
์๋ฅผ ๋ค์ด, ๋ชจ๋ ๋ฒํผ ํด๋ฆญ์ ํ๋์ ์ด๋ฒคํธ๋ก ๊ทธ๋ฃนํํ๋ ค๋ฉด:
1. Custom Event ์์ฑ ํ๋ฉด์์ "[Auto] Element Click" ์ด๋ฒคํธ ์ ํ
2. $el_tag_name
์์ฑ์ด "button"์ธ ์กฐ๊ฑด ์ถ๊ฐ
3. ์ด ์ด๋ฒคํธ๋ฅผ "Button Click"์ผ๋ก ๋ช
๋ช
๋ ์ธ๋ถํํ๋ ค๋ฉด ๋ฒํผ์ ํด๋์ค๋ ๋ค๋ฅธ ์์ฑ์ ๊ธฐ์ค์ผ๋ก ์ถ๊ฐ ํํฐ๋งํ ์ ์์ต๋๋ค.
Custom Events ๊ด๋ฆฌ
์์ฑํ Custom Events๋ Lexicon์์ ๊ด๋ฆฌํ ์ ์์ต๋๋ค: > "Custom Events๋ฅผ ๋ณด๊ฑฐ๋ ํธ์งํ๊ฑฐ๋ ์ญ์ ํ๋ ค๋ฉด Lexicon์ผ๋ก ์ด๋ํ์ธ์. Lexicon์์ 'Custom Events' ํญ์ ํด๋ฆญํ์ธ์. ์ฌ๊ธฐ์ ํ๋ก์ ํธ์ ๋ชจ๋ Custom Events ๋ชฉ๋ก์ ๋ณผ ์ ์์ต๋๋ค."์ด๋ฌํ ๋ฐฉ๋ฒ์ ํตํด Autocapture๋ก ์์ง๋ ์ผ๋ฐ์ ์ธ ์ด๋ฒคํธ๋ฅผ ๋น์ฆ๋์ค ๋ก์ง์ ๋ง๊ฒ ์๋ฏธ ์๋ ์ด๋ฒคํธ๋ก ๋ณํํ๊ณ ๋ช ๋ช ํ ์ ์์ต๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
kapa.ai ๊ทธ๋ผ ๊ฐ์ฅ ์ ์์ ์ธ autotrack ( auto capture) ์ฌ์ฉ ๋ฐฉ๋ฒ์, ์ฐ์ ์๋์ผ๋ก ์ด๋ฒคํธ๋ค์ ์์งํ๊ณ , ์์ง๋ ์ด๋ฒคํธ๋ค์ ์์ฑ (element , target) ๊ณผ ๊ฐ์ ์์๋ค์ ๊ธฐ์ค์ผ๋ก ์ธ๋ถํ๋ custom events๋ฅผ ์ ์ํด์ ์ฌ์ฉํ๋ ๊ฒ์ผ๊ฒ ๊ฐ์๋ฐ ์ด๊ฒ ๋ง์๊น? ์๋๋ผ๋ฉด ์๊ฐํ๋ ๋ณด๋ค ์ ์์ ์ธ ์ฌ์ฉ๋ฐฉ๋ฒ , ์ ์ฉ๋ฐฉ๋ฒ์ ๋ํด์ ์๋ ค์ค
Let me check the knowledge base for you again. One moment! ๐
๋ค, ๋ง์ํ์ ์ ๊ทผ ๋ฐฉ์์ Mixpanel์ Autocapture๋ฅผ ํ์ฉํ๋ ์ ์์ ์ธ ๋ฐฉ๋ฒ ์ค ํ๋์ ๋๋ค. Mixpanel์ ๋ฌธ์์ ๋ธ๋ก๊ทธ ์๋ฃ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก Autocapture์ ์ ์์ ์ธ ์ฌ์ฉ ๋ฐฉ๋ฒ์ ์ค๋ช ํด ๋๋ฆฌ๊ฒ ์ต๋๋ค.
Autocapture์ ์ ์์ ์ธ ์ฌ์ฉ ๋ฐฉ๋ฒ
1. ๊ธฐ๋ณธ ๋ฐ์ดํฐ ์์ง์ผ๋ก ์์ํ๊ธฐ Autocapture๋ฅผ ํ์ฑํํ์ฌ ๊ธฐ๋ณธ์ ์ธ ์ฌ์ฉ์ ์ํธ์์ฉ ๋ฐ์ดํฐ(ํด๋ฆญ, ํ์ด์ง๋ทฐ, ํผ ์ ์ถ ๋ฑ)๋ฅผ ๋น ๋ฅด๊ฒ ์์งํฉ๋๋ค. ์ด๋ ๋ถ์์ ์ฆ์ ์์ํ ์ ์๊ฒ ํด์ค๋๋ค. Mixpanel ๋ธ๋ก๊ทธ์ ๋ฐ๋ฅด๋ฉด:
"Autocapture๋ ์ผ๋ฐ์ ์ผ๋ก ์ถ์ ๋๋ ์ฌ์ฉ์ ์ํธ์์ฉ์ ์ฑ์ด๋ ์น์ฌ์ดํธ์์ ์๋์ผ๋ก ์บก์ฒํฉ๋๋ค. ์ด๋ฅผ ํตํด ๊ธด ์ค์ ์๊ฐ ์์ด ์ฌ์ฉ์ ํ๋์ ๋ํ ์ธ์ฌ์ดํธ๋ฅผ ์ป์ ์ ์์ต๋๋ค."2. Custom Events๋ก ์ธ๋ถํํ๊ธฐ ์์ง๋ Autocapture ์ด๋ฒคํธ๋ฅผ ๋ถ์ํ์ฌ ์ค์ํ ์ฌ์ฉ์ ํ๋ ํจํด์ ์๋ณํ ํ, ์ด๋ฅผ Custom Events๋ก ์ ์ํ์ฌ ๋ ์๋ฏธ ์๋ ๋ถ์์ ์ํํฉ๋๋ค.3. Autocapture์ ์ ๋ฐ ์ถ์ ๋ณํํ๊ธฐ Mixpanel ๋ธ๋ก๊ทธ์์ ์ค๋ช ํ๋ฏ์ด: "Autocapture๋ ๊ธฐ๋ฐ์ผ๋ก ์ฌ์ฉํ๋ฉด์ ๋ค๋ฅธ ์ถ์ ๋ฐฉ๋ฒ์ ์ ์ง์ ์ผ๋ก ์ถ๊ฐํ ์ ์์ต๋๋ค. ์ด๋ ๊ฒ ํ๋ฉด ๋ชจ๋ ๊ฒ์ ๋ฏธ๋ฆฌ ์ ์ํ๊ณ ๊ตฌํํ ํ์๊ฐ ์์ต๋๋ค."
์ต์ ์ Autocapture ํ์ฉ ์ ๋ต
1. ๋จ๊ณ์ ์ ๊ทผ ๋ฐฉ์: - 1๋จ๊ณ: Autocapture๋ก ๊ธฐ๋ณธ ๋ฐ์ดํฐ ์์ง ์์ - 2๋จ๊ณ: ์์ง๋ ๋ฐ์ดํฐ ๋ถ์ ๋ฐ ์ค์ ์ด๋ฒคํธ ์๋ณ - 3๋จ๊ณ: Custom Events๋ก ์ค์ ์ด๋ฒคํธ ์ ์ - 4๋จ๊ณ: ํ์์ ๋ฐ๋ผ ์ ๋ฐ ์ถ์ ์ถ๊ฐ2. ๋ฐ์ดํฐ ํ์ง ๊ด๋ฆฌ: - Autocapture ์ค์ ์ ์กฐ์ ํ์ฌ ํ์ํ ๋ฐ์ดํฐ๋ง ์์ง (์: ํน์ ํ์ด์ง๋ ์์ ์ ์ธ) - Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด ๋ค์๊ณผ ๊ฐ์ ์ต์ ์ ์ค์ ํ ์ ์์ต๋๋ค:
autocapture: {
block_selectors: ['.private-info'],
allow_url_regexes: [/^\/public\//]
},
});
```LBKSLBKS3. **Lexicon์ ํตํ ๋ฐ์ดํฐ ๊ฑฐ๋ฒ๋์ค**:
- Custom Events์ ์์ฑ์ ๋ช
ํํ ์ค๋ช
์ถ๊ฐ
- ํ ์ ์ฒด๊ฐ ์ผ๊ด๋ ์ด๋ฒคํธ ์ด๋ฆ๊ณผ ์์ฑ์ ์ฌ์ฉํ๋๋ก ํ์ค ์ค์
์ค์ ๊ตฌํ ์์
1. ์ด๊ธฐ ์ค์ : Autocapture ํ์ฑํ
autocapture: true
});
```LBKSLBKS2. **๋ฐ์ดํฐ ๋ถ์**: ์์ง๋ "[Auto] Element Click" ์ด๋ฒคํธ ๋ถ์LBKS3. **Custom Events ์์ฑ**: ์ค์ํ ์ฌ์ฉ์ ํ๋์ ๋ํ Custom Events ์ ์
- ์: ํ์๊ฐ์
๋ฒํผ ํด๋ฆญ, ๊ฒฐ์ ํ์ด์ง ๋ฐฉ๋ฌธ, ์ ํ ์นดํ
๊ณ ๋ฆฌ ์ ํ ๋ฑLBKS4. **์ ๋ฐ ์ถ์ ์ถ๊ฐ**: ๋น์ฆ๋์ค์ ์ค์ํ ์ด๋ฒคํธ์ ๋ํด ์ถ๊ฐ ์์ฑ ์์ง
```LBKS mixpanel.track('Purchase Completed', {
'Product ID': '12345',
'Price': 99.99,
'Currency': 'USD'
});
```LBKSLBKS์ด ์ ๊ทผ ๋ฐฉ์์ ๋น ๋ฅด๊ฒ ์์ํ๋ฉด์๋ ์๊ฐ์ด ์ง๋จ์ ๋ฐ๋ผ ๋ ์ ๊ตํ ๋ถ์์ผ๋ก ๋ฐ์ ํ ์ ์๋ ๊ท ํ ์กํ ๋ฐฉ๋ฒ์
๋๋ค. Mixpanel์ ์ด๋ฌํ ํ์ด๋ธ๋ฆฌ๋ ์ ๊ทผ ๋ฐฉ์์ ๊ถ์ฅํ๋ฉฐ, ์ด๋ฅผ ํตํด ์ด๊ธฐ ๊ตฌํ์ ๋ถ๋ด์ ์ค์ด๋ฉด์๋ ํ์์ ๋ฐ๋ผ ๋ ์ธ๋ฐํ ๋ถ์์ ์ํํ ์ ์์ต๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
kapa.ai ๊ทผ๋ฐ ์ง๊ธ custom event ์ธํ ์ ํ๋ ค๊ณ ๋ณด๋ ์ฐ๋ฆฌ ์ ํ์์๋ Target , element ์ด๋ฐ ์์ฑ๋ค์ด ์ฃ๋ค ๋๋ ํ ๋์ด ์์ด์, ํน์ ์กฐ๊ฑด์ผ๋ก custom event ๋ก ์ค์ ํ๋ ๊ฒ์ด ์ฝ์ง ์์๋ฐ? ์ฐ๋ฆฌ ๊ฐ์ ์ผ์ด์ค๋ค์ ๋ณธ์ ์์ด? ์ด๋ฐ ๊ฒฝ์ฐ๋ ์ด๋ป๊ฒ ํด์ผ auto track์ ์ ์ฌ์ฉํ ์ ์์ด?
Let me check the knowledge base for you again. One moment! ๐
๋ค, ๋๋ ํ๋ ์์์ ์์ฑ์ Autocapture๋ฅผ ์ฌ์ฉํ ๋ ํํ ๋ฐ์ํ๋ ๋ฌธ์ ์ ๋๋ค. ์ด๋ฐ ๊ฒฝ์ฐ Mixpanel์์ ํจ๊ณผ์ ์ผ๋ก Autocapture๋ฅผ ํ์ฉํ๊ธฐ ์ํ ๋ช ๊ฐ์ง ๋ฐฉ๋ฒ์ด ์์ต๋๋ค.
๋๋ ํ๋ ์์์์ Autocapture ํ์ฉํ๊ธฐ
1. HTML ์์ฑ ์ถ๊ฐํ๊ธฐ Mixpanel์ "mp-track-" ์ ๋์ฌ๊ฐ ๋ถ์ ์์ฑ์ ํน๋ณํ ์ธ์ํฉ๋๋ค. ์ด ์ ๋์ฌ๋ฅผ ์ฌ์ฉํ์ฌ ๋๋ ํ๋ ์์์ ์๋ฏธ ์๋ ์๋ณ์๋ฅผ ์ถ๊ฐํ ์ ์์ต๋๋ค. Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด:
"์์์ 'mp-track-' ์ ๋์ฌ๊ฐ ์๋ ๋ช ์์ ์์ฑ์ด ์ถ๊ฐ๋ ๊ฒฝ์ฐ, ์ด ์์ฑ์ ๋ฐ์ดํฐ๋ ์๋์ ์ผ๋ก Mixpanel์ ์ ๋ฌ๋ฉ๋๋ค." ์๋ฅผ ๋ค์ด:
html
<button class="x1y2z3" mp-track-name="signup-button"> ๊ฐ์
ํ๊ธฐ</button>
```LBKSLBKS2. **CSS ํด๋์ค ํ์ฉํ๊ธฐ**LBKS ๋๋
ํ๋ ํด๋์ค ์ธ์๋ ๋ถ์์ฉ ํด๋์ค๋ฅผ ์ถ๊ฐํ ์ ์์ต๋๋ค:
html <button class="x1y2z3 mp-signup-button"> ๊ฐ์ ํ๊ธฐ</button>
``` ๊ทธ๋ฐ ๋ค์ Custom Event์์ $el_classes
์์ฑ์ 'mp-signup-button'์ด ํฌํจ๋ ํด๋ฆญ์ ํํฐ๋งํ ์ ์์ต๋๋ค.3. ์ ๋ฐ ์ถ์ ๊ณผ ๋ณํํ๊ธฐ Mixpanel ๋ธ๋ก๊ทธ์์ ์ค๋ช
ํ๋ฏ์ด:
"๋๋ถ๋ถ์ ํ์๊ฒ Autocapture๋ ํ๋ฅญํ ์์์ ์ด๋ฉฐ, ์๊ฐ์ด ์ง๋จ์ ๋ฐ๋ผ ๋น์ฆ๋์ค ์๊ตฌ๊ฐ ๋ฐ์ ํจ์ ๋ฐ๋ผ ๋ ๋ง์ ์ ๋ฐ ์ถ์ ์ฝ๋๋ฅผ ์ถ๊ฐํ ์ ์๋ ์ ์ฐ์ฑ์ ์ ๊ณตํฉ๋๋ค." ์ค์ํ ์ฌ์ฉ์ ์ํธ์์ฉ์ ๋ํด์๋ ์ ๋ฐ ์ถ์ ์ ๊ตฌํํ๋ ๊ฒ์ด ์ข์ต๋๋ค:
mixpanel.track('Signup Button Clicked');
});
```LBKSLBKS4. **ํ
์คํธ ์ฝํ
์ธ ์บก์ฒ ํ์ฑํํ๊ธฐ**LBKS ๋๋
ํ๋ ์์๋ฅผ ๊ตฌ๋ถํ๊ธฐ ์ด๋ ต๋ค๋ฉด, ํ
์คํธ ์ฝํ
์ธ ์บก์ฒ๋ฅผ ํ์ฑํํ์ฌ ๋ฒํผ์ด๋ ๋งํฌ์ ํ
์คํธ๋ฅผ ๊ธฐ์ค์ผ๋ก ์ด๋ฒคํธ๋ฅผ ๊ตฌ๋ถํ ์ ์์ต๋๋ค: LBKS
```LBKS mixpanel.init('YOUR_PROJECT_TOKEN', {
autocapture: {
capture_text_content: true
}
});
```LBKSLBKS [Mixpanel Javascript SDK ๋ฌธ์](https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript#autocapture)์ ๋ฐ๋ฅด๋ฉด ์ด ์ต์
์ ๊ธฐ๋ณธ์ ์ผ๋ก ๋นํ์ฑํ๋์ด ์์ง๋ง, ํ์ํ ๊ฒฝ์ฐ ํ์ฑํํ ์ ์์ต๋๋ค.LBKS5. **์ฌ์ฉ์ ์ ์ ์ฝ๋ฐฑ ํจ์ ์ฌ์ฉํ๊ธฐ**LBKS `allow_element_callback` ๋๋ `block_element_callback` ์ต์
์ ์ฌ์ฉํ์ฌ ์ด๋ค ์์๋ฅผ ์ถ์ ํ ์ง ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ผ๋ก ๊ฒฐ์ ํ ์ ์์ต๋๋ค: LBKS
```LBKS mixpanel.init('YOUR_PROJECT_TOKEN', {
autocapture: {
allow_element_callback: function(element, event) {
// ์์์ ์์น๋ ๋ค๋ฅธ ํน์ฑ์ ๊ธฐ๋ฐ์ผ๋ก ๊ฒฐ์
return true; // ์ด ์์ ์ถ์
}
}
});
```LBKSLBKS๋๋
ํ๋ ํ๊ฒฝ์์๋ Autocapture๋ง์ผ๋ก๋ ํ๊ณ๊ฐ ์์ ์ ์์ต๋๋ค. ์ด๋ฐ ๊ฒฝ์ฐ Autocapture์ ์ ๋ฐ ์ถ์ ์ ํจ๊ป ์ฌ์ฉํ๋ ํ์ด๋ธ๋ฆฌ๋ ์ ๊ทผ ๋ฐฉ์์ด ๊ฐ์ฅ ํจ๊ณผ์ ์
๋๋ค. ์ค์ํ ์ฌ์ฉ์ ์ํธ์์ฉ์ ๋ํด์๋ ์ ๋ฐ ์ถ์ ์ ๊ตฌํํ๊ณ , ๋๋จธ์ง๋ Autocapture๋ก ์์งํ๋ ๋ฐฉ์์ผ๋ก ๊ท ํ์ ๋ง์ถ ์ ์์ต๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! ๐
์ข์ ์ง๋ฌธ์
๋๋ค. $mp_session_record
(Session Recording Checkpoint) ์ด๋ฒคํธ๋ Mixpanel์ ๊ณผ๊ธ ์ง๊ณ์ ํฌํจ๋์ง ์์ต๋๋ค.Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด: > "Session Recording Checkpoint ์ด๋ฒคํธ๋ ์ด๋ฒคํธ ํ๋์์ ๊ณผ๊ธ๋๋ ์ด๋ฒคํธ๋ก ๊ณ์ฐ๋์ง ์์ต๋๋ค."Mixpanel SDKs: Javascript์์ ์ด๋ฅผ ๋ช
ํํ ์ธ๊ธํ๊ณ ์์ต๋๋ค.๋ํ, Mixpanel์ ์ด๋ฒคํธ ๊ธฐ๋ฐ ๊ณผ๊ธ ์ ์ฑ
์ ๋ํ ๋ฌธ์์์๋ ํน์ ์ด๋ฒคํธ๋ค์ ์๊ฐ ์ด๋ฒคํธ ๊ณ์ฐ์์ ์ ์ธ๋๋ค๊ณ ์ค๋ช
ํ๊ณ ์์ผ๋ฉฐ, ๊ทธ ์ค์๋ $mp_session_record
๋ ํฌํจ๋์ด ์์ต๋๋ค: > "Identify ($identify
), Create Alias ($create_alias
), Merge ($merge
), Opt In ($opt_in
), Session Recording Checkpoint ($mp_session_record
), User profile creation/updates์ ๊ฐ์ ํน์ ์ด๋ฒคํธ์ API ์
๋ฐ์ดํธ๋ ์๊ฐ ์ด๋ฒคํธ ๊ณ์ฐ์์ ์ ์ธ๋ฉ๋๋ค."Mixpanel ๊ณผ๊ธ ๋ฌธ์์์ ์ด ์ ๋ณด๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.๋ฐ๋ผ์ Session Recording Checkpoint ์ด๋ฒคํธ๊ฐ ๋ง์ด ๋ฐ์ํ๋๋ผ๋ Mixpanel ์ด๋ฒคํธ ๊ณผ๊ธ์๋ ์ํฅ์ ์ฃผ์ง ์์ผ๋ ์์ฌํ์
๋ ๋ฉ๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! ๐
์ํ๊น๊ฒ๋ $mp_session_record
(Session Recording Checkpoint) ์ด๋ฒคํธ๋ฅผ ํํฐ๋งํ๊ฑฐ๋ ์ฐจ๋จํ๋ ๊ฒ์ Session Replay ๊ธฐ๋ฅ์ ์ํฅ์ ์ค ์ ์์ต๋๋ค.์ด ์ด๋ฒคํธ๋ Session Replay ๊ธฐ๋ฅ์ด ์ ๋๋ก ์๋ํ๊ธฐ ์ํ ํ์ ์ด๋ฒคํธ์
๋๋ค. Mixpanel์ Javascript SDK ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด: > "Session Recording Checkpoint ์ด๋ฒคํธ๋ฅผ ํ๋ก์ ํธ์์ ๊ฒ์ํ์ธ์. Mixpanel ์ธ์
๋ฆฌํ๋ ์ด๋ฅผ ์บก์ฒํ ๋ SDK๋ ์๋์ผ๋ก ์ด ๊ธฐ๋ณธ ์ด๋ฒคํธ๋ฅผ ๋ฐ์์ํต๋๋ค. ์ฌ๋ฐ๋ฅด๊ฒ ๊ตฌํํ๋ค๋ฉด ์ด๋ฌํ ์ด๋ฒคํธ๊ฐ ๋ํ๋์ผ ํฉ๋๋ค."Mixpanel SDKs: Javascript์์ ์ด ์ ๋ณด๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.์ด ์ด๋ฒคํธ๋ ๊ณผ๊ธ๋์ง ์๊ธฐ ๋๋ฌธ์ ํํฐ๋งํ ํ์๊ฐ ์์ต๋๋ค. ๋ง์ฝ UI์์ ์ด ์ด๋ฒคํธ๊ฐ ๋ณด์ด๋ ๊ฒ์ด ๋ถํธํ์๋ค๋ฉด, Lexicon์ ์ฌ์ฉํ์ฌ ์ด๋ฒคํธ๋ฅผ ์จ๊ธฐ๋ ๋ฐฉ๋ฒ์ ๊ณ ๋ คํด๋ณด์ธ์: 1. Lexicon์์ ์ด๋ฒคํธ ์จ๊ธฐ๊ธฐ:
Lexicon์์ $mp_session_record
์ด๋ฒคํธ๋ฅผ ์ ํํ๊ณ "Hide" ์ต์
์ ์ฌ์ฉํ๋ฉด UI์์ ์ด๋ฒคํธ๋ฅผ ์จ๊ธธ ์ ์์ต๋๋ค. ์ด๋ ๋ฐ์ดํฐ ์์ง์๋ ์ํฅ์ ์ฃผ์ง ์๊ณ UI์์๋ง ์จ๊น๋๋ค.Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด:
"์จ๊ฒจ์ง ์ํฐํฐ๋ ์ฟผ๋ฆฌ ๋น๋์ ์ด๋ฒคํธ/์์ฑ ๋ฉ๋ด์ ์ธ๋ฑ์ฑ๋์ง ์์ต๋๋ค. ์จ๊ฒจ์ง ๋ฐ์ดํฐ๋ ์ฌ์ ํ ์์ง๋๋ฉฐ ๋ฐ์ดํฐ ํ์ฉ๋์ ํฌํจ๋ฉ๋๋ค."์ด ๋ฐฉ๋ฒ์ ์ฌ์ฉํ๋ฉด ์ด๋ฒคํธ๋ ๊ณ์ ์์ง๋์ง๋ง UI์์๋ ๋ณด์ด์ง ์๊ฒ ๋ฉ๋๋ค. ์ด๋ Session Replay ๊ธฐ๋ฅ์ ์ ์งํ๋ฉด์ UI๋ฅผ ๊น๋ํ๊ฒ ์ ์งํ๋ ์ข์ ๋ฐฉ๋ฒ์ ๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! ๐
๋ค, Session Recording Checkpoint ์ด๋ฒคํธ($mp_session_record
)๊ฐ ๋์ผํ ์ ์ ์ ๋ํด ๊ฐ์ ์๊ฐ์ ์ฌ๋ฌ ๊ฐ ๋ฐ์ํ๋ ๊ฒ์ ์ ์์ ์ธ ํ์์
๋๋ค. ์ด๋ Mixpanel์ Session Replay ๊ธฐ๋ฅ์ด ์๋ํ๋ ๋ฐฉ์ ๋๋ฌธ์
๋๋ค.
์ ๋ง์ Checkpoint ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ๋๊ฐ?
Mixpanel์ Session Replay๋ ์ค์ ๋น๋์ค ๋
นํ๊ฐ ์๋ DOM(Document Object Model) ๋ณํ๋ฅผ ์บก์ฒํ๋ ๋ฐฉ์์ผ๋ก ์๋ํฉ๋๋ค. Mixpanel ๋ธ๋ก๊ทธ์ ๋ฐ๋ฅด๋ฉด: > "Session replay๋ ์ค์ ๋ก ํ๋ฉด์ ๋
นํํ๋ ๊ฒ์ด ์๋๋ผ, ์ฑ์ ๊ตฌ์ฑํ๋ ์ฝ๋(DOM)์ ๋ณ๊ฒฝ์ฌํญ์ ์ฌ๊ตฌ์ฑํ๋ ๋ฐฉ์์ผ๋ก ์๋ํฉ๋๋ค."์ด ๊ณผ์ ์์: 1. ์ฌ์ฉ์๊ฐ ํ์ด์ง์ ์ํธ์์ฉํ ๋๋ง๋ค DOM ๋ณ๊ฒฝ์ฌํญ์ด ๋ฐ์ํฉ๋๋ค.
2. ๊ฐ ๋ณ๊ฒฝ์ฌํญ๋ง๋ค $mp_session_record
์ด๋ฒคํธ๊ฐ ์์ฑ๋ฉ๋๋ค.
3. ์ฌ์ฉ์๊ฐ ํ๋ฐํ๊ฒ ํ์ด์ง๋ฅผ ์ฌ์ฉํ ์๋ก ๋ ๋ง์ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํฉ๋๋ค.ํนํ ์คํฌ๋กค, ๋ง์ฐ์ค ์ด๋, ์
๋ ฅ ๋ฑ์ ์ํธ์์ฉ์ด ๋ง์ ๊ฒฝ์ฐ ์งง์ ์๊ฐ ๋ด์ ๋ง์ Checkpoint ์ด๋ฒคํธ๊ฐ ์์ฑ๋ ์ ์์ต๋๋ค.
์ด๊ฒ์ด ๋ฌธ์ ๊ฐ ๋๋์?
๋คํํ๋ ์ด ์ด๋ฒคํธ๋ค์ ๊ณผ๊ธ ๋์์ด ์๋๋๋ค. Mixpanel ๋ฌธ์์์ ํ์ธํ ์ ์๋ฏ์ด: > "Session Recording Checkpoint ์ด๋ฒคํธ๋ ์ด๋ฒคํธ ํ๋์์ ๊ณผ๊ธ๋๋ ์ด๋ฒคํธ๋ก ๊ณ์ฐ๋์ง ์์ต๋๋ค."๋ฐ๋ผ์ ์ด๋ฒคํธ ์๊ฐ ๋ง๋๋ผ๋ ๋น์ฉ ์ธก๋ฉด์์๋ ๊ฑฑ์ ํ์ง ์์ผ์ ๋ ๋ฉ๋๋ค.
ํด๊ฒฐ ๋ฐฉ๋ฒ
๋ง์ฝ ์ด ์ด๋ฒคํธ๋ค์ด UI๋ฅผ ๋ณต์กํ๊ฒ ๋ง๋ ๋ค๋ฉด: 1. Lexicon์์ ์จ๊ธฐ๊ธฐ: ์ด์ ์ ์ธ๊ธํ๋ฏ์ด Lexicon์์ ์ด ์ด๋ฒคํธ๋ฅผ ์จ๊ธธ ์ ์์ต๋๋ค.2. ์ํ๋ง ๋น์จ ์กฐ์ : Session Replay์ ์ํ๋ง ๋น์จ์ ๋ฎ์ถ๋ฉด ์ด๋ฒคํธ ์๋ฅผ ์ค์ผ ์ ์์ต๋๋ค.
session_recording: {
sampling_rate: 0.1 // 10%์ ์ธ์
๋ง ๊ธฐ๋ก
}
});
```LBKSLBKS3. **ํน์ ํ์ด์ง์์๋ง ํ์ฑํ**: ๋ชจ๋ ํ์ด์ง๊ฐ ์๋ ์ค์ํ ํ์ด์ง์์๋ง Session Replay๋ฅผ ํ์ฑํํ ์ ์์ต๋๋ค.LBKS์ด๋ฌํ ๋ฐฉ๋ฒ๋ค์ ํตํด Session Recording Checkpoint ์ด๋ฒคํธ์ ์๋ฅผ ๊ด๋ฆฌํ๋ฉด์๋ Session Replay ๊ธฐ๋ฅ์ ์ด์ ์ ๊ณ์ ํ์ฉํ ์ ์์ต๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
4. ํ ์คํธ ์ฝํ ์ธ ์บก์ฒ ํ์ฑํํ๊ธฐ ๋๋ ํ๋ ์์๋ฅผ ๊ตฌ๋ถํ๊ธฐ ์ด๋ ต๋ค๋ฉด, ํ ์คํธ ์ฝํ ์ธ ์บก์ฒ๋ฅผ ํ์ฑํํ์ฌ ๋ฒํผ์ด๋ ๋งํฌ์ ํ ์คํธ๋ฅผ ๊ธฐ์ค์ผ๋ก ์ด๋ฒคํธ๋ฅผ ๊ตฌ๋ถํ ์ ์์ต๋๋ค:
mixpanel.init('YOUR_PROJECT_TOKEN', {
autocapture: {
capture_text_content: true
}
});
Mixpanel Javascript SDK ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด ์ด ์ต์ ์ ๊ธฐ๋ณธ์ ์ผ๋ก ๋นํ์ฑํ๋์ด ์์ง๋ง, ํ์ํ ๊ฒฝ์ฐ ํ์ฑํํ ์ ์์ต๋๋ค. ์ด ๋ฐฉ๋ฒ์ ์ฌ์ฉํ๋๋ฐ, ์ฌ์ ํ ๋๋ ํ๋ ์ปจํ ์ธ ๋ง ๋ณด์ด๋๋ฐ, ํน ์ ๋ฐฉ๋ฒ์ ํตํด์ ์๋ณ๊ฐ๋ฅํ ํ ์คํธ ๋ฐ์ดํฐ๊ฐ ๋ค์ด์จ๋ค๋ฉด ์ด๋ ์์ฑ์ ๋ฐ์ดํฐ๋ฅผ ์ดํด๋ณด๋ฉด ๋ค์ด์๋์ง ์ฌ๋ถ๋ฅผ ์ ์ ์์๊น?
kapa.ai 4. ํ ์คํธ ์ฝํ ์ธ ์บก์ฒ ํ์ฑํํ๊ธฐ ๋๋ ํ๋ ์์๋ฅผ ๊ตฌ๋ถํ๊ธฐ ์ด๋ ต๋ค๋ฉด, ํ ์คํธ ์ฝํ ์ธ ์บก์ฒ๋ฅผ ํ์ฑํํ์ฌ ๋ฒํผ์ด๋ ๋งํฌ์ ํ ์คํธ๋ฅผ ๊ธฐ์ค์ผ๋ก ์ด๋ฒคํธ๋ฅผ ๊ตฌ๋ถํ ์ ์์ต๋๋ค:
mixpanel.init('YOUR_PROJECT_TOKEN', {
autocapture: {
capture_text_content: true
}
});
Mixpanel Javascript SDK ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด ์ด ์ต์ ์ ๊ธฐ๋ณธ์ ์ผ๋ก ๋นํ์ฑํ๋์ด ์์ง๋ง, ํ์ํ ๊ฒฝ์ฐ ํ์ฑํํ ์ ์์ต๋๋ค. ์ด ๋ฐฉ๋ฒ์ ์ฌ์ฉํ๋๋ฐ, ์ฌ์ ํ ๋๋ ํ๋ ์ปจํ ์ธ ๋ง ๋ณด์ด๋๋ฐ, ํน ์ ๋ฐฉ๋ฒ์ ํตํด์ ์๋ณ๊ฐ๋ฅํ ํ ์คํธ ๋ฐ์ดํฐ๊ฐ ๋ค์ด์จ๋ค๋ฉด ์ด๋ ์์ฑ์ ๋ฐ์ดํฐ๋ฅผ ์ดํด๋ณด๋ฉด ๋ค์ด์๋์ง ์ฌ๋ถ๋ฅผ ์ ์ ์์๊น?
Let me check the knowledge base for you again. One moment! ๐
capture_text_content: true
์ต์
์ ํ์ฑํํ์ ๋ ํ
์คํธ ์ฝํ
์ธ ๋ ์ฃผ๋ก $el_text
์์ฑ์ ์ ์ฅ๋ฉ๋๋ค. ํ์ง๋ง ์ด ๋ฐ์ดํฐ๊ฐ ๋ณด์ด์ง ์๋๋ค๋ฉด ๋ช ๊ฐ์ง ํ์ธํด๋ณผ ์ฌํญ์ด ์์ต๋๋ค.
ํ ์คํธ ์ฝํ ์ธ ๋ฅผ ํ์ธํ ์ ์๋ ์์ฑ๋ค
Mixpanel์ Autocapture์์ ํ ์คํธ ์ฝํ ์ธ ๋ฅผ ํ์ธํ ์ ์๋ ์ฃผ์ ์์ฑ๋ค์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค: 1. $el_text: ์์์ ํ ์คํธ ์ฝํ ์ธ ๋ฅผ ์ ์ฅํ๋ ์ฃผ์ ์์ฑ์ ๋๋ค. 2. $elements: ์ด๋ฒคํธ์ ๊ด๋ จ๋ ์์ ๋ชฉ๋ก์ผ๋ก, ๊ฐ ์์์ ๋ํ ์์ธ ์ ๋ณด๋ฅผ ํฌํจํฉ๋๋ค. 3. $el_value: ์ ๋ ฅ ์์์ ๊ฒฝ์ฐ ๊ฐ์ด ์ ์ฅ๋ ์ ์์ต๋๋ค.
๋ฌธ์ ํด๊ฒฐ ๋ฐฉ๋ฒ
ํ
์คํธ ์ฝํ
์ธ ๊ฐ ๋ณด์ด์ง ์๋ ๊ฒฝ์ฐ ๋ค์ ์ฌํญ์ ํ์ธํด๋ณด์ธ์: 1. SDK ๋ฒ์ ํ์ธ: ์ต์ ๋ฒ์ ์ Mixpanel JavaScript SDK๋ฅผ ์ฌ์ฉํ๊ณ ์๋์ง ํ์ธํ์ธ์.2. ์ด๋ฒคํธ ์ธ๋ถ ์ ๋ณด ํ์ธ: Events ํ์ด์ง์์ ์ด๋ฒคํธ๋ฅผ ํ์ฅํ๊ณ "JSON mode"๋ฅผ ํ์ฑํํ์ฌ ๋ชจ๋ ์์ฑ์ ํ์ธํ์ธ์. ํ
์คํธ ์ฝํ
์ธ ๊ฐ ๋ค๋ฅธ ์์ฑ์ ์ ์ฅ๋์ด ์์ ์ ์์ต๋๋ค.3. ๊ฐ์ธ์ ๋ณด ๋ณดํธ ์ค์ ํ์ธ: Mixpanel์ ๊ฐ์ธ์ ๋ณด ๋ณดํธ๋ฅผ ์ํด ํน์ ์์์ ํ
์คํธ๋ฅผ ์บก์ฒํ์ง ์์ ์ ์์ต๋๋ค. Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด ๋ฏผ๊ฐํ ์ ๋ณด๋ ๊ธฐ๋ณธ์ ์ผ๋ก ์ ์ธ๋ฉ๋๋ค.4. ์ง์ ์์ฑ ์ถ๊ฐ ์๋: ๋๋
ํ๋ ์์์ ์ง์ mp-track-
์ ๋์ฌ๊ฐ ์๋ ์์ฑ์ ์ถ๊ฐํด๋ณด์ธ์:
html
<button class="x1y2z3" mp-track-name="signup-button" mp-track-text="๊ฐ์
ํ๊ธฐ"> ๊ฐ์
ํ๊ธฐ</button>
```LBKSLBKS5. **๋๋ฒ๊น
๋ชจ๋ ํ์ฑํ**: Mixpanel์ ๋๋ฒ๊น
๋ชจ๋๋ฅผ ํ์ฑํํ์ฌ ๋ ๋ง์ ์ ๋ณด๋ฅผ ํ์ธํ ์ ์์ต๋๋ค:
```LBKS mixpanel.init('YOUR_PROJECT_TOKEN', {
debug: true,
autocapture: {
capture_text_content: true
}
});
```LBKSLBKSํ
์คํธ ์ฝํ
์ธ ๊ฐ ์ฌ์ ํ ๋ณด์ด์ง ์๋๋ค๋ฉด, ํด๋น ์์๊ฐ ๋์ ์ผ๋ก ์์ฑ๋๊ฑฐ๋ Shadow DOM ๋ด๋ถ์ ์๋ ๊ฒฝ์ฐ์ผ ์ ์์ต๋๋ค. ์ด๋ฐ ๊ฒฝ์ฐ์๋ ์ ๋ฐ ์ถ์ ์ ํตํด ์ง์ ํ
์คํธ ์ฝํ
์ธ ๋ฅผ ์ด๋ฒคํธ ์์ฑ์ผ๋ก ์ถ๊ฐํ๋ ๊ฒ์ด ๋ ํ์คํ ๋ฐฉ๋ฒ์ผ ์ ์์ต๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! ๐
์๋์, Custom Event๋ ๊ธฐ์กด ์ด๋ฒคํธ๋ฅผ ๋์ฒดํ๊ฑฐ๋ ์๋ ์ด๋ฒคํธ๊ฐ ๋ค์ด์ค๋ ๊ฒ์ ๋ง์ง ์์ต๋๋ค. Custom Event๋ ๊ธฐ์กด ์ด๋ฒคํธ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ๋ "๊ฐ์ ์ด๋ฒคํธ"์ ๋๋ค.Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด: > "Custom Event๋ ํ๋ ์ด์์ ์ด๋ฒคํธ์์ ์์ฑ๋ ๊ฐ์ ์ด๋ฒคํธ๋ก, ํน์ ์์ฑ ์งํฉ์ผ๋ก ํํฐ๋งํ์ฌ ์ด๋ฆ์ ๋ถ์ฌํ ์ ์์ต๋๋ค."์ฆ, Custom Event๋ฅผ ๋ง๋ค์ด๋: 1. ์๋์ "[Auto] Element Click" ์ด๋ฒคํธ๋ ๊ณ์ ์์ง๋ฉ๋๋ค 2. ๋์์ ์ ์ํ ์กฐ๊ฑด์ ๋ง๋ ๊ฒฝ์ฐ Custom Event๋ ํจ๊ป ์์ฑ๋ฉ๋๋ค์ด๋ ์๋ณธ ๋ฐ์ดํฐ๋ฅผ ์ ์งํ๋ฉด์ ๋ถ์ ๋ชฉ์ ์ผ๋ก ์ถ๊ฐ์ ์ธ ์ด๋ฒคํธ๋ฅผ ์์ฑํ๋ ๋ฐฉ์์ ๋๋ค. ์๋ณธ ์ด๋ฒคํธ ์์ฒด๋ฅผ ๋ณ๊ฒฝํ๊ฑฐ๋ ์ฐจ๋จํ๋ ๊ฒ์ ๋ถ๊ฐ๋ฅํฉ๋๋ค.๋ง์ฝ "[Auto] Element Click" ์ด๋ฒคํธ๊ฐ ์๋ ๋ค๋ฅธ ์ด๋ฆ์ผ๋ก๋ง ์ด๋ฒคํธ๋ฅผ ์์งํ๊ณ ์ถ๋ค๋ฉด, Autocapture๋ฅผ ๋นํ์ฑํํ๊ณ ์ ๋ฐ ์ถ์ (Precision Tracking)์ ์ฌ์ฉํ์ฌ ์ง์ ์ํ๋ ์ด๋ฆ์ ์ด๋ฒคํธ๋ฅผ ์ ์ํ๋ ๋ฐฉ๋ฒ์ ๊ณ ๋ คํด๋ณผ ์ ์์ต๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! ๐
๋ค, Custom Event๋ ์ด๋ฒคํธ ์์ง ๋น์ฉ ๊ณผ๊ธ์ ํฌํจ๋ฉ๋๋ค. Mixpanel์ ๊ณผ๊ธ ์ ์ฑ ์ ๋ฐ๋ฅด๋ฉด, Custom Event๋ ์๋ณธ ์ด๋ฒคํธ์ ๋ณ๋๋ก ๊ณ์ฐ๋๋ ์ถ๊ฐ ์ด๋ฒคํธ๋ก ๊ฐ์ฃผ๋ฉ๋๋ค.Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด, Mixpanel์ ์์ง๋ ์ด๋ฒคํธ ์๋ฅผ ๊ธฐ์ค์ผ๋ก ๊ณผ๊ธํฉ๋๋ค. Custom Event๋ ๊ธฐ์กด ์ด๋ฒคํธ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์์ฑ๋ ๊ฐ์ ์ด๋ฒคํธ์ด์ง๋ง, ์์คํ ๋ด์์๋ ๋ณ๋์ ์ด๋ฒคํธ๋ก ์ฒ๋ฆฌ๋์ด ๊ณผ๊ธ ๋์์ ํฌํจ๋ฉ๋๋ค.์๋ฅผ ๋ค์ด: 1. "[Auto] Element Click" ์ด๋ฒคํธ๊ฐ 100๋ฒ ๋ฐ์ 2. ์ด ์ค ํน์ ์กฐ๊ฑด์ ๋ง๋ ํด๋ฆญ์ "Signup Button Click"์ด๋ผ๋ Custom Event๋ก ์ ์ํ๊ณ , ์ด ์กฐ๊ฑด์ ๋ง๋ ํด๋ฆญ์ด 20๋ฒ ๋ฐ์์ด ๊ฒฝ์ฐ ์ด 120๊ฐ์ ์ด๋ฒคํธ(์๋ณธ 100๊ฐ + Custom Event 20๊ฐ)๊ฐ ๊ณผ๊ธ ๋์์ด ๋ฉ๋๋ค.๋ฐ๋ผ์ Custom Event๋ฅผ ๋ง์ด ๋ง๋ค์๋ก ์ด๋ฒคํธ ์๊ฐ ์ฆ๊ฐํ์ฌ ๊ณผ๊ธ์ก์ด ๋์ด๋ ์ ์์ต๋๋ค. ๋น์ฉ ๊ด๋ฆฌ๋ฅผ ์ํด์๋ ์ ๋ง ํ์ํ Custom Event๋ง ์์ฑํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! ๐
์ฃ์กํฉ๋๋ค. ์ ๊ฐ ์ด์ ๋ต๋ณ์์ Custom Event์ ๊ณผ๊ธ ์ ์ฑ
์ ๋ํด ๋ช
ํํ ์ ๋ณด๋ฅผ ์ ๊ณตํ์ง ๋ชปํ์ต๋๋ค. ์ ๊ณต๋ ์ง์ ์์ค๋ฅผ ๋ค์ ๊ฒํ ํด๋ณด๋, Custom Event์ ๊ณผ๊ธ ์ฌ๋ถ์ ๋ํ ๋ช
์์ ์ธ ์ ๋ณด๊ฐ ํฌํจ๋์ด ์์ง ์์ต๋๋ค.์ง์ ์์ค์์๋ ๋ค์๊ณผ ๊ฐ์ ์ด๋ฒคํธ๋ค์ด ๊ณผ๊ธ์์ ์ ์ธ๋๋ค๊ณ ๋ช
์ํ๊ณ ์์ต๋๋ค:
- Identify ($identify
)
- Create Alias ($create_alias
)
- Merge ($merge
)
- Opt In ($opt_in
)
- Session Recording Checkpoint ($mp_session_record
)
- User profile creation/updates๊ทธ๋ฌ๋ Custom Event๊ฐ ๊ณผ๊ธ ๋์์ธ์ง ์๋์ง์ ๋ํ ๋ช
ํํ ์ธ๊ธ์ ์์ต๋๋ค.์ ํํ ์ ๋ณด๋ฅผ ์ป๊ธฐ ์ํด์๋ Mixpanel ์ง์ํ์ ์ง์ ๋ฌธ์ํ๊ฑฐ๋ ๊ณต์ ๋ฌธ์์ ์ต์ ๋ฒ์ ์ ํ์ธํ๋ ๊ฒ์ด ์ข๊ฒ ์ต๋๋ค. ์ ๊ณต๋ ์ง์ ์์ค๋ง์ผ๋ก๋ Custom Event์ ๊ณผ๊ธ ์ฌ๋ถ์ ๋ํด ํ์คํ ๋ต๋ณ์ ๋๋ฆด ์ ์์ด ์ฃ์กํฉ๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! ๐
๋ค, Autocapture์์ ๋๋ถ๋ถ์ ์ด๋ฒคํธ๊ฐ "[Auto] Element Click"์ผ๋ก ๋ค์ด์ ์ ์๋ฏธํ ๋ถ์์ด ์ด๋ ค์ด ์ํฉ์ ํํ ๋ฐ์ํ๋ ๋ฌธ์ ์ ๋๋ค. ์ด๋ฅผ ๊ฐ์ ํ๊ธฐ ์ํ ๋ช ๊ฐ์ง ๋ฐฉ๋ฒ์ ์๋ ค๋๋ฆฌ๊ฒ ์ต๋๋ค.
Autocapture ๊ธฐ๋ฐ ํธ๋ํน ์์คํ ๊ฐ์ ๋ฐฉ๋ฒ
1. ์ ๋ฐ ์ถ์ (Precision Tracking) ์ถ๊ฐํ๊ธฐ
Autocapture์ ์ ๋ฐ ์ถ์ ์ ํจ๊ป ์ฌ์ฉํ๋ ๊ฒ์ด ๊ฐ์ฅ ํจ๊ณผ์ ์ธ ๋ฐฉ๋ฒ์ ๋๋ค.Mixpanel ๋ธ๋ก๊ทธ์ ๋ฐ๋ฅด๋ฉด:
"Autocapture๋ ๊ธฐ๋ฐ์ผ๋ก ์ฌ์ฉํ๋ฉด์ ๋ค๋ฅธ ์ถ์ ๋ฐฉ๋ฒ์ ์ ์ง์ ์ผ๋ก ์ถ๊ฐํ ์ ์์ต๋๋ค. ์ด๋ ๊ฒ ํ๋ฉด ๋ชจ๋ ๊ฒ์ ๋ฏธ๋ฆฌ ์ ์ํ๊ณ ๊ตฌํํ ํ์๊ฐ ์์ต๋๋ค."์ค์ํ ์ฌ์ฉ์ ์ํธ์์ฉ์ ๋ํด์๋ ์ ๋ฐ ์ถ์ ์ ๊ตฌํํ์ธ์: LBKSdocument.querySelector('.signup-button').addEventListener('click', function() { mixpanel.track('Signup Button Clicked'); });LBKS
2. HTML ์์์ ์๋ณ์ ์ถ๊ฐํ๊ธฐ
๋๋
ํ๋ ์์๊ฐ ์๋๋ผ๋ Mixpanel์ด ์ธ์ํ ์ ์๋ ์์ฑ์ ์ถ๊ฐํ ์ ์์ต๋๋ค: html <button class="x1y2z3" mp-track-name="signup-button"> ๊ฐ์
ํ๊ธฐ</button> LBKS
์ด๋ ๊ฒ ํ๋ฉด Autocapture ์ด๋ฒคํธ์ mp-track-name
์์ฑ์ด ํฌํจ๋์ด ์ด๋ฒคํธ๋ฅผ ๋ ์ฝ๊ฒ ๊ตฌ๋ถํ ์ ์์ต๋๋ค.
3. ํ ์คํธ ์ฝํ ์ธ ์บก์ฒ ํ์ฑํํ๊ธฐ
๋ฒํผ์ด๋ ๋งํฌ์ ํ
์คํธ๋ฅผ ๊ธฐ์ค์ผ๋ก ์ด๋ฒคํธ๋ฅผ ๊ตฌ๋ถํ๋ ค๋ฉด: LBKSmixpanel.init('YOUR_PROJECT_TOKEN', { autocapture: { capture_text_content: true } });LBKS
์ด ๊ฒฝ์ฐ $el_text
์์ฑ์์ ํ
์คํธ ์ฝํ
์ธ ๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.
4. Custom Events ํ์ฉํ๊ธฐ
๊ธฐ์กด Autocapture ์ด๋ฒคํธ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก Custom Events๋ฅผ ์์ฑํ์ฌ ๋ ์๋ฏธ ์๋ ์ด๋ฒคํธ ์ด๋ฆ์ ๋ง๋ค ์ ์์ต๋๋ค. ๋ค๋ง, Custom Events๋ ๊ณผ๊ธ ๋์์ผ ์ ์์ผ๋ ์ฃผ์ํ์ธ์.
5. ๋จ๊ณ์ ์ ๊ทผ ๋ฐฉ์ ์ฑํํ๊ธฐ
Mixpanel ๋ธ๋ก๊ทธ์์ ์ ์ํ๋ ๋จ๊ณ์ ์ ๊ทผ: 1. ์ค์ํ ์ฌ์ฉ์ ์ฌ์ ์๋ณ 2. ํด๋น ์ฌ์ ์ ๊ด๋ จ๋ ํต์ฌ ์ด๋ฒคํธ์ ์ ๋ฐ ์ถ์ ์ ์ฉ 3. ๋๋จธ์ง๋ Autocapture๋ก ์์ง 4. ์๊ฐ์ด ์ง๋จ์ ๋ฐ๋ผ ์ ์ง์ ์ผ๋ก ์ ๋ฐ ์ถ์ ํ๋
6. ์ฌ์ฉ์ ์ ์ ์ฝ๋ฐฑ ํจ์ ์ฌ์ฉํ๊ธฐ
ํน์ ์กฐ๊ฑด์ ๋ฐ๋ผ ์ด๋ฒคํธ๋ฅผ ํํฐ๋งํ๋ ค๋ฉด: LBKSmixpanel.init('YOUR_PROJECT_TOKEN', { autocapture: { allow_element_callback: function(element, event) { // ํน์ ์กฐ๊ฑด์ ๋ฐ๋ผ ์ถ์ ์ฌ๋ถ ๊ฒฐ์ return true; // ์ด ์์ ์ถ์ } } });LBKS
๊ฒฐ๋ก ์ ์ผ๋ก, Autocapture๋ง์ผ๋ก๋ ํ๊ณ๊ฐ ์์ผ๋ฏ๋ก ์ ๋ฐ ์ถ์ ๊ณผ ํจ๊ป ์ฌ์ฉํ๋ ํ์ด๋ธ๋ฆฌ๋ ์ ๊ทผ ๋ฐฉ์์ด ๊ฐ์ฅ ํจ๊ณผ์ ์
๋๋ค. ์ค์ํ ์ฌ์ฉ์ ์ํธ์์ฉ์ ๋ํด์๋ ์ ๋ฐ ์ถ์ ์ ๊ตฌํํ๊ณ , ๋๋จธ์ง๋ Autocapture๋ก ์์งํ๋ ๋ฐฉ์์ผ๋ก ๊ท ํ์ ๋ง์ถ๋ ๊ฒ์ด ์ข์ต๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
kapa.ai 2. HTML ์์์ ์๋ณ์ ์ถ๊ฐํ๊ธฐ ๋๋ ํ๋ ์์๊ฐ ์๋๋ผ๋ Mixpanel์ด ์ธ์ํ ์ ์๋ ์์ฑ์ ์ถ๊ฐํ ์ ์์ต๋๋ค:
html
<button class="x1y2z3" mp-track-name="signup-button">๊ฐ์
ํ๊ธฐ</button>
์ด๋ ๊ฒ ํ๋ฉด Autocapture ์ด๋ฒคํธ์ mp-track-name ์์ฑ์ด ํฌํจ๋์ด ์ด๋ฒคํธ๋ฅผ ๋ ์ฝ๊ฒ ๊ตฌ๋ถํ ์ ์์ต๋๋ค ์ด ๋ฐฉ๋ฒ์ ์ด์ฉํ๋ฉด ์ด๋ฒคํธ ์ด๋ฆ์ด track name์ ์ ์ ๋ด์ฉ์ผ๋ก ๋ค์ด์ค๊ฒ ๋ ๊น?
Let me check the knowledge base for you again. One moment! ๐
์๋์, mp-track-name
์์ฑ์ ์ถ๊ฐํด๋ ์ด๋ฒคํธ ์ด๋ฆ ์์ฒด๊ฐ ๋ณ๊ฒฝ๋์ง๋ ์์ต๋๋ค. ์ด ์์ฑ์ ์ด๋ฒคํธ ์ด๋ฆ์ ๋ณ๊ฒฝํ๋ ๊ฒ์ด ์๋๋ผ, ์ด๋ฒคํธ์ ์์ฑ(property)์ผ๋ก ์ถ๊ฐ๋์ด ์ด๋ฒคํธ๋ฅผ ๋ ์ฝ๊ฒ ์๋ณํ ์ ์๊ฒ ํด์ค๋๋ค.Mixpanel์ Autocapture๋ฅผ ์ฌ์ฉํ ๋: 1. ์ด๋ฒคํธ๋ ์ฌ์ ํ "[Auto] Element Click"๊ณผ ๊ฐ์ ๊ธฐ๋ณธ ์ด๋ฆ์ผ๋ก ์์ง๋ฉ๋๋ค.
2. mp-track-name
์์ฑ์ ๊ฐ("signup-button")์ ์ด๋ฒคํธ ์์ฑ์ผ๋ก ํฌํจ๋ฉ๋๋ค.
3. ์ด ์์ฑ์ ์ฌ์ฉํ์ฌ ๋ถ์ ์ ํน์ ๋ฒํผ ํด๋ฆญ์ ํํฐ๋งํ๊ฑฐ๋ ๊ตฌ๋ถํ ์ ์์ต๋๋ค.Mixpanel ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด:
"mp-track-" ์ ๋์ฌ๊ฐ ์๋ ๋ช ์์ ์์ฑ์ด ์ถ๊ฐ๋ ๊ฒฝ์ฐ, ์ด ์์ฑ์ ๋ฐ์ดํฐ๋ ์๋์ ์ผ๋ก Mixpanel์ ์ ๋ฌ๋ฉ๋๋ค."์ด ๋ฐฉ๋ฒ์ ์ด๋ฒคํธ ์ด๋ฆ์ ๋ณ๊ฒฝํ๋ ๊ฒ์ด ์๋๋ผ, ์ด๋ฒคํธ์ ๋ ๋ง์ ์ปจํ ์คํธ๋ฅผ ์ถ๊ฐํ๋ ๋ฐฉ๋ฒ์ ๋๋ค. ์ด๋ฒคํธ ์ด๋ฆ ์์ฒด๋ฅผ ๋ณ๊ฒฝํ๋ ค๋ฉด ์ ๋ฐ ์ถ์ (Precision Tracking)์ ์ฌ์ฉํ๊ฑฐ๋ Custom Events๋ฅผ ์์ฑํด์ผ ํฉ๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! ๐
๋ค, ๊ธฐ์กด์ ๋ฐฉ์์ ์ ๋ฐ ์ถ์ (Precision Event Tracking)์ ๋๋ค. ์ ๋ฐ ์ถ์ ์ Mixpanel์์ ์ด๋ฒคํธ๋ฅผ ์๋์ผ๋ก ์ ์ํ๊ณ ์ถ์ ํ๋ ๋ฐฉ๋ฒ์ ๋๋ค.
์ ๋ฐ ์ถ์ (Precision Event) ๊ตฌํ ๋ฐฉ๋ฒ
์ ๋ฐ ์ถ์ ์ Mixpanel์ JavaScript SDK๋ฅผ ์ฌ์ฉํ์ฌ ๋ค์๊ณผ ๊ฐ์ด ๊ตฌํํ ์ ์์ต๋๋ค: LBKS// ์ด๋ฒคํธ ์ถ์ ์์ mixpanel.track("Played song", { "genre": "hip-hop" // ์ด๋ฒคํธ ์์ฑ ์ถ๊ฐ });LBKS
Mixpanel SDKs: Javascript์ ๋ฐ๋ฅด๋ฉด, .track()
๋ฉ์๋๋ฅผ ํธ์ถํ์ฌ ์ด๋ฒคํธ ์ด๋ฆ๊ณผ ์ํ๋ ์ด๋ฒคํธ ์์ฑ์ ์ ๋ฌํ๋ฉด ๋ฉ๋๋ค.
์ ๋ฐ ์ถ์ ๊ตฌํ ๋จ๊ณ
1. Mixpanel SDK ์ด๊ธฐํ:
```LBKSLBKS2. **์ฌ์ฉ์ ์๋ณ** (์ ํ์ฌํญ):
```LBKS mixpanel.identify('user123');
```LBKSLBKS3. **์ด๋ฒคํธ ์ถ์ **:
```LBKS // ๋ฒํผ ํด๋ฆญ ์ด๋ฒคํธ ์ถ์
document.querySelector('.signup-button').addEventListener('click', function() {
mixpanel.track('Signup Button Clicked', {
'button_location': 'header',
'page_name': 'homepage'
});
});
```LBKSLBKS์ ๋ฐ ์ถ์ ์ ์ฅ์ ์ ์ด๋ฒคํธ ์ด๋ฆ๊ณผ ์์ฑ์ ์์ ํ ์ ์ดํ ์ ์๋ค๋ ๊ฒ์
๋๋ค. ๋ฐ๋ฉด Autocapture๋ ๊ธฐ๋ณธ ์ด๋ฒคํธ๋ฅผ ์๋์ผ๋ก ์์งํ์ง๋ง ์ด๋ฒคํธ ์ด๋ฆ์ ์ง์ ์ง์ ํ ์๋ ์์ต๋๋ค.LBKS[Mixpanel ๋ธ๋ก๊ทธ](https://mixpanel.com/blog/autocapture-analytics/)์ ๋ฐ๋ฅด๋ฉด, ๋ง์ ํ๋ค์ด Autocapture์ ์ ๋ฐ ์ถ์ ์ ํจ๊ป ์ฌ์ฉํ๋ ํ์ด๋ธ๋ฆฌ๋ ์ ๊ทผ ๋ฐฉ์์ ์ฑํํ๊ณ ์์ต๋๋ค. ์ด๋ ๊ฒ ํ๋ฉด ๋น ๋ฅด๊ฒ ์์ํ๋ฉด์๋ ์ค์ํ ์ด๋ฒคํธ์ ๋ํด์๋ ๋ ์ธ๋ฐํ ์ ์ด๊ฐ ๊ฐ๋ฅํฉ๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! ๐
์ ๋ฐ ์ถ์ (Precision Tracking)๊ณผ Autocapture๊ฐ ๋์ผํ ์ฌ์ฉ์ ์ํธ์์ฉ์ ๋ํด ์ค๋ณต์ผ๋ก ์ด๋ฒคํธ๋ฅผ ์์งํ๋ ๊ฒ์ ๋ํ ์ข์ ์ง๋ฌธ์ ๋๋ค.์ํ๊น๊ฒ๋, ๋์ผํ ์ฌ์ฉ์ ์ํธ์์ฉ(์: ๋ฒํผ ํด๋ฆญ)์ ๋ํด ์ ๋ฐ ์ถ์ ์ ์ค์ ํ๋๋ผ๋ Autocapture๊ฐ ํ์ฑํ๋์ด ์๋ค๋ฉด ํด๋น ์ํธ์์ฉ์ ๋ ๊ฐ์ง ๋ฐฉ์์ผ๋ก ๋ชจ๋ ์ถ์ ๋ฉ๋๋ค: 1. ์ ๋ฐ ์ถ์ ์ผ๋ก ์ค์ ํ ์ด๋ฒคํธ ์ด๋ฆ(์: "Signup Button Clicked") 2. Autocapture์ ์ํ "[Auto] Element Click" ์ด๋ฒคํธ์ด๋ ๋ ์ถ์ ๋ฐฉ์์ด ๋ ๋ฆฝ์ ์ผ๋ก ์๋ํ๊ธฐ ๋๋ฌธ์ ๋๋ค. ์ ๊ณต๋ ์ง์ ์์ค์๋ ํน์ ์์์ ๋ํ Autocapture๋ฅผ ์ ํ์ ์ผ๋ก ๋นํ์ฑํํ๋ ๋ฐฉ๋ฒ์ ๋ํ ๋ช ํํ ์ ๋ณด๊ฐ ์์ต๋๋ค.ํ์ง๋ง Mixpanel์ Javascript SDK์์ ์ ๊ณตํ๋ ๋ช ๊ฐ์ง ์ต์ ์ ํ์ฉํ์ฌ ์ค๋ณต ์ถ์ ์ ์ต์ํํ ์ ์์ต๋๋ค: 1. ํน์ ์์ ์ฐจ๋จํ๊ธฐ:
autocapture: {
block_selectors: ['.signup-button', '#login-form']
}
});
```LBKSLBKS2. **์ฌ์ฉ์ ์ ์ ์ฝ๋ฐฑ ํจ์ ์ฌ์ฉํ๊ธฐ**:
```LBKS mixpanel.init('YOUR_PROJECT_TOKEN', {
autocapture: {
block_element_callback: function(element, event) {
// ์ ๋ฐ ์ถ์ ์ ์ฌ์ฉํ๋ ์์๋ Autocapture์์ ์ ์ธ
return element.classList.contains('signup-button');
}
}
});
```LBKSLBKS[Mixpanel Javascript SDK ๋ฌธ์](https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript#autocapture)์ ๋ฐ๋ฅด๋ฉด, ์ด๋ฌํ ์ค์ ์ ํตํด ํน์ ์์๋ฅผ Autocapture์์ ์ ์ธํ ์ ์์ต๋๋ค.LBKS๊ฒฐ๋ก ์ ์ผ๋ก, ๋ณ๋์ ์ค์ ์์ด๋ ์ ๋ฐ ์ถ์ ๊ณผ Autocapture๊ฐ ๋ชจ๋ ์ด๋ฒคํธ๋ฅผ ์์งํ๊ฒ ๋์ด ์ด๋ฒคํธ ์๊ฐ ์ฆ๊ฐํ ์ ์์ต๋๋ค. ๋ฐ๋ผ์ ์ค์ํ ์ฌ์ฉ์ ์ํธ์์ฉ์ ๋ํด์๋ ์ ๋ฐ ์ถ์ ์ ์ฌ์ฉํ๊ณ , ํด๋น ์์๋ Autocapture์์ ์ ์ธํ๋ ๋ฐฉ์์ผ๋ก ๊ท ํ์ ๋ง์ถ๋ ๊ฒ์ด ์ข์ต๋๋ค.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! ๐
I'll explain what the .signup-button
and #login-form
selectors refer to in the Mixpanel Autocapture configuration.These selectors are standard CSS selectors that refer to HTML elements in your website or application: - .signup-button
refers to any HTML element with the CSS class "signup-button" (the dot prefix indicates a class selector)
- #login-form
refers to an HTML element with the ID "login-form" (the hash prefix indicates an ID selector)These are not values declared within Mixpanel itself, but rather they reference elements in your own HTML code. For example, if you have elements in your website like: ```
html
<button class="signup-button"> Sign Up</button>
kapa.ai is still learning and improving, please let me know how I did by reacting below.
โน๏ธย Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.