애드센스 본문 중간에 효과적으로 넣기

애드센스 본문에 넣을 광고를 어떻게, 어느 위치로 넣을까? 를  고민 했습니다. 사실상 수익의 90%는 구글애드센스이고 에드센스 붙이는 위치 중에 가장 중요한 부분이 본문 중간에 넣는 광고이기 때문에 신중하게 생각할 필요가 있습니다. 기존의 제 블로그는  본문 상단과 하단만 배치되어 있었습니다

상,하는 고민할 게 별로 없는 부분이죠. 다만 상단이나 하단에 붙인 광고 크기 결정은 콘텐츠의 종류에 따라 본인 스스로 판단하셔야 될 거 같습니다

본문 중간을 아예 비워 놓으신 분들도 많습니다. 어느게 정답에 가까운지는 개인마다 콘텐츠의 모양새에 따라 다 다릅니다 일단 제 블로그를 한번 둘러보시면 알겠지만 포스팅 길이가 제법 깁니다. 저는 양보다는 질이 꾸준한 포스팅이 효율성이 더 낫지 않을까(?) 판단해서 입니다 이 또한 콘텐츠마다 다르겠죠. 

그러다 보니 1포스팅에 본문상,하 ,사이드바 이렇게 3개를 배치하였고 2달 정도 수익변화를 살폈습니다. 그래봐야 티스토리 기준 방문자 300 정도라 판단하기에는 턱없이 부족합니다  본문 중간에는 일부러 광고를 넣지 않았습니다. 그 이유는 본문 중간에 광고를 넣었을 때와 없을 때의 수익률 차이를 확인하기 위해 테스트차 비워뒀던 겁니다

글이 35개쯤 올라간 상태에서 본문 광고를 넣으려고 하고 있습니다. 일단은 본문 중간에 2개를 배치할 생각입니다. 본문의 길이를 고려해서 각자 판단해 보시면 될 거 같네요. 그럼 본문의 위치 어디쯤 넣을 것인가가 또 고민인데요…….

요건 마지막 단계에서 한번 고민해보겠습니다

일단은 애드센스로 들어가서 새로운 광고 단위를 하나 만들어야겠죠 참고로 저는 위치별로 광고 효용을 확인하기 위해 광고 단위를 모두 따로따로 만들었습니다

오늘 본문 중간에 배치할 광고는 반응형 중에 세 번째 <콘텐츠 내 자동 삽입 광고 >를 넣을 생각입니다 이 광고는 그림과 글자가 같이 나오는 광고라서 본문과 어색하지 않고 잘 녹아드는 광고 형태라서 요걸로 선택했습니다.

광고만들기

▼화살표 부분을 마우스로 드래그 해보시면 광고 크기가 달라집니다 컴과 모바일에서 보이는 모양이 다르겠죠 그리고 광고에 그림 뿐만 아니라 문자 링크도 들어가 있는게 보이시죠 본문과 이질감이 많이 없네요  

▼코드를 일단 메모장에 복사해 놓습니다 아래 그림에서 화살표 글을 보시면  구글에서 제시하는 위치 팁을 알고 주고 있는데 한번 꼭 읽어보세요 심히 고민을 해봐야 되는 부분입니다 구글에서는  2문단 다음에 광고를 게제하라고 합니다 나중에 저 아래 그림에서 살펴보겠습니다

 

html에 광고코드 삽입

본문 중간광고는 콘텐츠 마다 붙이는 위치가 달라지기 때문에 수작업으로 그때 그때 포스팅할때 삽입해야 됩니다 요걸 좀 더 편한 방법으로 하기 위해 티스트로의 서식기능을 가지고 해보도록 하겠습니다 

아래 파일을 받아서 메모장으로 엽니다 위에서 복사한 애드센스 코드를 바로 html 에 붙여 넣을게 아니라 한번더 손을 보겠습니다 파일을 열면 아래 빨간색 박스 부분의 빈공간이 나올텐데 여기에 위에 복사해둔 애드센스 코드를 붙여 넣습니다  

애드센스 본문 중하 네이티브 반응형.txt

