티스토리 fastboot 사이드바 우측 상단 세로 고정형 애드센스 광고 넣기

[구글 애드센스 쉽게 따라하기] 티스토리 fastboot 스킨 사이드바 우측 상단에 세로형태의 고정형 구글 애드센스 광고 넣는 방법

이번 시간에는 상단의 우측에 세로 배너 형태의 고정형 광고를 넣는 방법을 알아 보겠다.

사이드바 우측 상단 세로 고정형 배너의 위치는 아래 그림의 빨간 배너 부분이다.

세로 고정형 배너는 메인 화면이나 본문등 정해진 형태의 한 공간에 배너를 넣는게 아니라 티스토리 블로그를 운영하는데 쓰지 않는 빈 공간에 넣는 방법이고, 또한 다른 배너들과는 다른 형태라서 보기에도 좋고 효과적인것 같다. 물론 클릭률은 개별적인 것이라 클릭 효율면이 좋거나 나쁘다고 평가를 내릴 수는 없을것 같다.

세로 고정형 배너 구글 애드센스 코드 만들기

일단 선작업으로 구글 애드센스에 가서 광고를 만들고 광고 코드를 준비해 놔야 한다.

구글 애드센스로 들어가서 내광고> 광고단위 로 들어가서 +새 광고 단위 를 클릭한다.

광고 형태중 텍스트 및 디스플레이 광고를 선택한다.

자신이 알아보기 쉬운 이름을 입력하고 광고 크기 게재 부분을 클릭하면 여러 형태 목록이 나오는데 그중에 수직 배너를 선택한다.

그러면 다양한 사이즈의 수직배너들이 나오는데 그중에 우리는 160x600 와이드 스카이스크래퍼 사이즈로 만들것이다.

아래 광고 유형은 택스트 및 디스플레이 광고를 선택해 준다.

그리고 나서 맨아래 저장 및 코드 생성을 클릭해 주면 코드가 생성 된다.

광고 코드를 복사한후 메모장을 띄워서 메모장에 붙여넣는다.

아래 첨부 파일이 있는데 다운을 받는다.

배너를 넣기 위한 html 소스 이다.

사이드바 우측 상단 세로 고정형 광고.txt

다운을 받고 난후 파일을 클릭해서 열면 메모장이 열리는데 그 안에 아래와 같은 소스가 보일 것이다.

----------------------------------------------------------------------------------------------------------------------------------------------------

<div style="float:right; height:0; margin-right:-180px;">
<script>
if(window.getWindowCleintWidth()>=1550){
document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-language="ko" data-ad-client="●" data-ad-slot="■"></ins>');
(adsbygoogle = window.adsbygoogle || []).push({});
}
</script>
</div>