[블로그 만들기 10편] 쿠팡 파트너스 다이나믹 배너 설치

안녕하세요 빵범입니다.

[블로그 만들기 9편]에서 쿠팡 파트너스 검색 위젯을 설치해보았습니다.

검색위젯 설치 방법은 아래 포스트에서 확인 바랍니다.

[블로그 만들기 9편] 쿠팡 파트너스 검색위젯 설치

안녕하세요 빵범입니다. [블로그 만들기 8편]에서 애드센스를 신청했지만 언제 승인이 될지 모르겠습니다. 애드센스 신청 방법은 아래 포스트에서 확인 바랍니다. https://bbangbum.tistory.com/20 [블로그 만들기..

bbangbum.tistory.com

오늘은 쿠팡 파트너스에서 다이나믹 배너를 설치 해보도록 하겠습니다.

# 1

쿠팡 파트너스 웹페이지에 접속하여 로그인합니다.

"링크생성 > 다이나믹배너"를 클릭합니다.

+ 배너 생성을 클릭하고 하나씩 만들어 보겠습니다.

배너 제목, 배너 타입, 배너 데이터를 아래와 같이 적고 크기 조정을 해줍니다.

저는 "고객 관심 기반 추천"과 "추천 상품 피드"를 선택하였습니다.

그리고 블로그 사이드바에 배너를 넣을 예정이라 높이를 크게 조정해 보았습니다.

배너 만들기를 클릭하면 파트너스 코드가 나옵니다.

복사를 클릭해줍니다.

자신의 블로그 관리 페이지에 들어가서 "꾸미기 > 사이드바"에 들어갑니다.

사이드바에 저번과 동일하게 HTML 배너 출력의 + 버튼을 클릭하고 사이드바 3에 넣어줍니다.

편집 화면에 HTML 코드를 붙여 넣기를 하고 변경사항 저장을 클릭합니다.

블로그 메인 화면에 아래와 같이 적용이 된 것을 볼 수 있습니다.

# 2

다이나믹 배너를 블로그에 적용을 하였는데 왠지 이쁘지 않습니다.

그래서 배너 위치를 수정하고 HTML을 수정해보도록 하겠습니다.

우선 쿠팡 파트너스 검색 위젯의 위치를 바꿔줍니다.

사이드바 설정에서 사이드바 1에 있던 쿠팡 파트너스 검색 위젯을 사이드바 3으로 이동시킵니다.

쿠팡 파트너스 다이나믹에서 편집을 클릭한 후 HTML을 아래와 같이 변경합니다.

기본 HTML 코드에서 맨 앞에 <div align="center"> , 맨뒤에 </div>를 추가로 넣어주면 됩니다.

이렇게 코드를 수정하고 저장을 하게 되면 아래와 같이 가운데 정렬된 모양으로 배너가 나타나게 됩니다.

편집을 하고 나니 배너가 중앙에 정렬해있어 더욱 보기 좋은 것 같습니다.

배너의 크기를 더 조정하면 더 깔끔해질 것 같지만 이 정도로도 충분한 것 같아 이만 수정하겠습니다.

그리고 쿠팡 파트너스에서 다이나믹 배너를 생성한 것은 아래와 같이 저장이 됩니다.

차후에 배너를 편집하거나 추가하여 블로그에 적용하셔도 됩니다.

이렇게 다이나믹 배너까지 적용을 해보았습니다.

다음에는 쿠팡 파트너스의 마지막 편. 배너 생성과 상품링크 만들기를 해보도록 하겠습니다.