[정보] 티스토리 모비센스 광고 넣기 가이드3 (글 안에 광고 배너)

2020/02/22 - [정보/블로그 운영팁] - [정보] 티스토리 모비센스 광고 넣기 가이드 1 초보 필독

[정보] 티스토리 모비센스 광고 넣기 가이드 1 초보 필독

 

 

2020/02/23 - [정보/블로그 운영팁] - [정보] 티스토리 모비센스 광고 넣기 가이드 2 (좌우측 광고)

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

 

 

안녕하세요.

 

티스토리 모비센스 광고 넣기 가이드3 

 

글 안에 모비센스 광고를 넣는 방법에 대해 알아보겠습니다.

 

조금 어렵고 복잡할 수 있습니다. 그래도 아래 순서에 따라 잘 따라와 주세요.

 

기존에 다른 광고를 통해 반응형 웹과 모바일에 광고를 넣었었는데요. 

 

2020/02/13 - [정보/블로그 운영팁] - [정보] 모바일 광고 넣기 텐핑 초보자 필독

2020/02/13 - [정보/블로그 운영팁] - [정보] 티스토리에 텐핑 광고 넣기

 

 

 

이번에는 글 안에 넣는 광고이기에 웹과 앱에 한 번에 들어가도록 해야 합니다.

 

 

글 안에 배너 광고 넣기 (반응형 웹)

 

1. 준비하기

 

먼저 스크립트를 준비합니다.  ( 웹스크립트, 모바일스크립트 )

 

 

 

광고 스크립트를 만드는 부분은 이전 글을 참고해주세요!

가이드는 순서대로! 읽어주시면 이해하시는데 큰 도움이 됩니다.

 

 

2.서식 만들기

 

서식 만들기는 일정한 형식을 유지하면서 글을 쓸 때 유용하므로 이번 기회를 통해 익혀두시면 좋을 것 같습니다.

 

관리 > 콘텐츠 > 서식 관리 > 서식 쓰기

 

 

서식 쓰기를 눌러주시면 글쓰기와 비슷한 화면이 나옵니다.

 

제목을 적어주시고 HTML로 변환을 합니다.

 

 

갑자기 검은색 화면으로 바뀌시는 분도 계시고 흰색 화면인 분도 계시겠지만 당황하지 마시고! 

 

아래 빈 공간에 아래 코드를 넣어줍니다.

 

<script type="text/javascript">
    var mobileCheck = function () {
        var userAgent = navigator.userAgent;
        if (userAgent == null) {
            return false;
        }
        var mobile1 = userAgent.match("iPhone|iPod|iPad|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson");
        var mobile2 = userAgent.match("LG|SAMSUNG|Samsung");
        if (mobile1 || mobile2) {
            return true;
        } else {
            return false;
        }
    }


    if (!mobileCheck()) {
       <!-- [웹스크립트] -->
    } else {
      <!-- [모바일스크립트] -->
    }
</script>

 

 

2 - 1 스크립트 편집

 

웹 스크립트와 모바일 스크립트를 넣고 편집을 해야 합니다.

 

1번에 준비했던 웹 스크립트와 모바일 스크립트를 해당 위치에 넣어주세요!

 

그리고 script 부분들을 제거해줍니다.

 

 

script 부부를 제거하셨다면 저장(완료)을 눌러주세요.

 

 

 

3. 글 안에서 서식 사용하기

 

이제 글쓰기에서 글을 쓸 때 서식을 넣어주면 됩니다.

 

 

글쓰기 위쪽에 보시면 점점점 세 개를 눌러주시면 서식 선택하기가 있습니다.

 

제가 쓰는 서식 사진입니다. 서식에서 선택해주시면 글쓰기 안으로 서식이 들어갑니다.

 

 

바로 이 부분이 광고가 나오는 부분입니다.

 

보통은 위와 아래에 광고를 넣거나 글 중간중간에 광고를 넣습니다.

 

하지만 광고가 너무 많으면 오히려 글을 보시는 분들께 피해가 갈 수 있으니 적당히! 넣어주시면 되겠습니다.

 

글을 다 쓰신 후에 발행하시면 광고가 글 사이사이에 들어가 있는 것을 볼 수 있습니다.

 

 

 

 

광고의 사이즈나 글 서식 내에 광고 사이즈에 대해서는 댓글을 남겨주시거나 카톡으로 문의를 해주시면 자세히 알려드리도록 하겠습니다.

 

카톡 문의는 웹 환경의 블로그 상단과 하단에 링크가 있습니다.

 

향후 가이드로 광고 사이즈 조절, 광고 모양 들에 대해 포스팅할 예정이오니 꾸준히 따라와 주시면 모비 센스 광고를 잘 넣고 승인받고 수익으로 이어질 수 있도록 노력하겠습니다.

 

감사합니다.

 

▶▶▶▶광고문의