본문 바로가기
☆ 정 보 통 ☆

티스토리 사이드바에 애드센스 광고 넣기

by hit 2024. 7. 15.
반응형

 

 

 티스토리 운영시 사이드바에 애드센스 광고넣는것과 안넣는것은 큰 차이가 나는데요, 티스토리에 복잡한 html을 사용하지 않고 간단히 넣는 방법에 대해 알려드리겠습니다.

 

1. 관리 메뉴의 플러그인 누르기

 

 

 플러그인 메뉴를 누르시면 다양한 플러그인을 사용하실수가 있는데요, 그중에서 배너출력을 클릭하세요.

 

 

 저는 이미 사용중이라 사용중이라고 뜨네요. 배너출력을 클릭하시고 오른쪽 하단에 적용버튼을 클릭하세요!

 

2. 사이드바에 적용하기

 왼쪽 메뉴중에 꾸미기> 사이드바 를 클릭합니다. 그러면 아래와 같은 메뉴를 사용하실 수 있습니다.

 

 

HTML 배너 출력 플러그인을 적용했기 때문에 메뉴에 생성된 것을 확인하실 수 있습니다. 오른쪽 플러스 버튼을 누르면 사이드바를 어느 위치에 적용할 건지 선택할 수 있습니다. 저는 사이드바 3을 선택해 보겠습니다.
 다음과 같이 사이드바 3에 없었던 HTML 배너 출력이 생성된 것을 확인하실 수 있습니다.

 

3. 코드 적용하기

 사이드바3 메뉴에 HTML 배너출력에 마우스를 가져가면 편집버튼이 보입니다. 클릭하세요!

 

 

클릭하시면 다음과 같은 화면이 나오는데요, 이름란에는 배너이름으로 쓰실 이름을 적어주고요, HTML소스에는

다음과 같이 적어줍니다.

HTML소스

<div>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-애드센스 펍코드 16자리"
     data-ad-slot="디스플레이 광고 코드 10자리"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

 

그리고 나서  확인을 누르시면 사이드바3에 애드센스광고가 나온답니다. 참 쉽죠~~~

반응형