반응형

안녕하세요.

 

이번 포스팅 에서는 티스토리 블로그에 광고 삽입 하는 방법에 대해 적어보겠습니다.

 

저는 여러 광고 플랫폼 중 구글 애드센스 (Google Adsense) 와 카카오 애드핏 (구 다음 애드핏, AdFit) 을 사용하고 있습니다.

 

구글 애드센스의 경우 '구글'의 광고 플랫폼이라 광고 종류가 다양하고,

 

수입이 미국 달러로 들어온다는 특징이 있습니다.

 

카카오 애드핏의 경우 티스토리가 카카오 것이라 연동이 쉽게 되고,

 

한화로 수익금을 주기 때문에 따로 외화 통장을 만들지 않아도 된다는 장점이 있습니다.

 

텐핑도 사용하긴 했었는데, 수익이 별로 나지 않아 없앴습니다.

 

 

먼저 구글 애드센스 연동 방법을 알아보겠습니다.

 

https://www.google.com/adsense

 

Google 애드센스 - 웹사이트에서 수익 창출하기

Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다.

www.google.co.kr

 

먼저 가입 후 블로그에 대한 승인을 받아야 합니다.

 

제가 애드센스 가입 할 때의 기준은 포스팅/글이 최소 50개는 됐어야 했습니다.

 

 

애드센스 사이트에 접속하여 '시작하기' 를 누릅니다.

 

 

 

사이트 정보와 이메일주소를 입력 합니다.

 

gmail 을 입력해야 나중에 관리하기 편리할 것 같습니다.

 

 

구글 계정에 생년월일이 입력이 안되있으면 위와 같은 화면이 뜹니다.

 

here 를 눌러 생일 설정 페이지로 이동 합니다.

 

위와 같이 생년월일을 입력후 저장 합니다.

 

처음으로 돌아가 다시 진행 합니다.

 

 

 

약관을 읽고, 동의 후 계정을 만듭니다.

 

 

 

주소 정보를 입력해 줍니다.

 

여기까지는 일반 웹 사이트 가입과 다를게 없습니다.

 

 

무언가 특이한 코드가 뜹니다.

 

애드센스 코드를 넣으라고 하는데....

 

티스토리는 '스킨 편집' 기능을 통해 간단히 해결 할 수 있습니다.

 

 

 

먼저 블로그 관리 페이지로 가서 '스킨 편집' 을 클릭 합니다.

 

 

스킨 편집에서 'html' 편집을 클릭 합니다.

 

html 코드에 직접 애드센스 코드를 추가해 주어야 합니다.

 

 

 

윗 부분에 보면 <head> 라는 코드와 조금 아래에 보면 </head> 라는 코드가 있습니다.

 

그 사이에 애드센스 코드를 복붙 해주시면 됩니다.

 

</head> 라는 코드 윗줄에 애드센스 코드를 복붙 해줍니다.

 

 

 

코드 복붙이 끝났으면 다시 애드센스 페이지로 가서 완료 를 클릭 합니다.

 

가입 후 승인 메일이 올 때 까지 기다립니다.

 

 

승인이 되면 블로그에 광고를 삽입 할 수 있습니다.

 

광고 삽입 방법은 아주 간단합니다.

 

 

1. '광고 단위 (Ad Unit)' 을 생성

 

2. '광고 단위' 코드를 티스토리 플러그인을 통해 블로그에 삽입

 

 

티스토리는 애드센스 플러그인 지원을 하기 때문에 쉽게 추가가 가능 합니다.

 

먼저 광고 단위 부터 만들어 보겠습니다.

 

 

구글 애드센스 -> 광고 (개요) -> 광고 단위 기준 -> 신규 광고 단위 만들기

 

로 이동 합니다.

 

 

 

네 종류의 광고 단위가 있는데,

 

저는 가장 기본 적인 '디스플레이 광고' 로 생성 하였습니다.

 

 

 

생성 페이지에서는 광고 예시를 보실 수 있습니다.

 