유심히 잘 보셔야 되는 부분입니다 좀 헷갈립니다 위에 링크된 파일을 열고 에드센스를 붙여 넣었다면 아래 그림처럼 메모장이 되어 있어야 합니다 여기서 1 번과 2번을 잘 보시기 바랍니다 1번은 def 라는 알파벳, 2번은 sbs 라는 아파벳입니다 해석을 하자면  빨간 박스로 되어 있는 애드센스 코드 전체의  이름이 "SBS"라서  나중에 글을 쓸 때 본문 중간에 삽입 할때는 1번에 def 라는 호출명으로 불러오겠다는 의미입니다 만약 본문중간광고 2개를 넣을 경우 똑 같은 방식으로 애드센스 2개를 생성해서 삽입 시키면 됩니다 당연히 구별을 위해서 "SBS" "def"는 다른 이름으로 하셔야 겠죠 애매하시면 계속 따라 내려가 보세요 

html 열어서 위 그림처럼 <article_rep_desc>부분을 찾아봅니다  본문내용이 시작되는 부분이죠

따라서 요 글자가 있는 부분 아래에 애드센스 코드 "붙여넣기" 합니다 저장 누르고 나옵니다

▼티스토리 관리자 화면에서 서식관리를 누르고 서식쓰기를  클릭합니다

▼제목을 적고 html에 체크해서 코드를 넣는데 바로 그림에 있는 코드를 적어 넣습니다 여기서 발행을 하고 

나면 서식이 만들어 지는데 다시 열어보면 코드가 보이지 않습니다  걱정 마시고 여기까지 작업합니다 보이지만 않을뿐이지 입력되어 있어요

실제 글쓰기를 하면서 본문중간에 코드를 삽입해 보겠습니다 아래처럼 글내용을 적다가 광고넣을위치를 정합니다

화살표 부분처럼  문단과 문단 사이에 넣는다고 가정했을때 마우스 커서를 화살표에 위치시키고 우측 서식을 누르고 위에 작성한

"본문중하단" 이라고 이름 지은 서식을 누릅니다 삽입되었지만 화면에는 아무런 변화가 없습니다 미리보기를 해보시면 

광고가 뜰겁니다 ☞관련글 애드센스 광고 붙이면 안되는 블로그 위치

본문중간 어디쯤이 가장 효율이 높을가요?

제 나름대로 본문 중간에  삽입할 위치를 고민해 보았는데요 구글이 시키는 대로 문단 2개 다음에 넣어보았는데 본문과 잘 어울렸습니다 이질감이 별로 없죠 글이 많은 포스팅 같은 경우는 이런 위치가 좋을듯합니다 

아래는 모바일에서 보이는 부분입니다

▼또 다른 위치에 한번 넣어볼까요? 이번에는 글자와 그림 사이에 배치했을때의 아이패드에서 보이는 모양입니다 크게 어색하지 않습니다 글자를 읽는 동안 시선이 멈추니깐 광고가 시야에 들어오겠죠 글자 다음에 광고가 시작되는데 본문 그림인지 광고인지 구분이 안 갈 정도네요 물론 광고마다 다르겠죠 

▼아래는 갤럭스 노트4에서 보이는 모습입니다

▼그림 과 글자 사이에  한번 넣어보았습니다 컴화면인데 그림 따라 시선이 내려오다가 글자를  읽기 위해서  시선이 멈추겠죠 광고가 자연스럽게 시야에 들어올겁니다 

마치며

잘 따라 오셨으면 무리 없이 되었을 겁니다 이렇게 한번 머리 김 나고 나면 삽입 할때 편하기 때문에 이 방법을 씁니다 나중에 혹시 라도 광고를 멈추고 

싶을때 일일이 포스팅을 열어서 코드를 제거할 필요 없이 Html을 열어서 코드를 삭제해 버리면 본문 중간에 들어간 모든 광고는 나오지 않게 됩니다

바로 이것 때문에 이런 식으로 만들어 본 겁니다   도움되셨나요 포스팅만 열심히 올리는 일만 남았네요 

fastboot 1.6.2 나눔고딕폰트 설치,글자크기 변경

fastboot 1.6.2 본문 제목 아이콘,색상 변경하기

fastboot 1.6.2 블로그 제목에 Home 링크 걸기