쿠팡 파트너스 크롬 확장 프로그램 1편: 링크 생성기, 링크 자동 만들기

쿠팡 파트너스 크롬 확장 프로그램 1편: 링크 생성기, 링크 자동 만들기

쿠팡 파트너스 딥링크를 아주 간편하게 만드는 방법을 알고 계신가요? 크롬 확장 프로그램을 활용하면 내가 보고 있는 상품 페이지의 주소를 자동으로 인식하여, 클릭 한 번으로 수익용 링크를 만들고 복사까지 한 번에 끝낼 수 있습니다.

블로그나 유튜브, SNS 등 다양한 채널에서 콘텐츠를 만들며 수익을 내고 계신 분들이라면, 매번 상품을 소개할 때마다 쿠팡 상품 링크 생성 과정이 얼마나 번거로운지 공감하실 겁니다.

평소처럼 쿠팡 파트너스 홈페이지에 일일이 접속해서 상품 번호를 검색하고, 링크를 변환한 뒤 다시 복사해서 가져오는 방식은 시간도 많이 걸리고 작업의 흐름을 끊기게 만듭니다. 이러한 비효율적인 반복 작업을 줄이기 위해, 초보자도 쉽게 따라 할 수 있는 크롬 확장 프로그램 제작법을 소개합니다. 이 도구를 사용하면 쿠팡 상품 링크 자동 생성이 가능해져 업무 효율이 몰라보게 높아집니다.

쿠팡 파트너스 크롬 확장 프로그램의 작동 원리

이 프로그램은 사용자가 쿠팡 쇼핑몰에서 특정 상품을 구경하는 동안 뒤에서 묵묵히 제 역할을 수행합니다. 구체적인 동작 방식은 다음과 같습니다.

  • 쇼핑 중인 상품 페이지에 들어가면 쿠팡 크롬 확장 프로그램이 현재 화면의 주소를 즉시 파악합니다.
  • 미리 등록해둔 사용자의 파트너스 API 정보를 바탕으로 딥링크 생성을 요청합니다.
  • 쿠팡 서버에서 전달받은 짧은 단축 URL을 컴퓨터의 클립보드에 자동으로 저장합니다.
  • 사용자는 별도의 복사 과정 없이 본문에 바로 ‘붙여넣기’만 하면 됩니다.

기존 코드 수정 및 최신 버전 개선 사항

기존에 사용되던 방식이 구글 크롬의 정책 변화로 인해 제대로 작동하지 않는 경우가 생기면서, 이를 최신 환경에 맞춰 직접 수정하고 보완한 버전입니다.

Manifest V3 전환에 따른 업데이트 이유

구글은 보안과 성능 향상을 위해 확장 프로그램 설계 방식인 Manifest를 V2에서 V3로 교체하고 있습니다. 이 과정에서 쿠팡 파트너스 자동화 코드에도 몇 가지 변화가 필요해졌습니다.

  • 서비스 워커 도입: 항상 켜져 있던 백그라운드 코드가 필요할 때만 실행되는 이벤트 방식으로 바뀌어 PC 자원을 덜 소모합니다.
  • 보안 강화: 외부 파일을 불러오는 방식이 제한되어 API 키 관리 방식이 chrome.storage 활용이나 안전한 코드 삽입 형태로 변경되었습니다.
  • 리소스 접근 제어: 허가받지 않은 외부 접근이 차단되어 내부 구조를 더 탄탄하게 재설계했습니다.

이러한 변화 때문에 예전 코드는 오류가 날 수 있습니다. 따라서 API 키를 직접 코드에 넣어 테스트하거나 저장소에 보관하는 방식으로 구조를 개선해야 정상적으로 수익용 링크가 만들어집니다.

크롬 웹스토어 개발자 모드를 활용한 쿠팡 파트너스 확장 프로그램 설치 및 설정 화면

링크 자동 생성이 필요한 이유

  • 시간 관리: 링크 하나를 만들기 위해 여러 사이트를 오가는 헛수고를 덜어줍니다.
  • 정확도 향상: 수동으로 복사할 때 생길 수 있는 주소 누락이나 오타를 방지합니다.
  • 맞춤형 도구: 내가 원하는 기능만 골라 나만의 수익 자동화 환경을 구축할 수 있습니다.
