소개
경영지도사로서 폐업을 고민하는 소상공인 분들을 위한 '사업 정리 컨설팅' 랜딩페이지를 만들었습니다. 단순히 페이지만 만드는 게 아니라, 실제로 몇 명이 들어왔는지(Google Analytics) 확인하고, 고객들에게 신뢰를 주기 위해 ‘소상공인철거.com’이라는 한글 도메인까지 직접 연결해보고 싶었습니다. 개발 지식이 전혀 없지만 AI의 도움을 받아 실무에 바로 쓸 수 있는 수준으로 완성하는 것이 목표였습니다.
진행 방법
도구: Cursor (또는 Windsurf), Vercel(배포), Google Tag Manager(GTM), Google Analytics(GA4)
활용: AI에게 "구글 태그 매니저 심어줘", "성과 확인은 어떻게 해?", "도메인 사고 싶어"라고 마치 직원에게 시키듯 자연어로 요청했습니다.
Tip: 사용한 프롬프트 (요약)
"구글 태그 매니저(GTM) 코드를 index.html에 넣어줘."
"광고 성과를 보고 싶은데 GA4랑 어떻게 연결해?"
"Vercel에서 '소상공인철거.com' 도메인을 사 서 연결해줘." (핵심 에러 해결)
Tip: 코드 예시 (AI가 짜준 GTM 코드)
<head><!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-M47XCFBH');</script>
<!-- End Google Tag Manager -->
</head>
결과와 배운 점
배운 점과 나만의 꿀팁
GTM 설치의 위력: 개발자가 없어도 마케터가 직접 태그를 관리할 수 있는 환경을 AI가 1분 만에 세팅해 줬습니다.
한글 도메인 주의점 (퓨니코드): Vercel에서 한글 도메인(
소상공인철거.com)을 바로 입력하니 에러가 났습니다. AI가xn--v69awjx02cgxaw0tkki.com같은 '퓨니코드'로 변환해서 입력해야 한다고 알려줘서 해결할 수 있었습니다. 이거 몰랐으면 하루 종일 헤맸을 것 같습니다.
과정 중에 겪은 시행착오
처음에 GTM 컨테이너 ID를 잘못된 것(기존 것)으로 알려줬는데, AI가 두 개의 계정이 있는 걸 화면 캡처만 보고 파악해서 "어떤 걸로 바꿔드릴까요?"라고 먼저 물어봐 줬습니다.
도메인 구매 후 'Invalid Configuration' 에러가 떴을 때 당황했지만, AI가 "결제 문자 왔으면 정상이다. 5분만 기다려라"라고 안심시켜 줬습니다.
앞으로의 계획
이제 세팅된 구글 애널리틱스로 유입 경로(블로그, 인스타 등)를 분석해서 마케팅 효율을 높일 계획입니다. 코딩을 몰라도 내 사업을 위한 IT 인프라를 구축할 수 있다는 자신감이 생겼습니다!
네이버웹로그분석, geo노출, 검색엔진 등록 등을 어떻게 하는지 궁금합니다!
