[정보] 티스토리 모비센스 광고 넣기 가이드 2 (좌우측 광고)

티스토리 모비센스 광고 넣기 1에 이어서 두 번째 가이드 (우측 광고)입니다.

이전 글을 먼저 꼭 읽고 봐주세요!

	컴퓨터로 본 블로그 형태	스마트폰으로 본 블로그 형태	다운로드한 앱의 형태
1	반응형 웹 (1번)	반응형 웹 (1번) https://jstov.tistory.com	다운로드한 앱 (4번)
2	반응형 웹 (1번)	모바일 웹 (3번) (사용하기 설정 시) https://jstov.tistory.com/m	다운로드한 앱 (4번)
3	기본형 웹 (2번)	기본형 웹 (2번)	다운로드한 앱 (4번)
4	기본형 웹 (2번)	모바일 웹 (3번) (사용하기 설정시)	다운로드한 앱 (4번)

많이 사용하고 있는 반응형 웹 기준으로 시작하겠습니다.

웹(1,2번)과 앱(3,4번)의 차이점은 화면에 보이는 양이 다르다는 것입니다.

웹(1,2번)은 좌우로 빈 공간이 존재하여 그곳에 광고를 넣어줄 수 있지만 앱(3,4번)은 좌우 공간이 존재하지 않기 때문에 광고를 넣어줄 수 없습니다.

1. 플러그인 적용해주기

관리 > 플러그인 > 배너 출력을 적용해주세요.

2. 사이드바 설정

( 좌우측 공간을 사용하지 않는 웹 환경에서는 사이드바 사용이 불가합니다)

관리 > 꾸미기 > 사이드바에 들어갑니다.

HTML 배너 출력을 원하는 사이드바 자리에 넣어줍니다.

사이드 바 위치는 원하는 곳에 얼마든지 변경이 가능하니 나중에 순서를 변경해주셔도 됩니다.

3. 스크립트 복사

넣어줄 광고의 스크립트를 복사합니다.

회원가입 및 스크립트 복사는 아래 링크를 참고해주세요.

모비센스 티스토리 광고 넣기

4. 스크립트 넣어주기

HTML 배너 출력의 편집 버튼을 누른 후 HTML 소스 위치에 스크립트를 넣어줍니다.

해당 광고의 이름도 넣어주세요 (ex. 우측_모비센스_광고)

그리고 확인을 눌러줍니다!

5. 확인하기

반응형 웹인 경우 컴퓨터 반응형 웹(1번)과 스마트폰 반응형 웹(1번)에 광고가 같은 자리에 들어간 것을 확인하실 수 있습니다.

HTML 출력 배너는 여러 개 넣을 수 있으니 광고 모양에 따라 넣어주시면 좋습니다.

모바일 웹(3번) / 다운로드 앱(4번)의 경우 좌우측 광고가 들어가지 않으므로 이 과정은 생략됩니다.

티스토리 모비센스 좌우측 광고 넣기를 해보았습니다.

HTML 출력 배너 플러그인을 제공하기 때문에 따로 HTML 편집기를 사용하지 않아도 넣을 수 있다는 점에서 좋은 것 같습니다.

티스토리 블로그 모비센스 하단 광고는 이전 글에서 포스팅했으니 이전 글을 참고해주세요.

다음 글에서는 반응형 웹(1번)과 모바일 앱(3,4번) 동시에 글 안에 모비센스 광고 넣는 방법에 대해 포스팅하겠습니다.

감사합니다!

▶▶▶▶광고문의

Tov's Memory

TOP © Tov's Memory 스킨 저작권 : MIT License