본문 바로가기
`
티스토리 블로그 팁/블로그 작성 팁 (기능)

티스토리 수동 광고 코드 삽입하는 방법 (4-4. 플러그인_배너 출력)

by 그린핑거스 2022. 12. 4.

수동 광고는 코드를 복사해 어딘가에 붙여 넣어주면 됩니다. 중요한 건 그런 행위를 매번 포스팅마다 하느냐, 단 한 번으로 끝나느냐가 관건입니다. 스킨에 사이드바가 있고 자동 광고를 사용하고 있다면 사이드바에 기본으로 광고가 송출되기는 하지만, 자동 광고에서 보여주는 갯수 이상의 광고를 넣고 싶다면 수동 광고 코드를 만들어 배너에 적용시켜주면 됩니다.

그리고 중요한건 배너에 적용한것은 수동 광고지만, 단 한 번의 세팅으로 주구장창 보여준다는 게 큰 매력입니다.

 

수동 광고 배너 출력에 적용하기

티스토리 설정 ⚙ > 플러그인 > 배너 출력을 사용중으로 바꿔주면 우측과 같이 카테고리가 있는 사이드바에 광고가 송출됩니다. 광고 위치는 카테고리 위나 아래로 자유롭게 이동 or 추가 가능합니다.

배너출력-플러그인과-사이드바에-광고송출됨
배너출력-플러그인-및-광고송출-결과(우측)

 

티스토리 설정 ⚙ > 꾸미기 > 사이드바에 HTML 배너 출력이 추가되었습니다. 우측의 제 블로그에는 카테고리 하나만 적용해 놓았습니다. 이 공간이 앞으로 어떻게 변신할지 기대해 주세요~!!

사이드바-광고출력을-위한-HTML-배너출력-등록함
사이드바의-HTML-배너출력등록

 

 

적용된 HTML 배너출력의 우측 +를 누른 후, 광고를 넣을 위치(사이드바 1,2,3)를 선택해 줍니다. 

HTML-배너출력을-적용할-수-있는-사이드바-1,2,3
HTML-배너출력의-종류

 

어떤 사이드바를 선택하느냐에따라 본인의 짝꿍을 찾아갑니다. 

사이드바1,2,3에-적용된-HTML-배너출력
HTML-배너출력-위치

 

원하는 위치에 삽입 한 후 삽입된 배너 근처로 가면 [편집] 버튼이 나옵니다. [편집]을 클릭하면 이름을 적고 구글 애드센스에서 사이드용으로 만든 수동 광고 코드를 붙여 넣기(Ctrl + V) 해주면 등록 완료입니다. 

배너에는 수동 광고뿐 아니라 특정 사이트에서 제공하는 위젯이나  사용자가 임의로 만든 배너등도 적용 가능합니다.

수동광고코드를-사이드바3에-등록함
HTML-배너출력-편집과-수동광고코드-삽입

 

여러 개의 광고가 사이드바에 위치한 것을 확인할 수 있습니다. (긴 사진을 첨부해야 해서 사진이 찌그러진 점 이해 바랍니다.) 3개 모두 똑같은 사이드용 수동 광고 코드를 적용해도 각자 다른 광고를 송출해줍니다. 감사할 따름입니다.

사이드바에-광고-세개가-송출됨
사이드바-광고출력-결과

 

 

이런 상상 하는 분 꼭 있습니다

저도 포함이구요! 도대체 사이드바에 몇 개의 광고를 넣을 수 있을까요? 갑자기 궁금해져서 하나의 사이드바에 총 10개의 광고를 넣어봤습니다.

10개의-수동광고코드를-사이드바3에-등록함
사이드바에-여러개-수동광고등록

 

따란~!!

보이시죠? 넣는 대로 다 들어갑니다.  사이드바 1,2 ,3에 총 13개의 광고가 송출되었습니다. 물론 실험하고 원상복구 시켜놨습니다.

티스토리-블로그홈-사이드바에-13개-광고송출
13개의-사이드광고-송출

 

본인 포스팅량의 평균값을 생각해 적당한 수량의 사이드바 광고를 송출하길 바랍니다. 

 

 

배너 광고 출력의 아쉬운점

플러그인 > 배너 출력으로 사이드바에 광고를 출력하면 원하는 만큼 넣을 수 있다는것이 장점입니다. 개인마다 다르지만, 여러개의 소재를 보여드리는 티스토리 블로그(잡블)의특성상 카테고리가 점점 길어집니다.

자동광고의 사이드바 광고 출력은 카테고리 중간에도 보이는데, 배너출력으로 적용한 수동광고는 카테고리 중간에 보이지 않습니다. 


수동 광고 코드 방법 1도 참고해 주세요~!

티스토리에 수동 광고 코드 삽입하는 방법 (4-1. 글쓰기 HTML 모드)

 

티스토리에 수동 광고 코드 삽입하는 방법 (4-1. 글쓰기 HTML 모드)

저는 구글 애드센스 홈페이지에서 수동 광고를 만든 후 광고 코드를 복사해 네 가지의 방법으로 포스팅에 적용하고 있습니다. 두 가지는 매번 글을 쓸 때마다 해야 하는 것이고, 나머지 두 가지

greenfingers.tistory.com

 

▼ 수동 광고 코드 방법 2도 참고해 주세요~!

티스토리 수동 광고 코드 삽입하는 방법 (4-2. 글쓰기 기본 모드_서식 삽입)

 

티스토리 수동 광고 코드 삽입하는 방법 (4-2. 글쓰기 기본 모드_서식 삽입)

제가 사용하는 네 가지 방법 중 오늘은 두 번째인 글쓰기 기본 모드에서 수동 광고를 적용하는 방법을 함께 살펴보도록 하겠습니다. 수동 광고 만드는 방법과 수동 광고 코드를 가져오는 방법은

greenfingers.tistory.com

 

▼ 수동 광고 코드 방법 3도 참고해 주세요~!

티스토리 수동 광고 코드 삽입하는 방법 (4-3. 스킨편집 HTML)

 

티스토리 수동 광고 코드 삽입하는 방법 (4-3. 스킨편집 HTML)

이전 포스팅에 수동 광고를 삽입하는 총 네 가지 방법 중 두 가지 소개해 드렸습니다. 그 두 가지(4-1. 글쓰기 HTML모드 & 4-2. 글쓰기 기본 모드_서식 삽입)는 매번 글을 쓸 때마다 반복해서 수동 광

greenfingers.tistory.com


제 경험이

작은 도움이 되길 바랍니다.


댓글