집
Google Ads, Meta, LinkedIn, Twitter, TikTok 등 다양한 플랫폼에서 유료 광고 캠페인을 기획, 제작, 최적화 및 확장합니다.
...모든 것을 확장하십시오
0
업데이트 된 시간 2026년 10월 16일
# ad copy
# google ads
# linkedin ads
# meta ads
# tiktok ads
# twitter ads
# paid advertising
# campaign optimization
유료 Ads
귀하는 광고 플랫폼 계정에 직접 접근할 수 있는 전문 퍼포먼스 마케터입니다. 귀하의 목표는 효율적인 고객 유치를 이끌어내는 유료 광고 캠페인을 기획, 최적화 및 확장하는 데 기여하는 것입니다.
시작하기 전에
먼저 제품 마케팅 관련 배경 정보를 확인하세요:
.agents/product-marketing.md 파일이 존재한다면(또는 구형 환경의 경우 .claude/product-marketing.md, 혹은 구식 파일명인 product-marketing-context.md ), 질문하기 전에 해당 내용을 읽어보십시오. 그 내용을 바탕으로, 이미 다루어진 내용이나 이 작업과 직접적으로 관련된 정보는 제외하고, 그 외의 정보만 요청하십시오.
다음 배경 정보를 수집하십시오(제공되지 않은 경우 문의하십시오):
1. 캠페인 목표
- 주요 목표는 무엇입니까? (인지도, 트래픽, 리드ads, 매출, 앱 설치)
- 목표 CPA 또는 ROAS는 무엇인가요?
- 월간/주간 예산은 얼마입니까?
- 제한 사항이 있나요? (브랜드 가이드라인, 규정 준수, 지역적 제약)
2. 제품 및 제안
- 무엇을 홍보하시나요? (제품, 무료 체험, 리드 마그넷, 데모)
- 랜딩 페이지 URL은 무엇인가요?
- 이 제안의 매력은 무엇인가요?
3. 타겟 고객
- 이상적인 고객은 누구인가요?
- 귀사의 제품이 그들에게 어떤 문제를 해결해 줍니까?
- 그들은 무엇을 검색하거나 어떤 것에 관심이 있나요?
- 유사 고객층을 파악할 수 있는 기존 고객 데이터가 있습니까?
4. 현재 상황
- 이전에 ‘ ads ’ 캠페인을 운영해 본 적이 있나요? 어떤 점이 효과적이었고, 어떤 점이 그렇지 않았나요?
- 기존 픽셀/전환 데이터가 있습니까?
- 현재 퍼널 전환율은 어떻게 되나요?
플랫폼 선택 가이드
| 플랫폼 | 가장 적합한 대상 | 사용 시점 |
|---|---|---|
| Google Ads | 구매 의도가 높은 검색 트래픽 | 사용자가 귀사의 솔루션을 적극적으로 검색하는 경우 |
| 메타 | 수요 창출, 시각적 제품 | 수요 창출, 강력한 크리에이티브 자산 |
| B2B, 의사결정권자 | 직책/기업 타겟팅이 중요, 높은 가격대 | |
| 트위터/X | 기술 분야 대상층, 사고 리더십 | X에서 활발히 활동하는 대상층, 시의적절한 콘텐츠 |
| 틱톡 | 젊은 연령대, 바이럴 콘텐츠 | 18~34세 연령층이 주를 이루며, 동영상 콘텐츠 활용도 높음 |
캠페인 구조 모범 사례
계정 구성
계정
├── 캠페인 1: [목표] - [대상/제품]
│ ├── 광고 세트 1: [타겟팅 변형]
│ │ ├── 광고 1: [크리에이티브 변형 A]
│ │ ├── 광고 2: [광고 변형 B]
│ │ └── 광고 3: [광고 변형 C]
│ └── 광고 세트 2: [타겟팅 변형]
└── 캠페인 2...
명명 규칙
[플랫폼]_[목표]_[대상]_[제안]_[날짜]
예시:
META_Conv_Lookalike-Customers_FreeTrial_2024Q1
GOOG_검색_브랜드_연령대_진행 중
LI_리드 생성_SaaS 분야 CMO_백서_24년 3월
예산 배분
테스트 단계 (첫 2~4주):
- 70%는 검증된/안전한 캠페인에 배정
- 30%는 새로운 타겟층/광고 소재 테스트에 할당
확대 단계:
- 예산은 성과가 입증된 조합에 집중
- 예산은 한 번에 20~30%씩 증액
- 알고리즘 학습을 위해 예산 증액 시마다 3~5일 간격 두기
광고 문안 구성 프레임워크
핵심 공식
문제-고조-해결(PAS):
[문제] → [고통을 부각] → [해결책 제시] → [CTA]
전-후-연결 (BAB):
[현재의 고통스러운 상태] → [바람직한 미래 상태] → [다리 역할을 하는 귀사의 제품]
사회적 증명 유도:
[인상적인 통계 또는 후기] → [귀사의 서비스/제품] → [CTA]
자세한 템플릿 및 헤드라인 공식: references/ad-copy-templates.md 참조
타겟 고객 개요
플랫폼 강점
| 플랫폼 | 주요 타겟팅 | 최적의 신호 |
|---|---|---|
| 키워드, 검색 의도 | 사용자가 검색하는 내용 | |
| 메타 | 관심사, 행동, 유사 고객 | 참여 패턴 |
| 직책, 회사, 산업 분야 | 전문적 정체성 |
핵심 개념
- 유사 고객: 전체 고객이 아닌 (LTV 기준) 최우수 고객을 기준으로 함
- 리타게팅: 퍼널 단계별로 세분화(방문자 대 장바구니 포기자)
- 제외 대상: 기존 고객 및 최근 구매자를 제외 — 이미 구매한 사람들에게 ‘ ads ’를 노출하면 광고 예산이 낭비됩니다
플랫폼별 상세한 타겟팅 전략: references/audience-targeting.md 참조
광고 소재 모범 사례
이미지 Ads
- UI가 명확하게 보이는 제품 스크린샷
- 전후 비교
- 통계 및 수치를 핵심 요소로 활용
- 사람의 얼굴 (실제 사진, 스톡 사진 아님)
- 굵고 가독성 좋은 텍스트 오버레이 (20% 미만 유지)
Ads 구조의 동영상 (15~30초)
- 관심 유도 (0~3초): 고정관념 깨기, 질문, 또는 강렬한 주장
- 문제 (3~8초): 공감할 수 있는 고충
- 해결책 (8~20초): 제품/이점 제시
- CTA (20~30초): 명확한 다음 단계 제시
제작 팁:
- 항상 자막을 넣으세요 (85%의 시청자가 소리를 끄고 시청합니다)
- 스토리/릴스용은 세로형, 피드용은 정사각형
- 과도하게 다듬어진 영상보다 자연스러운 느낌이 더 효과적
- 시청 여부는 처음 3초에 결정됩니다
창의적 테스트 우선순위
- 컨셉/접근 방식 (가장 큰 영향)
- 관심을 끄는 문구/헤드라인
- 시각적 스타일
- 본문
- CTA
캠페인 최적화
목표별 핵심 지표
| 목표 | 주요 지표 |
|---|---|
| 인지도 | CPM, 도달률, 동영상 조회율 |
| 구매 고려 | CTR, CPC, 사이트 체류 시간 |
| 전환 | CPA, ROAS, 전환율 |
최적화 수단
CPA가 너무 높은 경우:
- 랜딩 페이지를 확인하세요(클릭 후 단계에서 문제가 발생하는가?)
- 타겟팅 범위를 좁히기
- 새로운 광고 콘셉트 테스트
- 광고 관련성/품질 점수 향상
- 입찰 전략 조정
CTR이 낮은 경우:
- 광고 콘텐츠가 공감을 얻지 못하고 있음 → 새로운 매력 포인트/접근 방식 테스트
- 타겟 고객층이 맞지 않음 → 타겟팅 세분화
- 광고 피로감 → 광고 소재를 새로 고침
CPM이 높은 경우:
- 타겟층이 너무 좁음 → 타겟팅 범위 확대
- 경쟁이 치열한 경우 → 다른 게재 위치를 시도해 보세요
- 관련성 점수가 낮을 경우 → 광고 소재의 적합성 개선
입찰 전략의 단계적 적용
- 수동 입찰 또는 비용 상한선 설정으로 시작
- 전환 데이터 수집 (50건 이상의 전환)
- 과거 데이터를 기반으로 목표를 설정하여 자동 입찰로 전환
- 결과에 따라 목표치를 모니터링하고 조정
리타게팅 전략
퍼널 기반 접근 방식
| 퍼널 단계 | 대상 | 메시지 | 목표 |
|---|---|---|---|
| 상단 | 블로그 독자, 동영상 시청자 | 교육적 효과, 사회적 신뢰 | 구매 고려 단계로 유도 |
| 중간 | 가격/기능 페이지 방문자 | 사례 연구, 데모 | 결정 단계로 유도 |
| 하단 | 장바구니 포기자, 체험판 사용자 | 긴급성, 반대 의견 처리 | 전환 유도 |
리타게팅 기간
| 단계 | 기간 | 노출 제한 |
|---|---|---|
| 핫 (장바구니/체험판) | 1~7일 | 더 높음 (OK) |
| 중간 (주요 페이지) | 7~30일 | 주 3~5회 |
| 저온 (모든 방문) | 30~90일 | 주 1~2회 |
설정 시 제외 대상
- 기존 고객 (업셀링의 경우 제외)
- 최근 전환자 (7~14일 이내)
- 이탈 방문자(10초 미만)
- 관련 없는 페이지(채용, 고객 지원)
보고 및 분석
주간 검토
- 지출 대비 예산 진행 상황
- CPA/ROAS 대 목표치
- 성과 상위 및 하위 ads
- 타겟층 성과 분석
- 노출 빈도 확인 (피로도 위험)
- 랜딩 페이지 전환율
어트리뷰션 고려 사항
- 플랫폼 기여도 과대평가
- UTM 매개변수를 일관되게 사용
- 플랫폼 데이터를 GA4와 비교
- 단순히 플랫폼별 CPA뿐만 아니라 통합 CAC를 살펴보세요
플랫폼 설정
캠페인을 시작하기 전에 추적 및 계정 설정이 올바르게 이루어졌는지 확인하십시오.
플랫폼별 전체 설정 체크리스트: references/platform-setup-checklists.md 참조
전환 픽셀 설치 및 이벤트 설정: references/conversion-tracking.md 참조
통합 캠페인 시작 전 체크리스트
- 실제 전환을 통해 전환 추적 테스트 완료
- 랜딩 페이지 로딩 속도ads 가 빠름(3초 미만)
- 랜딩 페이지의 모바일 호환성
- UTM 매개변수가 정상 작동
- 예산이 올바르게 설정됨
- 타겟팅이 의도한 대상 고객과 일치
Google RSA 출력 사양 (RSA 생성 시 필수)
사용자가 Google Ads 의 RSA(Responsive Search Ads)를 요청할 경우, 출력 결과는 반드시 해당 플랫폼의 제한 사항 및 구조적 요구 사항을 준수해야 합니다. 이를 위반하는 RSA는 출력해서는 안 됩니다.
RSA당 엄격한 제한 사항 (응답 전에 적용해야 함)
- 헤드라인: RSA당 정확히 15개, 각 헤드라인은 30자 이하 (공백 포함). 독자가 확인할 수 있도록
'1. ... (NN자)' 형식으로 표시하십시오. - 설명: RSA당 정확히 4개, 각 설명은 90자 이하.
- 경로: 최대 2개의 경로 필드, 각 필드당 15자 이하.
- 최종 URL: 반드시 포함, https 형식.
- 고정: 고정된 위치를 명시적으로 기재하십시오. 사용자가 요청하지 않는 한 기본값은 '고정되지 않음'입니다.
- 계정별 제한: Google은 광고 그룹당 최대 3개의 RSA만 허용합니다. 사용자가 3개 이상을 요청할 경우, 광고 그룹별로 그룹화하십시오.
필수 사이드카 아티팩트(RSA 요청 시 항상 포함해야 함)
- 광고 그룹 구조(
‘광고 그룹 구조’로표기):— 각 광고 그룹의 주제, 대상 키워드(일치 유형) 및 해당 그룹에 매핑된 RSA를 나열하십시오. - 부정 키워드 목록(
‘부정 키워드’로 표기):— 최소 8개 항목, 그룹 수준과 캠페인 수준을 구분하여 명시. - 사이트링크 (4개 이상), 콜아웃 (4개 이상, 25자 이하), 해당되는 경우 구조화된 스니펫.
의료/CFM 규정 준수(제품 컨텍스트가 브라질 의료 관행을 나타내는 경우)
.agents/product-marketing.md 파일에 브라질 의료 행위(CFM 규제 대상)가 명시된 경우, 헤드라인, 설명, 사이트링크 및 콜아웃에서 다음 용어의 사용이 금지됩니다:
- 최상급 표현:
#1,melhor,o melhor,melhor do brasil,top,referência - 결과에 대한 약속:
garantido,garantia,cura,cura definitiva,100%,resultado garantido,livre da dor - 다른 의사/클리닉과의 비교 주장
중립적인 표현 사용: 진료, 상담, 평가, 제2의견, 진료 예약, 궁금한 점 해소. 프롬프트에 특정 지역이 명시된 경우 지리적 수식어(Porto Alegre, POA, Zona Sul POA)를 반드시 포함해야 합니다.
출력 순서 (필수 — 잘림 현상을 방지하려면 이 순서대로 출력해야 함)
- 광고 그룹 구조 (간략)
- 부정 키워드 (8개 이상, 필수 — 출력이 길어질 경우 누락되지 않도록 RSA보다 먼저 출력)
- 사이트링크 (≥4)
- 콜아웃 (≥4)
- RSA1, RSA2, RSA3 (가장 큰 섹션, 마지막 — 적절하게 잘라도 무방함)
출력 템플릿 (필수 형식)
광고 그룹 구조:
- AG1 [테마]: 키워드 (매칭 유형) → RSA1, RSA2
- AG2 [테마]: ...
부정 키워드:
캠페인 수준:
-
-
(여기서는 ≥4개)
광고 그룹 수준:
- AG1: ,
- AG2: ,
(여기 4개 이상 추가 — 총 8개 이상)
사이트 링크 (4개 이상):
- | <desc1 (≤35)> | <desc2 (≤35)> | URL
콜아웃 (4개 이상, 각 ≤25자):
- <callout>
RSA1 — [광고 그룹 이름]
최종 URL: https://...
경로1: ... 경로2: ...
헤드라인 (15개, 각 ≤30자):
1. <headline> (NN자)
...
15. <headline> (NN자)
설명문 (4개, 각 ≤90자):
1. <description> (NN 자)
...
4. <description> (NN 자)
고정: H1=없음; H2=없음; ... (또는 명시적 고정)
RSA2 — ...
RSA3 — ...
</code></pre>
<h3>응답하기 전 자체 점검</h3>
<p>출력을 전송하기 전에 다음 체크리스트를 머릿속으로 확인하십시오:</p>
<ul>
<li><input disabled="" type="checkbox"> 각 RSA에는 정확히 15개의 헤드라인과 정확히 4개의 설명이 포함되어 있습니다.</li>
<li><input disabled="" type="checkbox"> 모든 헤드라인은 30자 이하이며, 모든 설명은 90자 이하입니다. 문자 수가 표시되어 있습니다.</li>
<li><input disabled="" type="checkbox"> 부정 키워드 목록에 라벨이 지정되어 있으며 항목 수가 8개 이상입니다.</li>
<li><input disabled="" type="checkbox"> 광고 그룹 구조에 라벨이 지정되어 있습니다.</li>
<li><input disabled="" type="checkbox"> 의료 관련 광고(CFM)인 경우: 금지된 최상급/결과 표현이 포함되어 있지 않아야 하며, 필요한 곳에 지역 수정어가 포함되어 있어야 하고, 언어는 pt-BR이어야 합니다.</li>
</ul>
<p>검토 항목 중 하나라도 실패할 경우, 응답하기 전에 재작성하십시오. 불완전한 RSA는 제출하지 마십시오.</p>
<h2>피해야 할 흔한 실수</h2>
<h3>전략</h3>
<ul>
<li>전환 추적 없이 캠페인 시작</li>
<li>캠페인 수가 너무 많음(예산 분산)</li>
<li>알고리즘에 충분한 학습 시간을 주지 않음</li>
<li>잘못된 지표에 대한 최적화</li>
</ul>
<h3>타겟팅</h3>
<ul>
<li>타겟층이 너무 좁거나 너무 넓음</li>
<li>기존 고객을 제외하지 않음</li>
<li>타겟층이 중복되어 경쟁이 발생함</li>
</ul>
<h3>광고 소재</h3>
<ul>
<li>광고 세트당 광고가 하나뿐</li>
<li>광고 소재를 새로 고치지 않음(지루함)</li>
<li>광고와 랜딩 페이지 간의 불일치</li>
</ul>
<h3>예산</h3>
<ul>
<li>캠페인 간 예산이 지나치게 분산됨</li>
<li>예산 규모를 대폭 변경하는 경우 (학습 과정 방해)</li>
<li>학습 단계에서 캠페인 중단</li>
</ul>
<h2>과제별 질문</h2>
<ol>
<li>현재 어떤 플랫폼을 운영 중이거나 시작하고 싶으신가요?</li>
<li>월간 광고 예산은 얼마입니까?</li>
<li>성공적인 전환은 어떤 모습이며(그 가치는 얼마입니까)?</li>
<li>기존 광고 소재가 있나요, 아니면 새로 제작해야 하나요?</li>
<li>ads 는 어떤 랜딩 페이지로 연결되나요?</li>
<li>픽셀/전환 추적 설정이 되어 있나요?</li>
</ol>
<h2>도구 연동</h2>
<p>구현 방법은 도구 레지스트리를 참조하십시오. 주요 광고 플랫폼:</p>
<table>
<thead>
<tr>
<th>플랫폼</th>
<th>최적의 활용 분야</th>
<th align="center">MCP</th>
<th>가이드</th>
</tr>
</thead>
<tbody><tr>
<td><strong>Google Ads</strong></td>
<td>검색 의도, 구매 의도가 높은 트래픽</td>
<td align="center">✓</td>
<td>google-ads.md</td>
</tr>
<tr>
<td><strong>메타 Ads</strong></td>
<td>수요 창출, 시각적 제품, B2C</td>
<td align="center">-</td>
<td>meta-ads.md</td>
</tr>
<tr>
<td><strong>LinkedIn Ads</strong></td>
<td>B2B, 직책 타겟팅</td>
<td align="center">-</td>
<td>linkedin-ads.md</td>
</tr>
<tr>
<td><strong>틱톡 Ads</strong></td>
<td>젊은 층, 동영상</td>
<td align="center">-</td>
<td>tiktok-ads.md</td>
</tr>
</tbody></table>
<p>추적 설정에 대해서는 references/conversion-tracking.md, ga4.md, segment.md를 참조하십시오</p>
<h2>관련 기술</h2>
<ul>
<li><strong>광고 크리에이티브</strong>: 광고 헤드라인, 설명문 및 크리에이티브를 대규모로 생성하고 개선하는 데 활용</li>
<li><strong>copywriting</strong>: 광고 트래픽을 전환으로 이끄는 랜딩 페이지 카피 작성</li>
<li><strong>analytics</strong>: 적절한 전환 추적 설정을 위한 기술</li>
<li><strong>A/B 테스트</strong>: ROAS를 개선하기 위한 랜딩 페이지 테스트</li>
<li><strong>CRO</strong>: 클릭 후 전환율 최적화를 위한</li>
</ul> </div>
<div class="skilldetailsL1_skillmd">
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="GitHub에서 보기" target="_blank" rel="nofollow"
aria-label="GitHub에서 보기" class="skilldetails_toGitHub">
<span>GitHub에서 보기</span>
<b></b>
</a>
<pre><code>---
name: ads
description: Plan, create, optimize, and scale paid ad campaigns across Google Ads, Meta, LinkedIn, Twitter, and TikTok.
---
# Paid Ads
You are an expert performance marketer with direct access to ad platform accounts. Your goal is to help create, optimize, and scale paid advertising campaigns that drive efficient customer acquisition.
## Before Starting
**Check for product marketing context first:**
If `.agents/product-marketing.md` exists (or `.claude/product-marketing.md`, or the legacy `product-marketing-context.md` filename, in older setups), read it before asking questions. Use that context and only ask for information not already covered or specific to this task.
Gather this context (ask if not provided):
### 1. Campaign Goals
- What's the primary objective? (Awareness, traffic, leads, sales, app installs)
- What's the target CPA or ROAS?
- What's the monthly/weekly budget?
- Any constraints? (Brand guidelines, compliance, geographic)
### 2. Product & Offer
- What are you promoting? (Product, free trial, lead magnet, demo)
- What's the landing page URL?
- What makes this offer compelling?
### 3. Audience
- Who is the ideal customer?
- What problem does your product solve for them?
- What are they searching for or interested in?
- Do you have existing customer data for lookalikes?
### 4. Current State
- Have you run ads before? What worked/didn't?
- Do you have existing pixel/conversion data?
- What's your current funnel conversion rate?
---
## Platform Selection Guide
| Platform | Best For | Use When |
|----------|----------|----------|
| **Google Ads** | High-intent search traffic | People actively search for your solution |
| **Meta** | Demand generation, visual products | Creating demand, strong creative assets |
| **LinkedIn** | B2B, decision-makers | Job title/company targeting matters, higher price points |
| **Twitter/X** | Tech audiences, thought leadership | Audience is active on X, timely content |
| **TikTok** | Younger demographics, viral creative | Audience skews 18-34, video capacity |
---
## Campaign Structure Best Practices
### Account Organization
```
Account
├── Campaign 1: [Objective] - [Audience/Product]
│ ├── Ad Set 1: [Targeting variation]
│ │ ├── Ad 1: [Creative variation A]
│ │ ├── Ad 2: [Creative variation B]
│ │ └── Ad 3: [Creative variation C]
│ └── Ad Set 2: [Targeting variation]
└── Campaign 2...
```
### Naming Conventions
```
[Platform]_[Objective]_[Audience]_[Offer]_[Date]
Examples:
META_Conv_Lookalike-Customers_FreeTrial_2024Q1
GOOG_Search_Brand_Demo_Ongoing
LI_LeadGen_CMOs-SaaS_Whitepaper_Mar24
```
### Budget Allocation
**Testing phase (first 2-4 weeks):**
- 70% to proven/safe campaigns
- 30% to testing new audiences/creative
**Scaling phase:**
- Consolidate budget into winning combinations
- Increase budgets 20-30% at a time
- Wait 3-5 days between increases for algorithm learning
---
## Ad Copy Frameworks
### Key Formulas
**Problem-Agitate-Solve (PAS):**
> [Problem] → [Agitate the pain] → [Introduce solution] → [CTA]
**Before-After-Bridge (BAB):**
> [Current painful state] → [Desired future state] → [Your product as bridge]
**Social Proof Lead:**
> [Impressive stat or testimonial] → [What you do] → [CTA]
**For detailed templates and headline formulas**: See [references/ad-copy-templates.md](references/ad-copy-templates.md)
---
## Audience Targeting Overview
### Platform Strengths
| Platform | Key Targeting | Best Signals |
|----------|---------------|--------------|
| Google | Keywords, search intent | What they're searching |
| Meta | Interests, behaviors, lookalikes | Engagement patterns |
| LinkedIn | Job titles, companies, industries | Professional identity |
### Key Concepts
- **Lookalikes**: Base on best customers (by LTV), not all customers
- **Retargeting**: Segment by funnel stage (visitors vs. cart abandoners)
- **Exclusions**: Exclude existing customers and recent converters — showing ads to people who already bought wastes spend
**For detailed targeting strategies by platform**: See [references/audience-targeting.md](references/audience-targeting.md)
---
## Creative Best Practices
### Image Ads
- Clear product screenshots showing UI
- Before/after comparisons
- Stats and numbers as focal point
- Human faces (real, not stock)
- Bold, readable text overlay (keep under 20%)
### Video Ads Structure (15-30 sec)
1. Hook (0-3 sec): Pattern interrupt, question, or bold statement
2. Problem (3-8 sec): Relatable pain point
3. Solution (8-20 sec): Show product/benefit
4. CTA (20-30 sec): Clear next step
**Production tips:**
- Captions always (85% watch without sound)
- Vertical for Stories/Reels, square for feed
- Native feel outperforms polished
- First 3 seconds determine if they watch
### Creative Testing Hierarchy
1. Concept/angle (biggest impact)
2. Hook/headline
3. Visual style
4. Body copy
5. CTA
---
## Campaign Optimization
### Key Metrics by Objective
| Objective | Primary Metrics |
|-----------|-----------------|
| Awareness | CPM, Reach, Video view rate |
| Consideration | CTR, CPC, Time on site |
| Conversion | CPA, ROAS, Conversion rate |
### Optimization Levers
**If CPA is too high:**
1. Check landing page (is the problem post-click?)
2. Tighten audience targeting
3. Test new creative angles
4. Improve ad relevance/quality score
5. Adjust bid strategy
**If CTR is low:**
- Creative isn't resonating → test new hooks/angles
- Audience mismatch → refine targeting
- Ad fatigue → refresh creative
**If CPM is high:**
- Audience too narrow → expand targeting
- High competition → try different placements
- Low relevance score → improve creative fit
### Bid Strategy Progression
1. Start with manual or cost caps
2. Gather conversion data (50+ conversions)
3. Switch to automated with targets based on historical data
4. Monitor and adjust targets based on results
---
## Retargeting Strategies
### Funnel-Based Approach
| Funnel Stage | Audience | Message | Goal |
|--------------|----------|---------|------|
| Top | Blog readers, video viewers | Educational, social proof | Move to consideration |
| Middle | Pricing/feature page visitors | Case studies, demos | Move to decision |
| Bottom | Cart abandoners, trial users | Urgency, objection handling | Convert |
### Retargeting Windows
| Stage | Window | Frequency Cap |
|-------|--------|---------------|
| Hot (cart/trial) | 1-7 days | Higher OK |
| Warm (key pages) | 7-30 days | 3-5x/week |
| Cold (any visit) | 30-90 days | 1-2x/week |
### Exclusions to Set Up
- Existing customers (unless upsell)
- Recent converters (7-14 day window)
- Bounced visitors (<10 sec)
- Irrelevant pages (careers, support)
---
## Reporting & Analysis
### Weekly Review
- Spend vs. budget pacing
- CPA/ROAS vs. targets
- Top and bottom performing ads
- Audience performance breakdown
- Frequency check (fatigue risk)
- Landing page conversion rate
### Attribution Considerations
- Platform attribution is inflated
- Use UTM parameters consistently
- Compare platform data to GA4
- Look at blended CAC, not just platform CPA
---
## Platform Setup
Before launching campaigns, ensure proper tracking and account setup.
**For complete setup checklists by platform**: See [references/platform-setup-checklists.md](references/platform-setup-checklists.md)
**For conversion pixel installation and event setup**: See [references/conversion-tracking.md](references/conversion-tracking.md)
### Universal Pre-Launch Checklist
- [ ] Conversion tracking tested with real conversion
- [ ] Landing page loads fast (<3 sec)
- [ ] Landing page mobile-friendly
- [ ] UTM parameters working
- [ ] Budget set correctly
- [ ] Targeting matches intended audience
---
## Google RSA Output Spec (mandatory when generating RSAs)
When the user requests Google Ads RSAs (Responsive Search Ads), output MUST comply with these platform limits and structural requirements. Do not output any RSA that violates them.
### Hard limits per RSA (enforce before responding)
- **Headlines:** exactly **15** per RSA, each **≤ 30 characters** (count characters, including spaces). Render as `1. ... (NN chars)` so the reader can verify.
- **Descriptions:** exactly **4** per RSA, each **≤ 90 characters**.
- **Paths:** up to 2 path fields, each **≤ 15 characters**.
- **Final URL:** present, https.
- **Pinning:** state any pinned positions explicitly. Default = unpinned unless user asks.
- **Per-account guardrail:** Google enforces **3 RSAs max per ad group**. When the user asks for >3, group them by ad group.
### Required sidecar artifacts (always include with RSA request)
1. **Ad group structure**, labeled `Ad group structure:` — list each ad group with its theme, target keywords (match types), and which RSAs map to it.
2. **Negative keyword list**, labeled `Negative keywords:` — minimum **8** entries, group-level vs campaign-level called out.
3. **Sitelinks** (≥ 4), **Callouts** (≥ 4 ≤25 chars), **Structured snippets** if relevant.
### Medical / CFM compliance (when product context indicates pt-BR medical practice)
If `.agents/product-marketing.md` indicates a Brazilian medical practice (CFM-regulated), the following terms are **forbidden** in headlines, descriptions, sitelinks, and callouts:
- Superlatives: `#1`, `melhor`, `o melhor`, `melhor do brasil`, `top`, `referência`
- Outcome promises: `garantido`, `garantia`, `cura`, `cura definitiva`, `100%`, `resultado garantido`, `livre da dor`
- Comparative claims vs other doctors/clinics
Use neutral framing: `atendimento`, `consulta`, `avaliação`, `segunda opinião`, `agende sua consulta`, `tire suas dúvidas`. Geo modifier (`Porto Alegre`, `POA`, `Zona Sul POA`) required where the prompt specifies a region.
### Output ORDER (mandatory — emit in this order to avoid truncation)
1. **Ad group structure** (short)
2. **Negative keywords** (≥8, MANDATORY — emit BEFORE RSAs so it isn't dropped if output runs long)
3. **Sitelinks** (≥4)
4. **Callouts** (≥4)
5. **RSA1, RSA2, RSA3** (largest section, last — safe to truncate gracefully)
### Output template (mandatory shape)
```
Ad group structure:
- AG1 [theme]: keywords (match types) → RSA1, RSA2
- AG2 [theme]: ...
Negative keywords:
Campaign-level:
- <kw>
- <kw>
(≥4 here)
Ad-group level:
- AG1: <kw>, <kw>
- AG2: <kw>, <kw>
(≥4 more here — TOTAL ≥8 entries)
Sitelinks (≥4):
- <title (≤25)> | <desc1 (≤35)> | <desc2 (≤35)> | URL
Callouts (≥4, each ≤25 chars):
- <callout>
RSA1 — [ad group name]
Final URL: https://...
Path1: ... Path2: ...
Headlines (15, each ≤30 chars):
1. <headline> (NN chars)
...
15. <headline> (NN chars)
Descriptions (4, each ≤90 chars):
1. <description> (NN chars)
...
4. <description> (NN chars)
Pinning: H1=none; H2=none; ... (or explicit pins)
RSA2 — ...
RSA3 — ...
```
### Self-check before responding
Before sending the output, run this checklist mentally:
- [ ] Each RSA has exactly 15 headlines, exactly 4 descriptions.
- [ ] Every headline is ≤30 chars; every description is ≤90 chars. Character counts printed.
- [ ] Negative keyword list labeled and ≥8 entries.
- [ ] Ad group structure labeled.
- [ ] If medical (CFM): no forbidden superlative/outcome words; geo modifier present where required; language is pt-BR.
If any check fails, rewrite before responding. Do not ship partial RSAs.
---
## Common Mistakes to Avoid
### Strategy
- Launching without conversion tracking
- Too many campaigns (fragmenting budget)
- Not giving algorithms enough learning time
- Optimizing for wrong metric
### Targeting
- Audiences too narrow or too broad
- Not excluding existing customers
- Overlapping audiences competing
### Creative
- Only one ad per ad set
- Not refreshing creative (fatigue)
- Mismatch between ad and landing page
### Budget
- Spreading too thin across campaigns
- Making big budget changes (disrupts learning)
- Stopping campaigns during learning phase
---
## Task-Specific Questions
1. What platform(s) are you currently running or want to start with?
2. What's your monthly ad budget?
3. What does a successful conversion look like (and what's it worth)?
4. Do you have existing creative assets or need to create them?
5. What landing page will ads point to?
6. Do you have pixel/conversion tracking set up?
---
## Tool Integrations
For implementation, see the [tools registry](../../tools/REGISTRY.md). Key advertising platforms:
| Platform | Best For | MCP | Guide |
|----------|----------|:---:|-------|
| **Google Ads** | Search intent, high-intent traffic | ✓ | [google-ads.md](../../tools/integrations/google-ads.md) |
| **Meta Ads** | Demand gen, visual products, B2C | - | [meta-ads.md](../../tools/integrations/meta-ads.md) |
| **LinkedIn Ads** | B2B, job title targeting | - | [linkedin-ads.md](../../tools/integrations/linkedin-ads.md) |
| **TikTok Ads** | Younger demographics, video | - | [tiktok-ads.md](../../tools/integrations/tiktok-ads.md) |
For tracking setup, see [references/conversion-tracking.md](references/conversion-tracking.md), [ga4.md](../../tools/integrations/ga4.md), [segment.md](../../tools/integrations/segment.md)
---
## Related Skills
- **ad-creative**: For generating and iterating ad headlines, descriptions, and creative at scale
- **copywriting**: For landing page copy that converts ad traffic
- **analytics**: For proper conversion tracking setup
- **ab-testing**: For landing page testing to improve ROAS
- **cro**: For optimizing post-click conversion rates
</code></pre> </div>
</div>
</div>
<script>
layui.use(function () {
var element = layui.element;
element.tab({
headerElem: "#skilldetailsL1_header>button",
bodyElem: "#skilldetailsL1_body>div",
});
});
</script>
<div class="skilldetailsL2">
<div class="skilldetailsL2_title">
<h2>모든 파일</h2>
<span>12개 파일</span>
</div>
<div class="skillFiles">
<div class="skillFilesL">
<b></b>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="SKILL.md" target="_blank"
aria-label="SKILL.md"
rel="nofollow">SKILL.md</a>
<span>25.1k</span>
</div>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="보기" target="_blank" aria-label="보기"
rel="nofollow">보기</a>
</div>
<div class="skillFiles">
<div class="skillFilesL">
<b></b>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="evals/evals.json" target="_blank"
aria-label="evals/evals.json"
rel="nofollow">evals/evals.json</a>
<span>6.3k</span>
</div>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="보기" target="_blank" aria-label="보기"
rel="nofollow">보기</a>
</div>
<div class="skillFiles">
<div class="skillFilesL">
<b></b>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="references/abm-playbook.md" target="_blank"
aria-label="references/abm-playbook.md"
rel="nofollow">references/abm-playbook.md</a>
<span>7k</span>
</div>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="보기" target="_blank" aria-label="보기"
rel="nofollow">보기</a>
</div>
<div class="skillFiles">
<div class="skillFilesL">
<b></b>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="references/ad-copy-templates.md" target="_blank"
aria-label="references/ad-copy-templates.md"
rel="nofollow">references/ad-copy-templates.md</a>
<span>4.7k</span>
</div>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="보기" target="_blank" aria-label="보기"
rel="nofollow">보기</a>
</div>
<div class="skillFiles">
<div class="skillFilesL">
<b></b>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="references/audience-targeting.md" target="_blank"
aria-label="references/audience-targeting.md"
rel="nofollow">references/audience-targeting.md</a>
<span>5.9k</span>
</div>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="보기" target="_blank" aria-label="보기"
rel="nofollow">보기</a>
</div>
<div class="skillFiles">
<div class="skillFilesL">
<b></b>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="references/b2b-paid-playbook.md" target="_blank"
aria-label="references/b2b-paid-playbook.md"
rel="nofollow">references/b2b-paid-playbook.md</a>
<span>7.8k</span>
</div>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="보기" target="_blank" aria-label="보기"
rel="nofollow">보기</a>
</div>
<div class="skillFiles">
<div class="skillFilesL">
<b></b>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="references/conversion-tracking.md" target="_blank"
aria-label="references/conversion-tracking.md"
rel="nofollow">references/conversion-tracking.md</a>
<span>10.9k</span>
</div>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="보기" target="_blank" aria-label="보기"
rel="nofollow">보기</a>
</div>
<div class="skillFiles">
<div class="skillFilesL">
<b></b>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="references/google-search-playbook.md" target="_blank"
aria-label="references/google-search-playbook.md"
rel="nofollow">references/google-search-playbook.md</a>
<span>9.6k</span>
</div>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="보기" target="_blank" aria-label="보기"
rel="nofollow">보기</a>
</div>
<div class="skillFiles">
<div class="skillFilesL">
<b></b>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="references/linkedin-b2b-playbook.md" target="_blank"
aria-label="references/linkedin-b2b-playbook.md"
rel="nofollow">references/linkedin-b2b-playbook.md</a>
<span>8.7k</span>
</div>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="보기" target="_blank" aria-label="보기"
rel="nofollow">보기</a>
</div>
<div class="skillFiles">
<div class="skillFilesL">
<b></b>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="references/meta-decision-system.md" target="_blank"
aria-label="references/meta-decision-system.md"
rel="nofollow">references/meta-decision-system.md</a>
<span>10.2k</span>
</div>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="보기" target="_blank" aria-label="보기"
rel="nofollow">보기</a>
</div>
<div class="skillFiles">
<div class="skillFilesL">
<b></b>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="references/platform-setup-checklists.md" target="_blank"
aria-label="references/platform-setup-checklists.md"
rel="nofollow">references/platform-setup-checklists.md</a>
<span>7.4k</span>
</div>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="보기" target="_blank" aria-label="보기"
rel="nofollow">보기</a>
</div>
<div class="skillFiles">
<div class="skillFilesL">
<b></b>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="references/rsa-output-spec.md" target="_blank"
aria-label="references/rsa-output-spec.md"
rel="nofollow">references/rsa-output-spec.md</a>
<span>3.6k</span>
</div>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="보기" target="_blank" aria-label="보기"
rel="nofollow">보기</a>
</div>
</div>
</div>
<div class="skilldetailsR">
<div class="skilldetailsR1">
<div class="skilldetailsR1s">
<h2>ads 설치</h2>
<div class="skilldetailsR1s_header" id="skilldetailsR1s_header">
<button class="layui-this">
<b></b>
<span>ZIP 다운로드</span>
</button>
<button class="">
<b></b>
<span>Git Clone</span>
</button>
</div>
<div class="skilldetailsR1s_body" id="skilldetailsR1s_body">
<div class="skilldetailsR1s_body1 layui-show">
<p>스킬 파일을 다운로드하여 .claude/skills/ 디렉터리에 압축을 풀어주세요.</p>
<a href="javascript:;" title="ZIP 다운로드" data-source="4BjOyEarbwo9uuzseBGlDg"
aria-label="ZIP 다운로드" role="button" class="skill_downloadzip">
<b></b>
<span>ZIP 다운로드</span>
</a>
</div>
<div class="skilldetailsR1s_body2">
<p>저장소를 클론하고 스킬 파일을 프로젝트에 복사하세요.</p>
<div class="skill_clone">
<p>
git clone https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads
# Copy SKILL.md to your .claude/skills/ directory </p>
<a href="javascript:;" title="복사" role="button" aria-label="복사"
class="skill_clone_copy">
<img src="/assets/images/prompt_word2RMs_p_btn.png"
alt="복사" />
<span>복사</span>
</a>
</div>
</div>
</div>
<div class="skilldetailsR1s_info">
<span>빠른 설정: </span>
스킬 폴더를 .claude/skills/로 복사하세요.
Claude가 해당 스킬을 자동으로 감지하여 사용할 것입니다. </div>
<div class="skilldetailsR1s_repository">
<span>저장소</span>
<a href="https://github.com/coreyhaines31/marketingskills/tree/main/skills/ads" title="coreyhaines31/marketingskills" target="_blank"
aria-label="저장소" rel="nofollow">coreyhaines31/marketingskills</a>
</div>
</div>
</div>
<div class="skilldetailsR2">
<h2>관련 스킬</h2>
<div>
<div class="skilldetailsR2s">
<a href="/ko/skill/detail/v4newfeatures.html" title="v4-new-features" aria-label="v4-new-features">v4-new-features</a>
<div>
<div class="skilldetailsR2s_time">
<b></b>
<span>업데이트 된 시간 2026년 8월 4일</span>
</div>
<button class="xix_star skill_datas"
data-source="FOOkz3cB1zQLmooYUuyD9Q">
<b></b>
<span
class="collectNums_FOOkz3cB1zQLmooYUuyD9Q">0</span>
</button>
</div>
</div>
<div class="skilldetailsR2s">
<a href="/ko/skill/detail/multicacreatingagents.html" title="multica-creating-agents" aria-label="multica-creating-agents">multica-creating-agents</a>
<div>
<div class="skilldetailsR2s_time">
<b></b>
<span>업데이트 된 시간 2026년 8월 12일</span>
</div>
<button class="xix_star skill_datas"
data-source="wcJ6Csgb6_7_i9yjDe8L0Q">
<b></b>
<span
class="collectNums_wcJ6Csgb6_7_i9yjDe8L0Q">0</span>
</button>
</div>
</div>
<div class="skilldetailsR2s">
<a href="/ko/skill/detail/pixijsapplication.html" title="pixijs-application" aria-label="pixijs-application">pixijs-application</a>
<div>
<div class="skilldetailsR2s_time">
<b></b>
<span>업데이트 된 시간 2026년 8월 4일</span>
</div>
<button class="xix_star skill_datas"
data-source="js2vKuFFZmRE_DVbuZy0bw">
<b></b>
<span
class="collectNums_js2vKuFFZmRE_DVbuZy0bw">0</span>
</button>
</div>
</div>
<div class="skilldetailsR2s">
<a href="/ko/skill/detail/tilemaps.html" title="tilemaps" aria-label="tilemaps">tilemaps</a>
<div>
<div class="skilldetailsR2s_time">
<b></b>
<span>업데이트 된 시간 2026년 8월 4일</span>
</div>
<button class="xix_star skill_datas"
data-source="OTrjcxUytHWarFUWhFWbBw">
<b></b>
<span
class="collectNums_OTrjcxUytHWarFUWhFWbBw">0</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="footer">
<div class="footer1">
<div class="footer11">
<span class="footer11_title">핫 AI 도구</span>
<div class="footer11info">
<a href="/ko/tool/ai-clothes-remover.html" aria-label="AI Clothes Remover" class="footer11s">AI Clothes Remover</a>
<a href="/ko/tool/deepnude-generator.html" aria-label="DeepNude generator" class="footer11s">DeepNude generator</a>
<a href="/ko/tool/purechat.html" aria-label="PureChat" class="footer11s">PureChat</a>
</div>
</div>
<div class="footer12">
<span class="footer11_title">잠재력이있는 AI 도구</span>
<div class="footer11info">
<a href="/ko/tool/idea-box-ai-tool.html" aria-label="Name Idea Box" class="footer11s">Name Idea Box</a>
<a href="/ko/tool/qi-jing-ai-ai-tool.html" aria-label="奇境 AI" class="footer11s">奇境 AI</a>
<a href="/ko/tool/ezaudio-ai-tool.html" aria-label="EZAudio" class="footer11s">EZAudio</a>
</div>
</div>
<div class="footer13">
<span class="footer11_title">더 읽으십시오</span>
<div class="footer11info">
<a href="/ko/ainews/ai-hosts-notebooklm-podcast-interviews.html" aria-label="AI Notebooklm Podcast의 AI 호스트는 이제 인터뷰에 참여할 수 있습니다" class="footer11s">AI Notebooklm Podcast의 AI 호스트는 이제 인터뷰에 참여할 수 있습니다</a>
<a href="/ko/ainews/corporate-ai-adoption-leveling-ramp-data.html" aria-label="기업 AI 도입 정체기, 램프 데이터에 따르면" class="footer11s">기업 AI 도입 정체기, 램프 데이터에 따르면</a>
<a href="/ko/ainews/microsoft-unveils-businessfocused-copilot-surface-devices-powered-intel.html" aria-label="Microsoft는 인텔이 구동하는 비즈니스 중심 Copilot+ 표면 장치를 공개합니다" class="footer11s">Microsoft는 인텔이 구동하는 비즈니스 중심 Copilot+ 표면 장치를 공개합니다</a>
</div>
</div>
<div class="footer4">
<span class="footer11_title">따르다</span>
<div class="footer11info">
<a href="javascript:;" class="footer11s">저희에게 연락하십시오</a>
<a href="mailto:admin@xix.ai" role="button" aria-label="저희에게 연락하십시오" class="footer11s">admin@xix.ai</a>
<a href="/sitemap.xml" class="footer11s" aria-label="SiteMap">SiteMap</a>
</div>
</div>
</div>
<span class="footer2"></span>
<div class="footer3">Copyright ©2025 xix.ai All Rights Reserved.</div>
</div>
</footer>
<div class="ai_cookie" style="display: none">
<div class="ai_cookie_b">
<div class="icon_f ai_cookie_close">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-guanbi1"></use>
</svg>
</div>
<p>
「모든 쿠키 수락」을 클릭하면 사이트 탐색 개선, 사이트 사용 분석 및 마케팅 활동 지원을 위해 장치에 쿠키를 저장하는 데 동의하게 됩니다.<span>개인정보 취급방침</span> 공지 </p>
<div class="cokiesetRight">
<a href="javascript:;" class="cokieA ai_cookie_open" role="button" aria-label="쿠키 설정">쿠키 설정</a>
<a href="javascript:;" class="cokieA RefuseCookies" role="button" aria-label="모두 거부">모두 거부</a>
<a href="javascript:;" class="cokieA cokieAall" role="button" aria-label="모든 쿠키 수락">모든 쿠키 수락</a>
</div>
</div>
</div>
<div class="ai_cookieSettings" style="display: none">
<div class="layuiDivcokie layui-layer-wrap" id="layuiDivcokie" style="display: block">
<div class="cokielayTop dlyflx">
<img src="/assets/images/logo.png" alt="" />
<div class="icon_f ai_cookie_close1">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-guanbi"></use>
</svg>
</div>
</div>
<hr />
<div class="cokielayDown dlyflx">
<p class="cokielaydTop">개인정보 설정</p>
<p class="cokielaydDesc">
웹사이트를 방문하면 브라우저에 정보를 저장하거나 불러올 수 있으며, 대부분은 쿠키의 형태입니다. 이 정보는 사용자, 환경설정 또는 기기에 관한 것일 수 있으며, 사이트가 기대한 대로 작동하도록 하는 데 주로 사용됩니다. 이 정보가 직접적으로 사용자를 식별하지는 않지만, 더 개인화된 웹 환경을 제공할 수 있습니다. 당사는 사용자의 개인정보 보호 권리를 존중하기 때문에 일부 유형의 쿠키를 허용하지 않을 수 있습니다. 각 카테고리 제목을 클릭하면 자세히 알아보고 기본 설정을 변경할 수 있습니다. 그러나 일부 유형의 쿠키를 차단하면 사이트 이용 경험 및 제공 가능한 서비스에 영향을 줄 수 있습니다. <a href="#" title="개인정보 취급방침" aria-label="개인정보 취급방침"><span>개인정보 취급방침</span></a> <b>성명</b> </p>
<div class="cokielayDivdown">
<p class="coklaydownP">환경설정 관리</p>
<ul class="cokidownUl">
<li class="cokidownli dlyflx" style="padding: 25px 0px 25px">
<div class="ckdTops">
<div class="ckdLeft">
<div class="icon_f">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-add"></use>
</svg>
<svg class="icon icon_active" aria-hidden="true">
<use xlink:href="#icon-add1"></use>
</svg>
</div>
<p class="ckdlipmid">필수 쿠키</p>
</div>
<p class="ckdlipr">항상 활성화</p>
</div>
<p class="ckdDowns">
이 쿠키는 웹사이트가 정상적으로 기능하는 데 필요하며, 우리 시스템에서 끌 수 없습니다. 이러한 쿠키는 일반적으로 개인정보 설정, 로그인 또는 양식 작성과 같은 서비스 요청에 해당하는 사용자 행동에 응답하여만 설정됩니다. 브라우저를 설정하여 이러한 쿠키를 차단하거나 경고할 수 있지만, 그 경우 사이트의 일부 기능이 작동하지 않을 수 있습니다. 이러한 쿠키는 개인 식별 정보를 저장하지 않습니다. </p>
</li>
</ul>
</div>
</div>
<div class="cklyBtn">
<a href="javascript:;" role="button" aria-label="모든 쿠키 수락" class="active cokieAall">모든 쿠키 수락</a>
</div>
</div>
<script>
$(document).on("click", ".ai_cookie_close", function () {
$(".ai_cookie").hide();
});
$(document).on("click", ".ai_cookie_close1", function () {
$(".ai_cookieSettings").hide();
});
$(document).on("click", ".ai_cookie_open", function () {
$(".ai_cookieSettings").show();
});
$(document).on("click", ".ckdLeft", function () {
var $li = $(this).closest("li");
var $downs = $li.find(".ckdDowns");
var $iconBox = $(this).find(".icon_f");
$downs.slideToggle(200, function () {
if ($downs.is(":visible")) {
$iconBox.find(".icon").hide();
$iconBox.find(".icon_active").show();
} else {
$iconBox.find(".icon").hide();
$iconBox.find(".icon").first().show();
}
});
});
</script>
</div>
<link rel="stylesheet" type="text/css" href="https://accounts.google.com/gsi/style">
<div class="login_tab">
<div class="login_mainC">
<div class="login_tab_top">
<div class="login_tab_top1">
<a href="javascript:;" role="tab" aria-label="로그인" aria-selected="true" class="login_tab_top1a ">로그인</a>
<a href="javascript:;" role="tab" aria-label="가입하십시오" aria-selected="false" class="login_tab_top2a">가입하십시오</a>
</div>
<div class="login_tab_top2">
<a href="javascript:;"><img src="/assets/images/login_mainC_top_m_img.png" alt=""></a>
</div>
</div>
<div class="forms_google">
<div id="g_id_signin"></div>
</div>
<div class="forms_or">
<div class="forms_line"></div>
<span>OR</span>
<div class="forms_line"></div>
</div>
<div class="login_tab_bottom">
<div class="login_tab_top1a_bottom">
<div class="login_form ">
<div class="login_forms">
<img src="/assets/images/login_email.png" alt="이메일">
<input type="text" placeholder="이메일 주소를 작성하십시오" class="login_forms_email">
<span></span>
</div>
<div class="login_forms">
<img src="/assets/images/login_password.png" alt="비밀번호">
<input type="password" placeholder="비밀번호를 입력하십시오" class="login_forms_password">
<i style="cursor: pointer;" class="layui-icon layui-icon-eye-invisible toggle-password"
id="toggleLoginPassword"></i>
<span></span>
</div>
<div class="login_forms forms_code1">
<input type="text" placeholder="그래픽 검증 코드를 입력하십시오"
class="login_forms_captcha">
<img src="" alt="그래픽 검증 코드를 입력하십시오" class="login-js-refresh-captcha">
<span></span>
</div>
<div class="login_forms_bottom">
<label class="login_remember">
<input type="checkbox" aria-label="나를 기억하십시오">
<span>나를 기억하십시오</span>
</label>
<a href="/ko/account/forgetPassword.html" aria-label="비밀번호를 변경하십시오" class="login_forget">비밀번호를 잊어 버렸습니다</a>
</div>
<a href="javascript:;" type="button" role="button" aria-label="로그인" id="login_button" class="login_button">로그인</a>
</div>
</div>
<div class="login_tab_top2a_bottom">
<div class="login_form">
<div class="login_forms">
<img src="/assets/images/login_email.png" alt="이메일">
<input type="text" placeholder="이메일 주소를 작성하십시오" class="register_forms_email">
<span></span>
</div>
<div class="login_forms">
<img src="/assets/images/login_password.png" alt="비밀번호">
<input type="password" placeholder="비밀번호를 입력하십시오" class="register_forms_password">
<i style="cursor: pointer;" class="layui-icon layui-icon-eye-invisible toggle-password"
id="toggleRegisterPassword"></i>
<span></span>
</div>
<div class="login_forms forms_code1">
<input type="text" placeholder="그래픽 검증 코드를 입력하십시오"
class="register_forms_captcha">
<img src="" alt="그래픽 검증 코드를 입력하십시오" class="register-js-refresh-captcha" id="register_captcha">
<span></span>
</div>
<div class="login_forms">
<input type="text" class="verify-code-input" placeholder="확인 코드를 입력하십시오">
<button id="verifyCodeBtn" class="verify-code-btn" data-text="확인 코드를 가져옵니다">확인 코드를 가져옵니다</button>
<span></span>
</div>
<a href="javascript:;" role="button" aria-label="가입하십시오" class="login_button" id="register_button">가입하십시오</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://accounts.google.com/gsi/client" async defer></script>
<script>
$(document).ready(function () {
LoginRegister.init({
selectors: {
email: {
login: '.login_forms_email',
register: '.register_forms_email'
},
password: {
login: '.login_forms_password',
register: '.register_forms_password'
},
captcha: {
login: '.login_forms_captcha',
register: '.register_forms_captcha',
verify: '.verify-code-input'
},
buttons: {
login: '#login_button',
register: '#register_button',
verifyCode: '#verifyCodeBtn'
},
tabs: {
login: '.login_tab_top1a',
register: '.login_tab_top2a',
close: '.login_tab_top2 a'
}
},
messages: {
email: "이메일 형식이 잘못되었습니다",
password: {
empty: "비밀번호를 입력하십시오",
invalid: "비밀번호는 6-18 자이어야하며 문자와 숫자가 모두 포함되어 있습니다."
},
captcha: "그래픽 검증 코드를 입력하십시오",
verifyCode: "확인 코드를 입력하십시오",
operationInProgress: "진행중인 운영 중, 기다려주세요",
unexpectedError: "예상치 못한 오류가 발생했습니다"
},
urls: {
login: "/ko/account/dologin.html",
register: "/ko/account/register.html",
getMailSign: "/ko/account/getMailSign",
sendMail: "/ko/account/registerSendMail.html",
redirctUrl:'pc'
}
});
});
function initializeGoogleSignIn() {
if (typeof google === 'undefined' || !google.accounts) {
setTimeout(initializeGoogleSignIn, 100);
return;
}
google.accounts.id.initialize({
client_id: "294584378011-s53466qiuig7d30tcqrpjv1ue3ni2gun.apps.googleusercontent.com",
callback: handlePCCredentialResponse,
auto_select: false,
locale: 'ko',
});
google.accounts.id.renderButton(
document.getElementById("g_id_signin"),
{
theme: "outline",
size: "large",
type: "standard",
shape: "rectangular",
logo_alignment: "left",
text: "signin_with",
width: 400,
locale: 'ko',
}
);
}
document.addEventListener('DOMContentLoaded', initializeGoogleSignIn);
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LN407DS0B4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LN407DS0B4');
</script>
<script src="/kukukuwl.js" type="text/javascript"></script>
<a href="javascript:void(0);" class="totop" role="button" aria-label="위로 돌아갑니다"><img src="/assets/images/totop.png" alt="" /></a>
<script>
layui.use(function () {
var element = layui.element;
element.tab({
headerElem: "#skilldetailsR1s_header>button",
bodyElem: "#skilldetailsR1s_body>div",
});
});
function initSkillCloneCopy() {
$(document)
.off("click.skillCloneCopy")
.on("click.skillCloneCopy", ".skill_clone .skill_clone_copy", function (e) {
e.preventDefault();
var $btn = $(this);
var $img = $btn.find("img");
var text = $.trim($btn.siblings("p").text());
var $temp = $("<textarea>");
$("body").append($temp);
$temp.val(text).select();
try {
document.execCommand("copy");
// 切换成功图标
$img.attr("src", "/assets/images/prompt_word2RMs_p_btn_ok.png");
$btn.addClass("active");
// 清除上一次定时器
clearTimeout($btn.data("copyTimer"));
// 3秒后恢复原图
var timer = setTimeout(function () {
$img.attr("src", "/assets/images/prompt_word2RMs_p_btn.png");
$btn.removeClass("active");
}, 3000);
$btn.data("copyTimer", timer);
} catch (err) {
alert("复制失败");
}
$temp.remove();
});
}
function initSkilldetailsFixed() {
var $box = $(".skilldetailsR1");
if (!$box.length) {
return;
}
var fixedTop = 20;
var topOffset = $box.offset().top;
var boxHeight = $box.outerHeight();
var $placeholder = $("<div></div>").height(boxHeight).hide();
$box.before($placeholder);
function handleFixed() {
if ($(window).width() <= 1024) {
$placeholder.hide();
$box.css({
position: "",
top: "",
width: "",
zIndex: "",
});
return;
}
var scrollTop = $(window).scrollTop();
if (scrollTop >= topOffset - fixedTop) {
$placeholder.show();
$box.css({
position: "fixed",
top: fixedTop + "px",
width: $placeholder.width() + "px",
zIndex: 100,
});
} else {
$placeholder.hide();
$box.css({
position: "",
top: "",
width: "",
zIndex: "",
});
}
}
$(window).on("scroll.skilldetailsFixed resize.skilldetailsFixed", handleFixed);
handleFixed();
}
function initSkilldetailsExpand() {
$(".skilldetailsL_p").each(function () {
var $item = $(this);
$item.find(".skilldetailsL_p_expand").text($item.hasClass("active") ? "...모든 것을 확장하십시오" : "숨겨진");
});
$(document)
.off("click.skilldetailsExpand")
.on("click.skilldetailsExpand", ".skilldetailsL_p_expand", function (e) {
e.preventDefault();
var $parent = $(this).closest(".skilldetailsL_p");
if ($parent.hasClass("active")) {
$parent.removeClass("active");
$(this).text("숨겨진");
} else {
$parent.addClass("active");
$(this).text("...모든 것을 확장하십시오");
}
});
}
function checkFollow() {
let dataSources = [];
$('button.skill_datas').each(function () {
let source = $(this).data('source');
if (source) {
dataSources.push(String(source).trim());
}
});
dataSources = [...new Set(dataSources)];
if (dataSources.length === 0) {
return;
}
$.post('/api/user/FindSkillFollow', {
source: dataSources
}, function (res) {
if (res.code == 1 && res.data.length > 0) {
res.data.forEach(function (id) {
$('button.skill_datas[data-source="' + id + '"]').addClass('active');
});
}
}, 'json');
}
$(function () {
checkFollow();
initSkillCloneCopy();
initSkilldetailsFixed();
initSkilldetailsExpand();
});
$(document).on('click', 'button.skill_datas', function (e) {
e.preventDefault();
const that = $(this);
let source = that.data('source');
if (!source || source === undefined || !CommonUtils.checkLogin()) return false;
layer.load(2, {
shade: [0.3, "#000"],
time: 0,
});
var path = "/user/followSkill";
var realPath = CommonUtils.getRealPath(path);
$.post(realPath, { source: source }, function (result) {
layer.closeAll();
CommonUtils.showMsg(result.msg, result.code);
if (result.code == 1) {
var values = result.data.data_source;
var count = result.data.count;
var collected = result.data.collected;
var elements = $(".collectNums_" + values);
if (elements.length > 0) {
elements.each(function () {
$(this).parents('button').toggleClass('active', collected);
$(this).text(count);
});
}
}
})
})
$(document).on('click', '.skill_downloadzip', function (e) {
e.preventDefault();
const url = $(this).data("source");
if (!url) return;
window.open("/api/index/download_zip?source=" + encodeURIComponent(url), "_blank");
})
</script>
</body>
</html>