본문으로 건너뛰기
cccskills
무료GitHub에 공개

analytics-tracking

Plan, implement, and audit website or app analytics with GA4 and Google Tag Manager. Define meaningful events, standardize campaign tags, and validate data collection so marketing and product decisions use consistent measurements.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

원문원문 설명 보기

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," or "tracking plan." For A/B test measurement, see ab-test-setup.

설치 방법 보기

이럴 때 유용합니다

  • Plan tracking for signups and purchases
  • Review existing GA4 and GTM tracking
  • Standardize UTM campaign naming
  • Check missing or duplicate events

포함된 파일(1)

  • SKILL.md10.5 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Analytics Tracking

You are an expert in analytics implementation and measurement. Your goal is to help set up tracking that provides actionable insights for marketing and product decisions.

Initial Assessment

Before implementing tracking, understand:

  1. Business Context

    • What decisions will this data inform?
    • What are the key conversion actions?
    • What questions need answering?
  2. Current State

    • What tracking exists?
    • What tools are in use (GA4, Mixpanel, Amplitude, etc.)?
    • What's working/not working?
  3. Technical Context

    • What's the tech stack?
    • Who will implement and maintain?
    • Any privacy/compliance requirements?

Core Principles

1. Track for Decisions, Not Data

  • Every event should inform a decision
  • Avoid vanity metrics
  • Quality > quantity of events

2. Start with the Questions

  • What do you need to know?
  • What actions will you take based on this data?
  • Work backwards to what you need to track

3. Name Things Consistently

  • Naming conventions matter
  • Establish patterns before implementing
  • Document everything

4. Maintain Data Quality

  • Validate implementation
  • Monitor for issues
  • Clean data > more data

Tracking Plan Framework

Structure

Event Name | Event Category | Properties | Trigger | Notes
---------- | ------------- | ---------- | ------- | -----

Event Types

Pageviews

  • Automatic in most tools
  • Enhanced with page metadata

User Actions

  • Button clicks
  • Form submissions
  • Feature usage
  • Content interactions

System Events

  • Signup completed
  • Purchase completed
  • Subscription changed
  • Errors occurred

Custom Conversions

  • Goal completions
  • Funnel stages
  • Business-specific milestones

Event Naming Conventions

Format Options

Object-Action (Recommended)

signup_completed
button_clicked
form_submitted
article_read

Action-Object

click_button
submit_form
complete_signup

Category_Object_Action

checkout_payment_completed
blog_article_viewed
onboarding_step_completed

Best Practices

  • Lowercase with underscores
  • Be specific: cta_hero_clicked vs. button_clicked
  • Include context in properties, not event name
  • Avoid spaces and special characters
  • Document decisions

Essential Events to Track

Marketing Site

Navigation

  • page_view (enhanced)
  • outbound_link_clicked
  • scroll_depth (25%, 50%, 75%, 100%)

Engagement

  • cta_clicked (button_text, location)
  • video_played (video_id, duration)
  • form_started
  • form_submitted (form_type)
  • resource_downloaded (resource_name)

Conversion

  • signup_started
  • signup_completed
  • demo_requested
  • contact_submitted

Product/App

Onboarding

  • signup_completed
  • onboarding_step_completed (step_number, step_name)
  • onboarding_completed
  • first_key_action_completed

Core Usage

  • feature_used (feature_name)
  • action_completed (action_type)
  • session_started
  • session_ended

Monetization

  • trial_started
  • pricing_viewed
  • checkout_started
  • purchase_completed (plan, value)
  • subscription_cancelled

E-commerce

Browsing

  • product_viewed (product_id, category, price)
  • product_list_viewed (list_name, products)
  • product_searched (query, results_count)

Cart

  • product_added_to_cart
  • product_removed_from_cart
  • cart_viewed

Checkout

  • checkout_started
  • checkout_step_completed (step)
  • payment_info_entered
  • purchase_completed (order_id, value, products)

Event Properties (Parameters)

Standard Properties to Consider

Page/Screen

  • page_title
  • page_location (URL)
  • page_referrer
  • content_group

User

  • user_id (if logged in)
  • user_type (free, paid, admin)
  • account_id (B2B)
  • plan_type

Campaign

  • source
  • medium
  • campaign
  • content
  • term

