티스토리 블로그 구글 애드센스 광고 넣기
본문 바로가기

Daily/career

티스토리 블로그 구글 애드센스 광고 넣기

애드센스 광고는 자동과 수동으로 나뉘고 두 가지 광고를 모두 설정하는 것이 좋기 때문에 자동광고 설정 이후 수동으로 상하단 광고는 물론 본문 중간에 삽입하는 광고까지, 티스토리 블로그에 구글 애드센스 광고 넣는 방법을 총정리해 보았습니다.


★함께 보면 좋은 글: 티스토리 블로그 구글 애드센스 광고 넣기

구글 애드센스에서 자동 광고 설정하기

자동 광고는 간편한 대신 메인과 하위를 구분하여 설정하지 못한다는 단점이 있습니다. 따라서 메인은 롱테일로, 하위는 이슈로 운영 중이라면 적절한 밸런스를 잡아서 가독성을 방해하지 않는 범위에서 설정해 주시는 것이 좋습니다. 저는 특히 사이드 레일 광고는 하지 않고 있는데 어떤 방법이 좋을지 애매하다면 구글 애드센스 좌측 메뉴에서 최적화> 추천이나 실험에서 가독성을 중요시한 광고 설정과 모든 광고를 다 적용한 경우를 비교 실험해 보시는 것을 추천드립니다.

1. 애드센스의 광고 페이지에 들어가 주세요.
2. 사이트 이름의 오른쪽에 위치한 '수정'을 눌러주세요.
3. 우측 광고 설정 메뉴에서 자동 광고 부분을 켜 주세요.
4. 커서를 내리면서 원하는 광고들을 모두 체크해 주세요.
*특히 오버레이 형식에서 광고 단가가 높은 모바일 전면광고는 반드시 체크하는 것이 좋습니다. 설정 더보기에 만약 체크되어 있다면 체크를 해제하여 주십시오. 데스크톱에서도 설정한 모든 광고가 나오는 것이 좋으니까요.
5. 인피드 형식 광고에서도 마찬가지로 원하는 광고를 선택한 뒤 설정 더보기의 자동 광고 수를 최대한으로 조절해 주세요. 자동 광고 수가 높아야 전면광고가 뜨는 것으로 알고 있기 때문입니다.
6. 기존 광고 최적화는 체크하지 않습니다. 구글 애드센스에서 자체적으로 판단하여 우리가 수동으로 넣은 광고를 중지시키고 더 적절하다고 생각한 다른 곳에 광고를 위치하도록 해 주는 기능인데, 수동 광고 자리에 크게 빈 공란이 생기기 때문에 비추천하는 기능입니다. 만약 자동 광고만 넣거나 하실 분이라면 체크해 주셔도 좋습니다.

 

 

구글 애드센스 수동 광고 단위 만들기

이번 시간에는 조금 더 세밀한 분석이 가능한 애드센스 내의 광고 단위를 통해 티스토리 블로그 html 수정을 통한 수동 광고 넣는 방법을 설명드리겠습니다. 티스토리 수익 페이지에서 설정하는 것보다는 애드센스 광고 단위 설정을 통하는 것이 분석에도 유리하고 광고를 불러오는 시간도 빠르기 때문이죠. 개인적으로 상하단 광고는 디스플레이 광고로 설정하고 있고, 중간광고는 콘텐츠 내 자동삽입 광고를 활용하고 있기는 한데, 이 부분은 본인의 취향에 따라 바꿀 수 있습니다.

1. 구글 애드센스의 광고 페이지에서 광고 단위 기준을 클릭해 주세요.
2. 신규 단위 광고 만들기에서 본문 상하단에 넣고 싶은 광고를 눌러주세요. 참고로 저는 디스플레이 광고를 선택했습니다.
3. 좌측 상단에서 광고 이름을 설정해 주세요. 예를 들어 메인 계정의 최상단에 넣을 거라면 '메인 최상단 디플' 요런 식으로 계정 구분과 위치, 광고 종류까지 포함하여 이름을 정해주시는 것이 나중에 분석을 할 때 한눈에 파악하기 좋습니다.
4. 같은 디스플레이 광고여도 상단, 하단에 각각 넣을 것이므로 따로 만들어주셔야 합니다.
5. 광고 모양의 경우 사각이나 수평 중 아무거나 해도 좋습니다. 저는 수평형을 선택해 주었습니다.
6. 광고 크기는 반응형으로 하고 만들기를 클릭해 주세요.

