목차
안녕하세요. 쏘이라입니다.
티스토리 사이드바에 애드센스 광고 넣는 방법에 대해 알아보겠습니다.
![](https://blog.kakaocdn.net/dn/xRga7/btrV5CpoRrJ/W9ZhK5S97rP3M4YnigshMk/img.png)
1. 스킨 변경
사이드바에 광고를 추가하기 위해서는 사이드 바가 있는 스킨으로 변경을 해주셔야 합니다.
티스토리 관리자페이지의 사이드바에 꾸미기 > 스킨 변경을 클릭해 주면 다양한 스킨이 나옵니다.
![](https://blog.kakaocdn.net/dn/PCDDA/btrV7O9ZVpU/niGb5SommTiKvC17tykgdK/img.png)
그중에서 마음에 드시는 거 한 가지를 고르시고 미리 보기로 어떤 모습인지 미리 확인하시고 적용을 눌러 스킨을 변경합니다.
![](https://blog.kakaocdn.net/dn/cMi48T/btrV5eWAuBt/1wq2gO0XwjLJhevOMMMeZK/img.png)
저는 Book Club를 사용하고 있습니다.
![내가_쓰는_스킨_BookClub_사진](https://blog.kakaocdn.net/dn/miWuh/btrV6720JNQ/olkon4Klj3NCzK4cWGbGXk/img.png)
2. 플러그인 추가
사이드바가 있는 스킨 적용이 끝나셨다면 플러그인을 추가해 줄겁니다.
티스토리 관리자페이지에서 플러그인을 클릭해 줍니다.
![](https://blog.kakaocdn.net/dn/BuWQf/btrV6JnKkYE/2TlpkZbKUJHuKyKXtMiazK/img.png)
여러 플러그인 중에서 배너 출력 플러그인을 찾으시고
![](https://blog.kakaocdn.net/dn/c1alyT/btrV7enuPvK/rRriJuAQWE9kmd1Vxx29kK/img.png)
적용을 눌러줍니다.
![](https://blog.kakaocdn.net/dn/cfgfMM/btrV1IqEI0i/tdkkIyW56DKfaIlGnLGhHk/img.png)
배너 출력이 사용 중이라고 뜨면 정상적으로 적용이 된 겁니다.
![](https://blog.kakaocdn.net/dn/OgNAY/btrV7PuhOjU/Cgr2WDvJ8OCfAGkxdK5k3k/img.png)
3. 애드센스
구글 애드센스 홈페이지에 들어가서 사이드에 들어갈 광고를 만들어 줍니다.
사이트에 접속 > 왼쪽 사이드 메뉴에 있는 광고 클릭 > 광고단위기준 클릭 > 디스플레이 광고를 선택해 줍니다.
![](https://blog.kakaocdn.net/dn/uESrq/btrV7ffDMNs/xcP9BfVkCPvWAJANVK4Qck/img.png)
![](https://blog.kakaocdn.net/dn/LPYCW/btrV7OPGpEl/I4hWZCB9E5V1t1UZ3h7kz1/img.png)
이름은 알아보기 쉽게 작성해 주고 수직형으로 선택하고 반응형인지 확인한 후 만들기 버튼을 클릭해서 광고를 만들어 줍니다.
![](https://blog.kakaocdn.net/dn/oCDpl/btrV68HFFdU/zjRZoGlEooAEOQHEs2kNXK/img.png)
광고가 생성되었으면 코드복사를 눌러 코드를 복사해 줍니다.
![](https://blog.kakaocdn.net/dn/bdxV45/btrV1T6HGss/yqDsqCrv7gbkSJzQAFhK4K/img.png)
4. 티스토리 사이드바에 광고 추가
다시 티스토리 관리자 페이지로 와서 사이드 메뉴에 있는 꾸미기의 사이드바를 클릭해 줍니다.
![](https://blog.kakaocdn.net/dn/buYlYD/btrV66XmwZh/XA9fAXwJK6Mchaihr9EtTK/img.png)
기본모듈의 '[플러그인] HTML 배너출력'의 '+'버튼을 눌러 원하는 위치로 선택해 줍니다.
저는 사이드바 3에 추가했습니다. 사이드바3에 추가 후 편집을 눌러줍니다.
![](https://blog.kakaocdn.net/dn/bncCWz/btrV5UwxcQP/fsgDpDrtW8j7cXXkHwtYt1/img.png)
'HTML 소스'칸에 아까 복사한 광고 코드를 붙여 넣어 줍니다.
'이름'은 알아보기 쉽게 작성해 주고 확인을 눌러 저장합니다.
![](https://blog.kakaocdn.net/dn/AluFi/btrV1VDuvMo/ojwHbki7kkdGnx3e4yTjq0/img.png)
'변경사항 저장'을 눌러 완전히 적용을 시켜줍니다.
![](https://blog.kakaocdn.net/dn/b66mnP/btrV68t6wdT/QChD7y8MeOfcMvEyEzGNiK/img.png)
5. 확인
미리보기나 티스토리 홈 화면을 보면 적용된 모습을 확인하실 수 있습니다.
PC에서만 보이고 모바일에서는 사이드바 광고가 보이지 않습니다.
![](https://blog.kakaocdn.net/dn/bh6vFU/btrV1TMsKg8/vPDdhrIH9Go6eR21lHgkUK/img.png)
'티스토리 정보' 카테고리의 다른 글
가비아 하위도메인 구글 에드센스 광고 연결하기 (0) | 2023.07.28 |
---|---|
티스토리 블로그 하위도메인 생성과 연결방법(+가비아) (0) | 2023.07.23 |
티스토리 회원가입 블로그 만들기 + 글작성 이것만 따라해보세요! (0) | 2022.12.16 |
댓글