티스토리에 쿠팡 파트너스 배너 넣는 방법 (html 수정, 사이즈 팁) [꿀팁]

안녕하세요, 오늘은 이전에 설명해드렸던 티스토리 쿠팡 파트너스 배너 넣는 방법을 설명드리려고 해요. 

쿠팡 파트너스에 대한 설명과 쿠팡 파트너스 배너 종류는 아래 포스트를 참고해 주세요.

2022.02.10 - [알아부림 (정보 & 팁)] - 쿠팡 파트너스 다이내믹 배너를 티스토리 스킨에 넣으면 어떻게 될까? (애드센스고시 낙방으로 비뚤어진 진저씨, 실험 대장정을 시작하다)

쿠팡 파트너스 다이내믹 배너를 티스토리 스킨에 넣으면 어떻게 될까? (애드센스고시 낙방으로

쿠팡  파트너스  사이트 로그인

쿠팡 파트너스 사이트에서 로그인을 한 뒤, 상단 링크 생성 탭에서 다이내믹 배너를 선택해주세요.

다이내믹 배너 생성하기

다이내믹 배너를 선택하면 미리 만들어 둔 배너가 있을 경우 미리 만들어진 배너가, 없을 경우 아무것도 안 보이는데요, 

새로운 배너를 만드는 것 부터 시작해볼게요. 배너 생성 버튼을 눌러주세요.

다이내믹 배너 생성 및 코드 복사하기

배너 생성 버튼을 누르면 다음과 같은 화면이 나와요. 

배너 제목은 임의로 입력하면 되고, 배너 타입은 이전 포스트에서 설명드린 배너 종류를 참고해서 골라주세요.

배너 타입에서 카테고리 베스트를 선택한 경우, 어떤 카테고리의 데이터를 긁어올 지 결정할 수 있어요.

다음은 크기 조정인데요, 내 블로그 내 어떤 크기로 광고를 삽입할 지 픽셀 단위 크기를 설정하면 돼요.

저는 블로그의 카테고리 하단에 넣을 예정이기 때문에 가로를 253픽셀로 맞춰주었어요. 

모든 설정값을 넣어주고 나면 자바스크립트 태그 형태로 코드를 선택하고 복사를 눌러주세요.

티스토리 블로그에 코드 추가하기

이제 복사한 코드를 티스토리 블로그에 삽입하면 광고를 블로그에 부착할 수 있어요.

티스토리 블로그에 코드를 넣으려면, 티스토리 관리자 페이지에 들어가서 스킨 편집을 눌러 html 코드 편집을 해야 해요.

제가 넣었던 것처럼 카테고리 하단, 방문자 수 하단에 배너를 추가해볼게요.

전체 방문자 요소가 끝나기 전에 광고 삽입 코드를 넣어주어야 해요.

즉, 코드가 열리는 <s_sidebar_element> 뒤쪽과 코드가 닫히는 </s_sidebar_element> 사이에 코드를 삽입해주어야 해요.

728x90

만약 다른 요소 사이에 광고를 넣어주고 싶다면, 마찬가지로 원하는 부분의 <s_sidebar_element> 뒤쪽과 코드가 닫히는 </s_sidebar_element>사이에 코드를 넣어주시면 된답니다.

다이내믹 배너는 사이즈에 따라서 들어있는 상품의 구조가 자동으로 변경돼요.

만약 코드 삽입 후 광고의 크기를 조정하고 싶다면, 코드의 width(가로) height(세로)를 조절하면 돼요.

자, 여기까지 쿠팡 파트너스 배너를 티스토리 블로그에 삽입하는 방법을 설명해 드렸습니다.

어려워보이지만, 차근 차근 따라하시면 그렇게 힘들지 않아요. 비슷한 방식으로 카테고리 배너도 삽입할 수 있답니다.

블로그를 활용해 짱짱한 수익이 나는 그 날까지!! 모두 화이팅입니다 : )