애드센스 정지 당한 사람들을 위한 ADSTERRA 광고 플랫폼 세팅하기

 

안녕하세요. 오늘은 애드센스 대체플랫폼 중 하나인 ADSTERRA 에 대해 포스팅하려고 합니다.

ADSTERRA에 가입해봅니다. 

배너를 클릭하면 이곳으로 들어오게 되며, 하단에 Sign up 을 클릭합니다.

Messenger 는

해당 SNS 중 한 SNS에 아이디가 있어야 하고요.

 

Payment Method (돈을 어떻게 받을 것인가?)

보통 중간에 있는 페이팔을 선택하거나, Bank Transfer (해외송금) 을 선택합니다.

선택 후 Sign Up을 눌러줍니다.

가입 이후에는 아이디와 비밀번호를 입력하고 Log In을 눌러봅니다.

상단의 ADD WEBSITE 를 누르고 사이트를 추가 합니다.

Website 에는 자신이 광고하고자 하는 사이트의 주소를 입력합니다.

Show adult ads 는 성인광고 이기 때문에, 이탈률이 높아 활성화하지 않습니다.

블로그스팟 약관에서는 Ad Unit format 모든 형태가 제한이 없기 때문에 마음대로 사용할 수 있지만, 티스토리에서는 다른 사이트로 새 탭을 여는 행위 (Popunder), 혹은 유저를 속일 수 있는 형태 ex) 당신의 핸드폰이 바이러스에 감염되었습니다. 와 같은 광고는 약관상으로 금지되어 있습니다. (Social Bar)

 

그래서 이 곳에서는 Native Banner, Banner 만 다뤄서 티스토리를 구성하는 방법에 대해 말씀 올리려고 합니다.

Native Banner, 혹은 Banner 를 클릭하고 ADD 버튼을 누릅니다.

이 메세지는 광고 프로세스는 3분 정도면 활성화 된다는 내용이니 GOT IT 을 눌러줍니다.

저의 경우 실험을 위해서 다양한 광고 배너를 올려놓았으며, 한 번 추가한 배너는 다시 생성이 되지 않습니다.

그래서 사이즈 별로 코드를 복사해놓았다가, 해당 광고의 적재적소 위치를 찾아 넣어두면, 광고의 위치별로 다른 광고가 뜨는 것을 사이트 내에서 확인이 가능합니다. 또한 ADSTERRA 에서는 Referrals 라는 기능이 제공되어, 내 배너를 통해 가입하게 되면 추가 수익이 발생하게 됩니다. 

메뉴에서 사람 모양 버튼을 누르게 되면 나오는 Referrals 라는 메뉴입니다.

 

상단에는 초대 링크를 만들 수 있고, 웹 사이트에서 넣을 것이냐 혹은 다른 곳에서 사용할 것이냐 에 따라 각각 다르게 복사할 수 있도록 제공해줍니다.

배너의 경우 움직이지 않는 배너 (PNG) 와 움직이는 배너 (GIF) 로 구성이 되고, 선택을 하면 직접 볼 수 있습니다.

GIF 배너는 움직이는 배너입니다. 현재 게시글에서 가입을 요구하는 배너 하나가 보이실겁니다.

그 배너가 GIF 배너입니다.

GIF 배너의 경우도 다양한 사이즈가 제공됩니다.

우리의 문제는 이것입니다. 과연 이것을 다 어떻게 적용하지?

 

우선 티스토리 내에서 배너들의 위치를 한 번 알아봅니다.

목록 상단 - <s_cover_group> 문구 위쪽

목록 하단 - <s_paging> 문구 위쪽

본문 상단 - article_rep_desc 위쪽

본문 하단 - article_rep_desc 아래쪽 

사이드바 - 플러그인 - 배너출력

 

고수익멘토를 통해 모바일 중심의 잘보이는 광고 사이즈를 물어봤을 때, 

목록 상단과 목록 하단의 사이즈는 320x50이 가독성이 좋으며,

본문 상단과 본문 하단의 사이즈는 300x250이 가독성이 좋고, 

사이드바 사이즈의 경우 160x300이 가독성이 좋다고 하였습니다.

 

그래서 광고 설계는 이렇게 할 것입니다.

본문 상단 - 300x250 GIF 초대 배너, 300x250 광고 배너

본문 하단 - Native Banner 

목록 상단 - 320x50 광고 배너

목록 하단 - 320x50 광고 배너

사이드바 - 120x300 GIF 초대 배너, 160X300 광고 배너

가장 쉬운 사이드바 부터 먼저 적용해보겠습니다.

