티스토리 블로그 쿠팡파트너스/카카오애드핏 사각형 광고 2개 본문/상단/하단 넣기(PC: 2개, 모바일: 1개)

@일본 후쿠오카 유후인 숙소

 

티스토리 블로그 시작하고 구글 애드센스, 애드핏 승인받고 나면서 광고와 본문이 어떻게 자연스럽게 배치하며, 글에 방해되지 않게 넣으면서 광고 효과는 있게 할까... 하는 그런 효과적인 배치에 대해 항상 고민을 하고 있습니다. 구글 애드센스는 자료도 많아 적용하는데 크게 어려움이 없고 카카오 애드핏 또한 쉽게 적용이 가능합니다. 하지만 또 놓칠 수 없는 게 쿠팡 파트너스 재휴 마케팅인데요. 본문에 하나씩 다른 광고와 자연스럽게 어떻게 넣을까 고민하다가 여러 블로그 글들 참고하여 한번 만들어 봤습니다. PC로 보면 300 x 250 사각형 광고가 2개가 나란히 뜨고, 모바일로 보면 하나만 보이게 하는 코드를 넣어서 만들었습니다. 천천히 따라 해 보시면 쉬울 듯해요 ^^

 

 

광고 만들기

먼저 쿠팡 파트너스와 카카오 애드핏으로 가셔서 광고를 만드셔야 합니다. 

 

1. 쿠팡 파트너스

쿠팡 파트너스 바로가기

Coupang Partners

 

위 링크 접속 후 다이나믹 배너 만들기에 들어갑니다. 들어가신 후 다른 건 상관없는데 크기를 너비 300, 높이 250으로 해서 배너를 만들어 줍니다.

 

쿠팡 파트너스 다이나믹 배너 만들기

 

만든 후 나온 배너 스크립트에서 ID 부분만 따로 저장해 둡니다.

 

 

id 뒤에 숫자를 잘 기억하세요~

 

 

2. 카카오 애드핏

카카오 애드핏 바로가기

https://adfit.kakao.com/

 

위 링크 접속 후 광고관리에 들어가셔서 광고를 하나 만듭니다. 이때 쿠팡과 마찬가지로 사이즈에 유의하셔서 만드시면 됩니다. 300 X 250으로 만드시면 되요^^

 

카카오 애드핏 광고 만들기

 

만들고 나면 스크립트가 생기는데 해당 스크립트에서 data-ad-unit 부분만 잘 기억해 두시면 됩니다.

 

 

data-ad-unit 뒷 부분 따로 저장~

 

스크립트 만들기

광고를 다 만드셨으면 이제 광고 전체 스크립트를 만드셔야 합니다. 아래 첨부된 파일을 받으셔서 아까 저장해 둔 글자들을 위치에 맞게 넣어주시면 됩니다.

 

쿠팡, 카카오애드핏 광고 스크립트.txt

0.00MB

 

 

파일을 열어보시면 중간쯤 카카오 광고 시작 부분이 있습니다. 거기에 아까 저장해둔 data-da-unit 뒷부분을 붙여 넣으시면 됩니다.

 

<!-- 카카오 광고 시작 -->
<ins class="kakao_ad_area ad_kakao" style="display:none;" 
data-ad-unit    = "여기에 넣어주세요" 
data-ad-width   = "300" 
data-ad-height  = "250"></ins> 
<script type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async></script>
<!-- 카카오 광고 끝 -->	

 

 

그리고 쫌 더 내려가다 보면 쿠팡 배너 광고 부분이 나옵니다 여기에도 아까 저장해둔 id 뒤에 숫자를 넣어주시면 돼요.

 

<!-- 쿠팡 광고 시작 -->
<script src="https://ads-partners.coupang.com/g.js"></script>
<ins class="ad_coupang">
<script>
	new PartnersCoupang.G({ id:여기에 넣어주세요 });
</script>
</ins>
<!-- 쿠팡 광고 끝 -->

 

 

넣어볼까요?

위에서 만든 광고를 바로 아래에 한번 넣어보겠습니다. PC로 이 글을 보고 계시다면 2개의 사각형 광고가 뜰 것이며, 모바일로 보고 계시다면 카카오 광고가 하나 보이실 겁니다.

 

 

깔끔하고 괜찮죠?? ㅎㅎ 쿠팡이나 카카오 광고에 얼마나 효과가 있을진 의문이지만, 이렇게 티 안 나게 하나씩 넣다 보면 조금씩은 뭐 효과가 있겠죠? 혹시 막히거나 궁금하신 점은 댓글로 남겨 놓아 주시면 알려드리겠습니다 ^^

 

[ 블로그 관리 꿀 TIP 모음 ]

2020/07/28 - [정보/블로그] - 제가 사용하는 스킨은요 (feat. 서브 메뉴 여백 주기)

2020/08/01 - [정보/블로그] - 티스토리 스킨 편집 쉽게하는 팁 (F12의 마법)

2020/08/01 - [정보/블로그] - 티스토리 글 구글 검색 누락 등록 방법 (구글 노출)

2020/08/02 - [정보/블로그] - 티스토리 사진/이미지 가로로 배열하기 (2개 이상 나란히 놓기)

2020/08/03 - [정보/블로그] - 블로그 최적화 도움 사이트 모음 (last updated 20.08.04)

2020/08/04 - [정보/블로그] - 카카오 애드핏 (Kakao AdFit) 가입 신청 및 적용하기

2020/08/05 - [정보/블로그] - 카카오 애드핏 (Kakao AdFit) 심사 하루만에 결과가 나오네요

2020/08/07 - [정보/블로그] - 블로그 후원 서비스 '도네리카노' 적용하기 (티스토리에 기부/후원 버튼 만들기)

2020/08/11 - [정보/블로그] - 티스토리용 블로그 소통/품앗이 창구 - 티스토리 포럼 활용하기!

2020/08/12 - [정보/블로그] - 티스토리 '서식' 기능 활용해서 글 작성 효율 200% 높이기

2020/08/14 - [정보/블로그] - 티스토리 블로그 본문 [테이블 가운데 정렬] & [링크 새창열기] 적용 방법

2020/08/18 - [정보/블로그] - 23일만에 구글 애드센스 한번에 통과했습니다!! (8/11 신청)

2020/08/20 - [정보/블로그] - 구글 애드센스(AdSense) & 카카오 애드핏(AdFit) 한달만에 승인 후기 & 꿀팁 정리

2020/08/23 - [정보/블로그] - 티스토리 블로그 빙(Bing)에 검색 등록 / 노출 시키는 방법