블로그 외곽에 애드센스 적용하기

안녕하세요. 자유로운 호걸입니다. 오늘은 노랗님께서 홈페이지 바깥쪽에 애드센서는 어떻게 적용하느냐는 질문을 해서 답변해 보려고 합니다. 애드센스를 사이드바에 적용시키는 것은 이전 포스트에서 설명을 했습니다. 그러면 홈페이지 바깥에는 어떻게 적용하는지 한 번 알아보죠. 위치만 알면 적용하는 것은 쉽습니다. 아직까지 HTML, CSS, Javascrip는 제대로 할 줄은 모르지만 검색해서 이것 저것 찾다보니 활용할 정도는 되는 것 같더라구요.

블로그 외곽에 애드센스 적용하기

필자는 우선 스킨을 FastBoot 스킨을 적용하고 있고 FastBoot 기준으로 설명을 해보겠다. 필자의 홈페이지 제일 좌측과 우측에 애드센스 광고가 있는 것을 볼 수 있다. 우측에 2개의 애드센스 넣는 방법을 한 번 설명해 보겠다. 

우선 블로그 관리에서 HTML CSS 편집으로 들어간다. 우선 필자의 소스를 보여주겠다. 아래 파란색 네모박스가 애드센스 2개를 넣는 div 공간이다. 그리고 빨간색 박스가 애드센스 광고이다.  

위 소스에서 초록색 밑줄 그은 것이 아래 사진에서 Home 및 Category 이다. 이 부분 아래에 적용하고자 하는 애드센스 코드를 넣으면 된다. 위 코드에서는 148줄 상단 네비게이션 바 끝 이라는 주석 아래 부분이 초록색 박스 코드이다 .

이 아래에 <div class="container"> 가 있는데 이 속에 애드센스 코드를 추가하면 된다.

소스에서의 색과 아래 이미지에서의 색이 매치된다. 

아래 파일을 참고해서 넣으면 된다. 소스에는 AAAAAAAAAAAAA, BBBBBBBBBBB 이렇게 표현되어 있는데 본인의 애드센스 코드를 넣으면 된다.

애드센스 외곽에 넣기.txt

코드는 아래와 같다. 화면넓이가 1500 이상일때 나타나도록 적용되었다. 

<div style="float:right; height:0; margin-right:-180px;">

<p><script>

if(window.getWindowCleintWidth()>=1500){

document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle" data-language="ko" style="display:inline-block;width:160px;height:600px" data-ad-client="AAAAAAAAAAAAA" data-ad-slot="BBBBBBBBBBB"></ins>');

(adsbygoogle = window.adsbygoogle || []).push({});

}

</script></p>

<!--두번째 광고 160x600-->

<p><script>

if(window.getWindowCleintWidth()>=1500){

document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle" data-language="ko" style="display:inline-block;width:160px;height:600px" data-ad-client="AAAAAAAAAAAAA" data-ad-slot="BBBBBBBBBBB"></ins>');

(adsbygoogle = window.adsbygoogle || []).push({});

}

</script></p>

</div>