광고 단위 이름과 광고 모양, 크기를 선택 후 '만들기' 를 누르면 됩니다.

 

 

 

저는 광고 종류와 위치 별로 광고 단위를 만들었습니다.

 

오른쪽 빨간 네모 버튼이 '광고 단위 코드' 가져오기 버튼 입니다.

 

이 버튼을 기억해 두고, 이제 티스토리의 관리 페이지로 갑니다.

 

 

 

저는 데스크탑 스킨과 모바일 스킨을 따로 사용 하고 있어서 두개를 다 사용 했습니다.

 

만약 '반응형 스킨' 을 사용하신다면 '구글 애드센스 (반응형)' 플러그인만 사용하셔도 됩니다.

 

필요한 플러그인을 클릭 해 봅니다.

 

 

PC 버전의 경우 상단/하단 을 나눠서 추가 할 수 있습니다.

 

저기 텍스트 박스에 '광고 단위 코드' 를 복사/붙여넣기 하시면 됩니다.

 

 

아까 위에서 광고 단위 코드 가져오기 버튼을 누르면

 

 

 

이런 창이 뜹니다.

 

저 코드를 복사하여, 플러그인에 붙여넣기를 하시면 광고 추가가 완료 됩니다.

 

연동을 하면 처음엔 광고가 삽입될 위치만 표시되고,

 

광고가 뜨기 까지는 조금 시간이 걸립니다.

 

 

 

카카오 애드핏도 방법은 완전히 동일 합니다.

 

먼저 애드핏 사이트에 가입을 해줍니다.

 

 

https://adfit.kakao.com 

 

https://adfit.kakao.com

 

adfit.kakao.com

 

 

애드핏은 카카오 계정으로 가입 해주면 됩니다.

 

마찬가지로 사이트 승인 먼저 받아야 합니다.

 

광고 관리 -> 전체 매체 -> 새 매체 로 이동하여 사이트를 추가해 줍니다.

 

 

 

 

카카오 애드핏은 구글 애드센스와는 다르게 광고 단위를 먼저 추가한 후 승인을 받게 됩니다.

 

'광고단위 등록' 을 클릭 하게 되면 제일 첫 광고 단위를 등록 할 수 있습니다.

 

 

 

광고 단위명과 모양을 선택 하게 되면 광고 단위 코드가 생성 됩니다.

 

 

 

스크립트 부분을 복사 해놓습니다.

 

 

만약 승인 이후 광고단위를 생성하기 위해선

 

광고 관리 -> 전체광고단위 -> 새 광고단위 로 이동하여 광고 단위를 추가해 줍니다.

 

 

 

매체 선택 후 원하는 유형/크기 의 광고를 선택 하여 생성해 줍니다.

 

광고 단위 코드는 '스크립트' 버튼을 눌러 띄워줄 수 있습니다.

 

 

 

이 코드를 복사하여 (밑에 '스크립트 복사' 버튼을 클릭)

 

 

티스토리 'Daum AdFit' 플러그인을 이용해 연동을 해줍니다.

 

 

 

코드 붙여넣기 하는 방식은 애드센스와 완전 동일합니다.

 

 

이렇게 광고 추가를 해주면 처음엔 광고가 안뜨고,

 

광고가 추가 될 위치가 표시가 됩니다.

 

그리고 며칠 지나면 광고가 승인되며 광고가 뜨게 됩니다.

 

 

쉽게 광고 추가하여 조금이나마 블로그 하는 재미를 키우시길 바랍니다~~

반응형
Posted by 해리팍
BLOG main image

Chanhyun Park (해리팍)
Software Engineer @ SK hynix

Contact Info.
parkch0708@hanmail.net
chanhyun0708@gmail.com
chanhyun.park@sk.com

카테고리

All (1502)
Profile (2)
Park's Life (600)
Computer System (165)
Computer Programming (39)
Computer Study (54)
Computer Etc. (189)
Scuba Diving (137)
Golf (8)
Traveling (245)
생활 정보 (12)
Pokemon GO (50)