GA4 Tagging Helper

About this plugin

피그마 화면 요소 내에 '태그 박스' 를 생성하여, 기존 태깅 가이드 제작 시간을 단축시킬 수 있습니다.✨ 주요 기능직관적인 시각화 선택한 디자인 요소 바로 옆에 고유 번호(Badge)와 data-gtm-* 속성 코드가 적힌 명세 박스를 자동으로 생성합니다.다크/라이트 테마 지원 작업 중인 디자인 배경색에 맞춰 눈이 편안한 테마(Dark 🌙 / Light ☀️)를 자유롭게 선택할 수 있습니다.CSV 추출화면에 생성된 모든 태깅 데이터를 표 형태로 정리하여, 즉시 개발 및 QA 부서 전달용 .csv 파일로 다운로드할 수 있습니다.레이어 숨기기/보이기디자인 요소를 가리지 않도록, 플러그인에서 클릭 한 번으로 모든 태그 박스를 숨기거나 다시 나타나게 할 수 있습니다.Dev Mode 완벽 지원 (Codegen Support)프론트엔드 개발자가 피그마 Dev Mode 모드에서 요소를 클릭하면, 즉시 복사해서 쓸 수 있는 HTML 속성 스니펫(Snippet)을 제공합니다.💡 How to Use (사용 방법)태그를 추가할 디자인 레이어(버튼, 배너 등)를 선택합니다.플러그인을 실행하고 라벨 번호, Event Type, 그리고 필요한 속성 값(Location, Text 등)을 입력합니다.[Layer에 추가] 버튼을 누르면 화면에 예쁜 태그 박스가 생성됩니다.모든 태깅이 끝나면 [📊 CSV 추출] 버튼을 눌러 문서를 뽑아냅니다.