2015년 12월 22일 화요일

구글블로그 구글애드센스 포스트내 삽입하기(상단1개+하단1개)


구글블로그 구글애드센스 포스트내 삽입하기(상단1개+하단1개)



안녕하세요
오늘은 구글블로그에 애드센스를 포스트내에 삽입하는 방법을 알아보도록 하겠습니다.
예전에 티스토리에 적용할때도 너무 고생했는데
새로운 구글블로그 환경에 적응하려니 만만치가 않습니다.





구글블로그는 일반적으로 애드센스가 구글의 광고플렛폼이기 때문에 적용하는 것은 아주 쉬우나 제공하는 것은 블로그 사이드바와 포스트글 아래 하단에 적용하는 방법밖에 없습니다.
사이드바나 하단도 글바깥에 적용하면 아무래도 수익율이 떨어지기 때문에 포스트 내에 설치하는 것이 좋습니다.
이블로그에 적용한 방법은
글제목과 포스트 제일 상단에 하나를 설치하고
하나는 포스트내 제일 하단에 설치하는 방법을 알아보도록 하겠습니다

먼저 포스트 상단에 설치하는 방법을 알아보도록 하겠습니다.
설치하기 위해서는 HTML을 수정해야 합니다.
HTML을 수정하기 위해서는
대시보드->템플릿->HTML편집으로 들어갑니다
그리고 <data:post.body/>라고 되어 있는 코드를 찾습니다.
모두 두개가 있는데 두번째 것을 찾습니다.
그리고 준비된 애드센스 코드를 <data:post.body/>위에 붙여 넣습니다.



애드센스 코드를 그냥 분야 넣으면 에러가 납니다.
에러를 방지하기 위해서는 광고 코드에서 async 를 async='async' 로 수정해야 합니다.

즉 광고코드 첫부분의
<script async 
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>를

<script async ='async'
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>로
바꿉니다.

그리면 다음과 같은 광고코드가 들어 갑니다.




두번째는 포스하단에 하나의 광고를 추가로 넣은 방법입니다.
먼저 <div class='post-footer-line post-footer-line-1'> 코드를 찾습니다.
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3>
일반적으로 이렇게 3번까지 있는데 이 세가지 중에서 하나를 선택하여 그 앞에 광고코드를 붙여 넣습니다.
광고코드는 상단에 붙일때와 마찬가지로
async 를 async='async' 로 수정해야 합니다





수정한 광고코드를 붙여 넣으면 다음과 같은 모습으로 광고코드가 붙게 됩니다.





지금까지 구글블로그에 구글애드센스를 포스트내 삽입하는 방법을 알아보았습니다.
상단1개+하단1개를 붙이는 방법을 알아보았습니다.

댓글 없음:

댓글 쓰기