왕초보 정보 공유

쿠팡파트너스 다이나믹 배너 설정

유니비소프트 2024. 1. 7. 21:31
728x90

쿠팡파트너스 다이나믹 배너 설정

728x90

이것을 보는 당신은 이미 수익실현이 가능합니다.

보통 쿠팡파트너스 하는 법을 검색하면 링크를 생성하여 해당 상품 하나만 등록하는데

그것보다 효율적으로 구매자마다( 고객 관심 기반 추천 ) 원하는 상품을 다이나믹하게 표출하여

구매할 수 있는 다이나믹 배너 설정하는 법을 설명하도록 하겠습니다.

1. 쿠팡파트너스 회원가입

쿠팡회원이라면 해당 아이디로 가볍게 가입이 가능합니다.

쿠팡파트너스 링크는 아래 제공하였습니다.

https://partners.coupang.com/

 

Coupang Partners

쿠팡과 함께 수익을 창출해보세요

partners.coupang.com

 

2. 다이나믹 배너 생성

링크생성 메뉴에 다이나믹 배너를 클릭합니다.

 

배너만들기 화면에서

배너 제목, 배너타입 , 배너데이터 , 크기조정 , 테두리 항목이 있는데

보통 아래 기본값으로 세팅하거나 본인에 맞게 선택하시면 됩니다.

 

배너만들기를 클릭하면 아래와 같이 파트너스 코드라고 표시 됩니다.

자바스크립트 태그 또는 아이프레임 선택화면이 나오는데

간단한 자바스크립트 태그로 하시고 복사를 누르시면 됩니다.

 

3. 내 블로그 또는 웹사이트에 해당링크 삽입하기

링크를 복사하여 운영하는 사이트에 소스를 넣으면 됩니다.

블로그 사용자들은 티스토리를 기준으로 설명하겠습니다.

아래 스킨편집에서 html 편집을 클릭해주세요.

그러면 정체를 알 수 없는 HTML 소스들이 보입니다.

하지만 괜찮습니다. 정체를 알 수 없는 애들은 그냥 놔두시면 됩니다.

본인이 원하는 자리를 먼저 생각해보세요

보통 이런 소스들은 Header , body , footer 순으로 정리가 됩니다.

헤더는 말그대로 머리쪽 바디는 몸쪽 풋터는 다리쪽으로 위치를 생각하시면 됩니다.

저는 헤더와 바디 사이에 배너를 넣으려고 합니다.

해더가 끝나는 지점은 </header> 라고 표시 되어 있습니다. (노란색 표시)

그밑에 container라고 있는데 그 바로 아래 쿠팡파트너스에서 받은 소스를 붙여 넣기 합니다.(자두색 표시)

 

자 결과를 보겠습니다. 아래와 같이 쿠팡파트너스 다이나믹 배너가 설정되었습니다.

그런데 뭔가 이상하죠? 왼쪽으로 치우쳐 있습니다. 이럼 안되죠~

하지만 걱정하지 마세요 별거 아닙니다.

제가 알려주는 대로 하면 바로 수정되니 걱정마세요.

 

자세히 보면 <class="area-main"> 이라는 것이 있습니다.

그 아래에 넣어주시고 저장해주세요.

 

 

 

짜잔!!

위에 메뉴와 본문 사이에 정확히 이쁜 싸이즈로 링크가 생성되었어요.

참 쉽죠잉~~!

아무쪼록 도움이 되었길 바랍니다.

모두 부자되세요~~

 

 

728x90