티에디션을 사용하는 경우에는 어떻게 광고를 게재해야하나 궁금하실텐데요.
오늘은 티에디션에 광고를 게재하는 방법에 대해 다뤄보겠습니다.
광고 코드만 적절하게 수정할 수만 있다면, 광고를 게재하는 방법은 아주 간단하답니다.
제 블로그에서는 가장 수익이 적은 부분이지만... (ㅠㅠ)
블로그 운영하시는 분에 따라서는 좋은 효율을 가져올 수도 있으리라 생각해요.
이번에도 반응형 광고코드를 수정해서 게재할 거예요.
제 포스팅을 죽 봐오셨다면 익숙하실텐데,
혹시 기억안나신다면~
본문 우측상단 광고게재하기 편을 한 번 참고해주세요.
#1. 티에디션용 반응형 광고코드 수정하기
티에디션에 게재할 반응형 광고코드에서
본인ID와, 광고ID 정보를 메모해둡시다.
텍스트 파일을 열어주세요.
아래 코드가 메모되어 있습니다.
.ABC01 { width:100%; height: 100px; }
@media (min-width: 768px) { .ABC01 { width: 100%; height: 280px; } }
</style>
<ins class="adsbygoogle ABC01"
style="display:inline-block;"
data-ad-client="ca-pub-123456789"
data-ad-slot="987654321"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
ABC_01 은 임의로 정해주시는데,
영문자로 시작해야하며 숫자, 밑줄을 포함할 수 있습니다.
이 임의의 광고이름은 유일해야합니다. 다른 광고코드의 이름과 중복되면 안되는 점~유의하시고.
ca-pub-123456789 에는 아까 메모해두었던 본인ID를,
987654321 에는 광고ID를 입력하세요.
다른 광고들과는 달리 이번에는 광고의 가로너비를 px가 아닌 %로 설정하였습니다.
가로화면에 꽉 차도록 100%로 해놓고 높이만 제한을 두도록 합니다.
특히! 상단에 게재할 경우 모바일에서 300x250 이상은 허용되지 않는다는 애드센스 규정을 기억하세요.
위 코드는
모바일(768미만)일 땐 세로 100px로 나오게끔~
데스크탑(768px이상)일 땐 세로 280px로 설정되어있습니다.
#2. 티에디션 광고 게재하기
티에디션 편집화면으로 이동하여 광고를 게재해봅시다.
티에디션을 사용중이시라면 티에디션 편집버튼이 화면 어딘가에 있을거예요.
① 찾아서 클릭!
광고를 게재할 새로운 아이템을 추가합시다.
② 플러스 아이콘을 누르면 티에디션 아이템이 새로 생성됩니다.
③ 티에디션 설정창의 아이템 유형에서~
④ 아무거나 누르세요! 어차피 다 지울거라 상관없어요. 아.무.거.나!
⑤ 디자인 탭을 클릭하세요.
⑥ HTML을 클릭!
그럼 아래와 같이 HTML 편집창이 뜹니다.
⑦ 모두 지워주세요~! (Ctrl+A 하셔서 모두 선택, Del 키 누르시면 깔끔하게 삭제!)
⑧ 이 자리에 아까 수정했던 광고코드를 붙여넣기 합니다.
⑨ 적용 누르시면~ 티에디션 아이템이 하얗게 됩니다.
광고는 티에디션 편집때 안 보이거든요.
저장 후 블로그 홈으로 돌아가 확인해 보자구요.
⑩ 티에디션 적용하기를 누르시면
⑪ 한번 더 묻는 팝업창이 뜹니다. 보관함에 저장하실지 여부를 선택하시고 적용!
블로그 홈으로 가보면,
광고가 성공적으로 게재된 것을 확인 할 수 있습니다.
쉽죠?
이런 방식으로 티에디션에 여러 개 광고를 게재하실 수 있습니다.
아이템 추가해서~ HTMl 붙여넣기!의 반복.
광고 비율을 잘 생각하시면서 추가하셔요!
저 같은 경우에는 티에디션 상단의 광고 수익이 별로 좋지 않아요.
그런데 괜히 블로그 디자인만 방해하는 것 같아서
얼마전부터 상단은 삭제해버리고 티에디션 중간에만 게재했습니다.
보고서를 일정 주기 지켜보시면서
위치나 광고크기 등을 조금씩 수정하시길 바랍니다.
'블로그 > 블로그 광고' 카테고리의 다른 글
구글 애드센스 일치하는 콘텐츠 단위 (2) | 2017.04.25 |
---|---|
위치별 애드센스 광고 게재방법 (2) | 2017.04.20 |
애드센스 광고 게재하기_ 사이드바 우측 (2) | 2017.04.20 |
애드센스 광고 게재하기_ 본문 좌측하단(다른글 보기 옆) (3) | 2017.03.28 |
어도비 광고 게재하기 Adobe Affiliate Program (2) | 2017.03.25 |
애드센스 광고 게재하기_ 본문 우측상단 (17) | 2017.03.24 |
애드센스 광고 게재하기_ 사이드바 (2) | 2017.03.23 |
애드센스 광고 게재하기_ 본문 상단 및 하단 (3) | 2017.03.22 |