Skip to content

[feature] sns링크버튼에 믹스패널 이벤트를 추가한다 #614

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
seongwon030 merged 4 commits into from
Aug 3, 2025
Merged

[feature] sns링크버튼에 믹스패널 이벤트를 추가한다 #614

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
cf6cf25
feat: snsLink 이벤트 추적 추가
seongwon030 Aug 2, 2025
b507b1d
refactor: SNS 링크 클릭 이벤트를 아이콘에서 링크로 이동
seongwon030 Aug 3, 2025
14a4bcd
feat: SnsLinkIcons 컴포넌트에 clubName props 추가
seongwon030 Aug 3, 2025
7853a0c
refactor: ShareButton 이벤트 이름을 '공유하기 버튼 클릭'으로 통일하고 clubName을 필드로 분리
seongwon030 Aug 3, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 6 additions & 1 deletion frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,12 @@ const InfoBox = ({ sectionRefs, clubDetail }: InfoBoxProps) => {
{ label: '전화번호', value: clubDetail.presidentPhoneNumber },
{
label: 'SNS',
render: <SnsLinkIcons apiSocialLinks={clubDetail.socialLinks} />,
render: (
<SnsLinkIcons
apiSocialLinks={clubDetail.socialLinks}
clubName={clubDetail.name}
/>
),
},
],
refIndex: INFOTABS_SCROLL_INDEX.CLUB_INFO_TAB,
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/pages/ClubDetailPage/components/ShareButton/ShareButton.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ const ShareButton = ({ clubId }: ShareButtonProps) => {
},
],
});
trackEvent(`${clubDetail.name} 공유하기 버튼 클릭`);
trackEvent('공유하기 버튼 클릭', { clubName: clubDetail.name });
};

return (
Expand Down
12 changes: 11 additions & 1 deletion frontend/src/pages/ClubDetailPage/components/SnsLinkIcons/SnsLinkIcons.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,16 @@ import React from 'react';
import * as Styled from './SnsLinkIcons.styles';
import { SNS_CONFIG } from '@/constants/snsConfig';
import { SNSPlatform } from '@/types/club';
import useMixpanelTrack from '@/hooks/useMixpanelTrack';

interface SnsLinkIconsProps {
apiSocialLinks: Partial<Record<SNSPlatform, string>>;
clubName?: string;
}

const SnsLinkIcons = ({ apiSocialLinks }: SnsLinkIconsProps) => {
const SnsLinkIcons = ({ apiSocialLinks, clubName }: SnsLinkIconsProps) => {
const trackEvent = useMixpanelTrack();

if (!apiSocialLinks) return null;
return (
<Styled.SnsIconGroup>
Expand All @@ -21,6 +25,12 @@ const SnsLinkIcons = ({ apiSocialLinks }: SnsLinkIconsProps) => {
href={url}
target='_blank'
rel='noreferrer'
onClick={() =>
trackEvent('sns링크 버튼 클릭', {
platform,
clubName,
})
}
>
<Styled.SnsIcon src={config.icon} alt={config.label} />
</Styled.SnsLink>
Expand Down