티스토리 블로그에 구글 애드센스 광고 넣기 썸네일



티스토리 블로그에 구글 애드센스 광고 넣기

수동으로 넣고 싶은 광고의 종류만큼 구분하여 광고 단위를 만들어주세요. 자동 광고의 경우 메인 도메인이나 하위 도메인이나 차이 없이 하나의 설정으로 모든 것이 적용되지만, 수동 광고는 각 블로그 계정의 특성에 맞게 광고의 양과 배치를 달리할 수 있으니 하위 도메인을 위한 것도 만들어주고, 최상단과 최하단을 구분하고 중간에 넣을 광고까지 상단과 하단으로 따로 구분하시는 것이 좋습니다. 그중 본문 최상단과 최하단은 매번 수동으로 넣어주기보다는 모든 포스팅에 기본으로 삽입되는 것이 좋으므로 html 편집을 이용하여 설정해 두도록 하겠습니다.

1. 티스토리에서 스킨편집의 html 편집창을 열어줍니다.
2. ctrl+f를 눌러 ##_article_rep_desc_## 를 찾아주세요.
3. 스킨에 따라 다르지만 여러 개가 나올 텐데 하나씩 검사해 보면서 본문에 해당하는 것이 어떤 것이지를 찾아야 합니다. 앞 뒤로 0000을 적고 적용을 누른 뒤 기존에 발행한 글을 새로고침하여 확인해 주세요. 본문 맨 위와 맨 아래에 0000이 나와있다면 그곳이 광고 코드를 넣어야 할 위치인 것입니다. 스킨마다 위치는 다르지만 연산자인 ##_article_rep_desc_## 는 다르지 않으니 하나하나 적용하고 아니면 삭제하고를 반복하다 보면 찾을 수 있습니다.
*제가 사용하는 왓에버 스킨의 경우 3개가 나오는데 그중 3번째의 것이 본문에 해당하는 것입니다.
4. 광고 코드를 입력할 위치를 찾았다면 다시 구글 애드센스로 가서 만들어둔 광고 코드를 복사합니다.
*코드 복사는 광고를 만든 광고 단위 기준에서 조금 내리면 기존 광고 단위가 있습니다. 거기에서 코드를 복사하고 싶은 광고의 오른쪽 끝의 <> 표시를 클릭한 뒤 나오는 페이지에서 코드 전체를 복사해 주세요.
5. 복사한 최상단 코드는 아까 찾아둔 연산자의 바로 위에 붙여 넣기 합니다.
6. 최하단 코드 역시 마찬가지로 복사한 뒤 연산자의 바로 아래에 붙여 넣기 해주세요.

본문 중간에 넣는 광고는 어쩔 수 없이 진정한 수동으로 하나하나 설정해주어야 하는데 서식으로 만들어두고 사용하면 좋습니다.

7. 티스토리 블로그 관리 페이지 좌측 메뉴 상단의 콘텐츠에서 서식 관리를 눌러주세요.
8. 서식 쓰기를 눌러서 서식 페이지를 열어줍니다.
9. 제목은 아까 만들어둔 광고 단위처럼 구체적이고 간결하게 입력하여 주세요. ex) 메인 상단 콘텐츠 내
10. 수식 입력 페이지 상단의 기본모드를 html 모드로 바꿔준 뒤 복사한 코드를 붙여넣기한 뒤 완료를 눌러주세요.
11. 이제 글을 전부 작성한 뒤 광고를 입력하고 싶은 자리에 글쓰기 페이지 상단 메뉴의 ... 을 눌러서 서식을 누르고 삽입하고 싶은 광고 코드를 골라 눌러주면 간단하게 수동 광고까지 설정된 것입니다.
*광고 코드를 넣기 전에 본문 글과 칸을 조금 띄우고 입력하는 것이 좋습니다.