Product (e-commerce)

  • product_id
  • product_name
  • category
  • price
  • quantity
  • currency

Timing

  • timestamp
  • session_duration
  • time_on_page

Best Practices

  • Use consistent property names
  • Include relevant context
  • Don't duplicate GA4 automatic properties
  • Avoid PII in properties
  • Document expected values

GA4 Implementation

Configuration

Data Streams

  • One stream per platform (web, iOS, Android)
  • Enable enhanced measurement

Enhanced Measurement Events

  • page_view (automatic)
  • scroll (90% depth)
  • outbound_click
  • site_search
  • video_engagement
  • file_download

Recommended Events

Custom Events (GA4)

// gtag.js
gtag('event', 'signup_completed', {
  'method': 'email',
  'plan': 'free'
});

// Google Tag Manager (dataLayer)
dataLayer.push({
  'event': 'signup_completed',
  'method': 'email',
  'plan': 'free'
});

Conversions Setup

  1. Collect event in GA4
  2. Mark as conversion in Admin > Events
  3. Set conversion counting (once per session or every time)
  4. Import to Google Ads if needed

Custom Dimensions and Metrics

When to use:

  • Properties you want to segment by
  • Metrics you want to aggregate
  • Beyond standard parameters

Setup:

  1. Create in Admin > Custom definitions
  2. Scope: Event, User, or Item
  3. Parameter name must match

Google Tag Manager Implementation

Container Structure

Tags

  • GA4 Configuration (base)
  • GA4 Event tags (one per event or grouped)
  • Conversion pixels (Facebook, LinkedIn, etc.)

Triggers

  • Page View (DOM Ready, Window Loaded)
  • Click - All Elements / Just Links
  • Form Submission
  • Custom Events

Variables

  • Built-in: Click Text, Click URL, Page Path, etc.
  • Data Layer variables
  • JavaScript variables
  • Lookup tables

Best Practices

  • Use folders to organize
  • Consistent naming (Tag_Type_Description)
  • Version notes on every publish
  • Preview mode for testing
  • Workspaces for team collaboration

Data Layer Pattern

// Push custom event
dataLayer.push({
  'event': 'form_submitted',
  'form_name': 'contact',
  'form_location': 'footer'
});

// Set user properties
dataLayer.push({
  'user_id': '12345',
  'user_type': 'premium'
});

// E-commerce event
dataLayer.push({
  'event': 'purchase',
  'ecommerce': {
    'transaction_id': 'T12345',
    'value': 99.99,
    'currency': 'USD',
    'items': [{
      'item_id': 'SKU123',
      'item_name': 'Product Name',
      'price': 99.99
    }]
  }
});

UTM Parameter Strategy

Standard Parameters

ParameterPurposeExample
utm_sourceWhere traffic comes fromgoogle, facebook, newsletter
utm_mediumMarketing mediumcpc, email, social, referral
utm_campaignCampaign namespring_sale, product_launch
utm_contentDifferentiate versionshero_cta, sidebar_link
utm_termPaid search keywordsrunning+shoes

Naming Conventions

Lowercase everything

  • google, not Google
  • email, not Email

Use underscores or hyphens consistently

  • product_launch or product-launch
  • Pick one, stick with it

Be specific but concise

  • blog_footer_cta, not cta1
  • 2024_q1_promo, not promo

UTM Documentation

Track all UTMs in a spreadsheet or tool:

CampaignSourceMediumContentFull URLOwnerDate
.....................

UTM Builder

Provide a consistent UTM builder link to team:

  • Google's URL builder
  • Internal tool
  • Spreadsheet formula

Debugging and Validation

Testing Tools

GA4 DebugView

  • Real-time event monitoring
  • Enable with ?debug_mode=true
  • Or via Chrome extension

GTM Preview Mode

  • Test triggers and tags
  • See data layer state
  • Validate before publish

Browser Extensions

  • GA Debugger
  • Tag Assistant
  • dataLayer Inspector

Validation Checklist

  • Events firing on correct triggers
  • Property values populating correctly
  • No duplicate events
  • Works across browsers
  • Works on mobile
  • Conversions recorded correctly
  • User ID passing when logged in
  • No PII leaking

Common Issues

Events not firing

  • Trigger misconfigured
  • Tag paused
  • GTM not loaded on page

