[티스토리] 구글 애드센스 - 본문 중간 광고 삽입하는 방법

이번 글은 구글 애드센스 광고를 글 본문에 '간편하게' 삽입하는 방법에 관한 내용입니다.

구글 애드센스 광고 게재 활성화를 축하드립니다. 애드 고시를 통과했어도 광고가 게시되지 않거나 광고 코드를 삽입하는 게 어렵더라고요. 서식 편집에서 HTML에 코드를 삽입하거나 작성하는 글의 기본 모드를 HTML로 바꿔서 광고를 삽입하는 방식은 위치 선정이나 코드 삽입을 어떻게 해야 하는지 혼란스럽지만, 아주 간단하고 쉬운 방법이 있어요.

 

이미지 출처 픽사베이

 

 

1. 이전 발행 글 넣기

주제가 관련이 있으면 이전 발행 글을 넣어 주는 게 체류 시간을 늘리고 정보를 제공하는 데 좋다는 이야기를 들었어요. 예전 글로 가서 URL 주소, 링크 주소를 복사해서 붙여 넣기, paste를 해서 글을 붙여 넣고 계신가요?

아마도 저만 그랬을 것 같기는 하지만... 이왕 중간 광고 삽입 기능 바로 위에 있는 기능이어서 같이 소개를 해요.

 

 

노트북에서 작성하는 경우에 상단에 꾸미기 도구들이 보이는 데 그중에 점이 세 개 '더보기'를 눌러 주세요. 플러그인을 누르며 '이전 발행 글 넣기'가 뜨고 쉽고 빠르게 이전에 작성했던 글을 불러올 수 있어요.

다 알고 계셨겠지만, 메뉴가 하도 많아서 저는 체득한 지 열흘도 되지 않은 것 같아요. 제가 구독하는 분들을 보면 크게 3가지 유형이 있더라고요.

① 목록만 간단하게 넣는 경우,
② 목록+ 글의 제목과 내용이 보이는 글상자를 넣는 경우,
③ 목록 없이 글상자만 넣기도 하시더라고요.

저는 아직 제 스타일을 찾아가는 중이라 규칙성이 없어요.

 

티스토리-이전-발행-글-불러오기

 

① 목록만 넣는 방식

티스토리 누적 방문자 1만 명 돌파, 다음 메인 노출, 애드센스 신청 결과, 다음 검색 등록 신청 결과 등
[티스토리] 애드센스 계정 활성화 성공! 다음 과정은 광고 설정하기!!


② 목록과 글상자를 넣는 방식

[시승] 제네시스 GV60 셀프 시승기 - Boost 기능, 회생 제동, 디지털 사이드 미러, 차세대 인포테인먼트 시스템(CCIC) 등

[시승] 제네시스 GV60 셀프 시승기 - Boost 기능, 회생 제동,  디지털 사이드 미러, 차세대 인포테인

③ 글상자만 넣는 방식

 

[정리 팁] 예스24 바이백-중고책 팔기

[스타벅스] 2022년 1월 이벤트-별적립-STARBUCKS-Tri-Star-Dash

 

 

2. 본문 중간 광고 삽입하기

 

 

코드 삽입이 가장 안정적이라고 하는 것 같은데 아직 들어도 모르는 게 너무 많네요. 가장 빠르고 간단한 방법을 사용하고 있어서 소개해요.

이전 발행 글 넣기와 마찬가지로 '더보기' 버튼을 누르고 AD '광고'라고 적힌 탭을 누르면 광고 팝업 창이 뜨고, 광고의 플랫폼을 선택할 수 있게 돼요.

저는 오직 '애드센스'여서 별도로 선택하지 않고 확인 버튼을 눌러요.

티스토리-본문-중간-광고-삽입하기

위와 같은 방식은 너무 간단하지만, 열심히 공부하는 중이다 보니 어디선가 주워듣기로, 방금 소개한 방식으로는 발행하는 글 한편에 1개의 광고만 삽입이 가능하다는 치명적인 단점이 있다고 해요.

저의 경우에는 중간 광고 삽입을 하고 '미리 보기'를 하니까 2개로 나뉘어서 삽입되어 있었거든요? 기능이 개선된 거라 생각하고 우선 '완료' 버튼을 눌러서 발행했었어요.

HTML에 코드를 직접 삽입하고, 광고의 크기와 위치도 수동으로 디자인하는 그날이 어서 오기를 기대해 봅니다. 자동, 반응형 광고이면 페이지에 맞게 알아서 나오는 걸로 알고 있는데 종종 페이지의 경계를 벗어나는 선을 넘는 광고들이 있더라고요.


3. 중간 광고 HTML 코드 삽입 후 광고 노출이 안될 때

 

 

 

위에서도 지나가는 말로 나왔었지만, 직접 넣어야 2개, 글이 길면 3개 이상 넣을 수 있다고 해요.

본문에 나만의 표시를 해두고, 기본 모드를 HTML로 변경하고 Ctrl+F를 눌러서 그 표시를 찾은 후 그 자리에 광고 코드를 삽입하면 되는데요.

본문에 광고 넣을 위치 표시하기
기본 모드를 ‘HTML’로 바꾸기
표시해 둔 부분 찾기 (Ctrl+F)
본문 중간(에디터) 광고 코드 삽입
*광고가 재생되지 않으면 삽입한 코드 맨 앞에 <p>, 삽입한 광고 코드 맨 마지막 부분에 </p> 입력

광고가 자리를 잘 잡았는지는 '미리 보기'로 확인 가능하세요. 회색 박스 안에 코드가 들어가 있는 장면이 보이면 제대로 삽입이 된 거예요.

글을 발행했는 데 광고가 보이지 않는다면, 아까 삽입한 코드의 앞에 <p>, 마지막에 </p>를 삽입하면 광고가 나오더라고요.


인피드 광고도 글 목록의 중간에 들어가도록 설정을 했는데 다른 목록과의 간격이나 크기 등이 영 마음에 들지 않아요.

디자인적으로 더욱 다듬어진 광고 설정을 배우고 싶네요. 저는 애드센스 승인을 받았지만, 아직 광고 수익은...