쿠팡 상품 페이지에서 확장 프로그램을 통해 자동으로 딥링크가 생성되는 과정 설명 이미지

프로그램 실행 순서

  1. 구매하고 싶은 혹은 소개하고 싶은 상품 페이지에 접속합니다.
  2. 프로그램이 해당 쿠팡 상품 주소를 스스로 찾아냅니다.
  3. 연결된 API를 통해 즉시 수익 링크 제작을 요청합니다.
  4. 완성된 주소를 팝업창에 띄워주거나 클립보드에 담아줍니다.

이 모든 과정이 사용자가 특별한 조작을 하지 않아도 보이지 않는 곳에서 순식간에 이루어집니다.

1. 설치 전 준비: 압축 해제와 코드 수정

확장 파일 준비하기

  • 준비된 프로그램 소스 코드를 다운로드합니다.
  • 다운로드한 ZIP 파일의 압축을 관리하기 편한 폴더에 풀어줍니다.
다운로드한 확장 프로그램 압축 파일을 특정 폴더에 해제하여 구성 파일을 확인하는 모습

주요 파일 설명

  • manifest.json: 프로그램의 이름, 버전, 권한 등 기본 명세서입니다.
  • background.js: 실제 링크를 요청하고 응답을 처리하는 핵심 두뇌 역할을 합니다.
  • content.js: 쿠팡 페이지와 직접 소통하며 정보를 읽어오는 코드입니다.
  • icons/: 브라우저 상단에 표시될 아이콘 이미지들입니다.

2. 파트너스 API 키 설정 (필수 단계)

나의 계정으로 수익이 집계되려면 본인만의 고유 키 값을 설정해야 합니다. 쿠팡 파트너스 API 설정은 이 과정에서 가장 핵심입니다.

API 키 확인 방법

  • 쿠팡 파트너스 홈페이지의 ‘추가 기능’ 메뉴에서 API 키를 생성합니다.
  • 발급된 Access Key와 Secret Key를 메모장에 잘 적어두세요.
쿠팡 파트너스 센터 홈페이지에서 API 키와 시크릿 키를 발급받는 관리 화면

background.js 코드 업데이트

파일 내에서 아래와 같은 설정 부분을 찾아 본인의 키 값으로 교체해 줍니다.

const COUPANG_API_CONFIG = {
  ACCESS_KEY: "본인의 액세스 키", 
  SECRET_KEY: "본인의 시크릿 키", 
  SUB_ID: "본인의 아이디" 
};

이 코드는 보안 알고리즘을 거쳐 쿠팡 서버에 정식으로 딥링크 생성을 요청하게 됩니다. 제작이 완료된 후 배포를 생각하신다면 이 키 값들이 노출되지 않도록 별도의 관리 기능을 추가하는 것이 좋습니다.

브라우저에 도구 등록하기

  1. 크롬 주소창에 chrome://extensions를 입력해 이동합니다.
  2. 우측 상단의 개발자 모드 스위치를 켭니다.
  3. ‘압축해제된 확장 프로그램을 로드합니다’ 버튼을 누릅니다.
  4. 아까 압축을 풀었던 폴더를 선택하면 설치가 완료됩니다.

정상적으로 등록되었다면 주소창 옆에 작은 아이콘이 생깁니다.

크롬 브라우저 확장 프로그램 관리자 페이지에서 개발자 모드를 켜고 프로그램을 등록하는 순서

테스트 및 오류 확인

  • 쿠팡 쇼핑몰에 들어가 아무 상품이나 클릭해 봅니다.
  • 클립보드에 주소가 복사되었다는 메시지가 뜨는지 확인합니다.
  • 만약 작동하지 않는다면 확장 프로그램 관리 페이지의 ‘서비스 워커’를 눌러 에러 로그를 확인해 보세요.

나만의 자동화로 수익과 시간 모두 챙기기

이제 쿠팡 파트너스 딥링크를 하나하나 만들며 시간을 낭비할 필요가 없습니다. 페이지를 열기만 해도 수익 링크가 준비되는 쾌적한 환경을 경험해 보세요.

댓글 남기기