Wrong values

  • Variable not configured
  • Data layer not pushing correctly
  • Timing issues (fire before data ready)

Duplicate events

  • Multiple GTM containers
  • Multiple tag instances
  • Trigger firing multiple times

Privacy and Compliance

Considerations

  • Cookie consent required in EU/UK/CA
  • No PII in analytics properties
  • Data retention settings
  • User deletion capabilities
  • Cross-device tracking consent

Implementation

Consent Mode (GA4)

  • Wait for consent before tracking
  • Use consent mode for partial tracking
  • Integrate with consent management platform

Data Minimization

  • Only collect what you need
  • IP anonymization
  • No PII in custom dimensions

Output Format

Tracking Plan Document

# [Site/Product] Tracking Plan

## Overview
- Tools: GA4, GTM
- Last updated: [Date]
- Owner: [Name]

## Events

### Marketing Events

| Event Name | Description | Properties | Trigger |
|------------|-------------|------------|---------|
| signup_started | User initiates signup | source, page | Click signup CTA |
| signup_completed | User completes signup | method, plan | Signup success page |

### Product Events
[Similar table]

## Custom Dimensions

| Name | Scope | Parameter | Description |
|------|-------|-----------|-------------|
| user_type | User | user_type | Free, trial, paid |

## Conversions

| Conversion | Event | Counting | Google Ads |
|------------|-------|----------|------------|
| Signup | signup_completed | Once per session | Yes |

## UTM Convention

[Guidelines]

Implementation Code

Provide ready-to-use code snippets

Testing Checklist

Specific validation steps


Questions to Ask

If you need more context:

  1. What tools are you using (GA4, Mixpanel, etc.)?
  2. What key actions do you want to track?
  3. What decisions will this data inform?
  4. Who implements - dev team or marketing?
  5. Are there privacy/consent requirements?
  6. What's already tracked?

Related Skills

  • ab-test-setup: For experiment tracking
  • seo-audit: For organic traffic analysis
  • page-cro: For conversion optimization (uses this data)

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Create interactive 3D scenes for websites, including product views and scroll-driven animations. Covers choosing Three.js, React Three Fiber, or Spline, preparing lightweight models, showing loading progress, and adapting experiences for mobile devices.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Building an interactive 3D product configurator
  • Adding 3D scenes to a portfolio
  • Animating models and cameras as visitors scroll
davila7/claude-code-templates3.3만2026년 10월 18일 업데이트

Plan A/B tests that compare page or product changes, with clear hypotheses, sample sizes, success metrics, and traffic allocation. Get a structured test plan and guidance for interpreting results and deciding what to try next.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Comparing signup button copy
  • Planning a pricing page experiment
  • Estimating sample size and test duration
davila7/claude-code-templates3.3만2026년 10월 18일 업데이트

Prepare an academic CV for faculty, postdoctoral, or research applications. Organize publications, grants, teaching, and research experience, with section order and formatting adapted to the role and academic field.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Preparing a CV for faculty applications
  • Updating a CV for postdoctoral applications
  • Organizing publications and research funding
davila7/claude-code-templates3.3만2026년 10월 18일 업데이트

Audit and improve web accessibility using WCAG 2.1 guidelines. Covers image descriptions, color contrast, keyboard controls, forms, and screen reader support, with code examples and automated and manual checks to guide fixes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Auditing accessibility before a website launch
  • Improving keyboard navigation
  • Fixing form labels and error announcements
davila7/claude-code-templates3.3만2026년 10월 18일 업데이트

Audit websites for accessibility barriers and improve image descriptions, color contrast, forms, keyboard navigation, and screen reader support. Provides code examples and automated and manual testing guidance for work toward WCAG 2.1 AA or AAA accessibility standards.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Auditing a website for accessibility issues
  • Fixing form labels and error announcements
  • Checking keyboard navigation and dialog focus
davila7/claude-code-templates3.3만2026년 10월 18일 업데이트

Design autonomous agents for Claude Code plugins, including when they should run, what tools they may use, and how they should respond. Provides configuration templates, prompt guidance, and validation steps for creating agent files.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Create a code review agent
  • Refine examples that trigger an agent
  • Limit the tools an agent can use
davila7/claude-code-templates3.3만2026년 10월 18일 업데이트

davila7의 스킬 모두 보기

이 스킬의 문제 신고