사이드바는 PC에서만 보이기 때문에, 모바일 광고 위주로 하시는 분들은 안하셔도 됩니다.

 

플러그인 - 배너 출력이 사용중인지 확인 합니다.

사용 중이라면 , 꾸미기 - 사이드바 에 오셔서 HTML 배너출력을 눌러줍니다.

이렇게 추가 되면 정상적으로 추가 된 것이니, ADSTERRA로 가봅니다.

GIF 초대 배너에서는 160X300 사이즈가 없기 때문에, 120X300 사이즈로 골라서 복사를 해봅니다.

다시 사이드바로 돌아가서 사이드바1에 있는  HTML 배너출력 편집을 클릭합니다.

 

이렇게 작성하여 확인 버튼을 누르면 적용된 모습을 볼 수 있습니다.

 

다시 화면으로 돌아와서, HTML 배너출력을 눌러봅니다.

ADSTERRA에서 Banner 160x300 을 추가 한뒤, COPY CODE 누르시고요.

해당처럼 HTML 소스는 복사 붙혀넣기, 이름은 알아듣기 쉬운 이름으로 설정하고 확인 버튼 눌러줍니다.

변경사항 저장 버튼을 누릅니다.

다시 ADSTERRA로 돌아옵니다. 

320X50 Banner가 없다면, AD UNIT - Banner - 320x50 Banner 순으로 추가하시면 됩니다.

copy code를 눌러줍니다. 

티스토리에 가서 꾸미기 - 스킨 편집 - html 편집을 누릅니다.

s_cover_group 상단을 찾고 ctrl+v 를 눌러줍니다.

너무 왼쪽에 쳐져있는 듯한 느낌을 주면, div로 감싸면 가운데 정렬을 할 수 있습니다.

<div style="text-align: center;">
  <script type="text/javascript">
    atOptions = {
      'key' : '44bdf61add5eb43f79fb9b97001e576e',
      'format' : 'iframe',
      'height' : 50,
      'width' : 320,
      'params' : {}
    };
  </script>
  <script type="text/javascript" src="//recommendedcasualtymysterious.com/44bdf61add5eb43f79fb9b97001e576e/invoke.js"></script>
</div>

 

목록 하단 광고 영역에도 추가해봅니다.

Ctrl+F 로 s_paging 을 검색하여, 아까와 같이 Ctrl+V로 붙혀넣기 합니다.

오른쪽 상단의 적용 버튼을 누른뒤, 페이지에서 확인해봅니다.

 

 

본문 상단으로 들어오기에 앞서, 이전에 들어갔던 Choose a Banner에서  GIF 300X250 px 에 있는 소스코드를 가져옵니다.

 

 

티스토리로 돌아와서, 꾸미기 - 스킨편집 - html 편집으로 들어옵니다.

Ctrl+F 를 통해 article_rep_desc 를 찾고 (북클립의 경우 2 of 2 가 스킨 표출 부분) 해당 상단에 Ctrl+v를 눌러 붙혀넣기를 완료합니다.

ADSTERRA에 돌아가서, Banner 300x250 에서 <> GET CODE 버튼을 클릭한 뒤, COPY CODE로 해당 소스를 복사합니다. 

계획 했던 대로  Referrals 밑에 CTRL+V 를 눌러 붙혀넣기를 마무리 합니다.

오른쪽 상단에 적용버튼을 누르면, 해당 광고가 적용된 모습을 보실 수 있습니다.

 

이제 본문 하단에 Native Banner를 넣으려고 합니다.

ADSTERRA에 다시 돌아가셔서, Native Banner 오른쪽에 <> GET CODE를 누르시면 다음과 같은 화면이 나올겁니다.

여기서 widget layout 만 4:1로 선택하시고, SAVE 버튼을 누른다음, COPY CODE를 눌러서 소스를 복사합니다.

티스토리로 돌아오셔서, 꾸미기 - 스킨편집 - html 편집으로 들어옵니다.

article_rep_desc 를 CTRL+f 누르셔서 검색하신 다음 (북클립의 경우 2 of 2 가 스킨 표출 부분) , 해당 태그 하단에 복사한 것을 붙혀넣기 합니다.

오른쪽 상단에 적용 버튼을 누르면, Native Banner 가 적용된 모습을 확인하실 수 있습니다.

 

우선 이렇게 설계를 하여 추가하는 과정까지 전부 알려드렸습니다만,

데스크탑 유저의 접속이 많으신 분들은 배너 사이즈를 교체하셔도 됩니다. 

읽어주셔서 감사합니다 ^^